Das Forum der Foren
Willkommen im offiziellen Supportforum von Forumieren!

Um alle Vorteile unseres Forums zu nutzen, melden Sie sich bitte an. Wenn Sie bereits Mitglied sind loggen Sie sich ein.


Erstellen Sie ein kostenloses Forum wie dieses hier.
Regeln und nützliche Hinweise
Lexi Help
Die neuesten Themen
» [phpBB2] Saol Eile : Welt der Mythen
von Sunshinex33 Heute um 3:12

» Signal für Chat
von Ave Gestern um 20:30

» [ModernBB] Transparenz der Tabelle
von deafgopro Gestern um 15:47

» [phpBB2] "Ihre Sitzung ist abgelaufen".
von inde Gestern um 11:58

» [ModernBB] Avatar - Profil auf die linke Seite
von deafgopro Mo 24 Apr 2017 - 21:52

» Benachrichtigungen
von inde Mo 24 Apr 2017 - 18:59

» [ModernBB] Profil Informationen im Forum - Farbe nicht veränderbar
von inde Mo 24 Apr 2017 - 15:54

» [#9712] Gründerwechsel nach Inaktivität des Gründers
von Bigtuber Mo 24 Apr 2017 - 14:09

» Sailor Moon Forum SMF
von Rika So 23 Apr 2017 - 12:09

» Natur und Wildlife Forum
von Stephan68 Sa 22 Apr 2017 - 19:44

» Gründerwechsel nach Inaktivität des Gründers
von Checvx Sa 22 Apr 2017 - 1:25

» Update der Facebook-Verbindung
von inde Fr 21 Apr 2017 - 18:07

» SPAM
von inde Fr 21 Apr 2017 - 17:53

» [phpBB2] Style zerschießt sich
von Bigtuber Fr 21 Apr 2017 - 1:56

» [Invision] Neues Thema - Antworten verschieben
von inde Do 20 Apr 2017 - 21:05

» Möglichkeit Umfragen anonym/offen bei der Erstellung einzustellen
von LillNalle Mi 19 Apr 2017 - 17:01

www.forumieren.de

Problem mit Accordion

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt Problem mit Accordion

Beitrag von Yuzuki am Fr 18 Dez 2015 - 22:56

Hallo c:
ich hab da ein kleines Problem und zwar habe ich von einem anderen forum (leider ist der thread wo ich den code herhab irgendwie gelöscht worden desshalb kann ich kein link senden >.<) und naja ich kenn mich zwar einiger maßen mit html, css und co aus allerdings find ich den fehler einfach nicht xD das problem ist folgendes:
http://noragami-sekai.forumieren.com/t1-ihr-erstes-thema#2 (letzter beitrag) also es erfüllt zwar seinen zweck und fährt brav aus und zeigt den text allerdings möchte ich das alle balken gleich groß sind egal welcher tab gerade offen ist. ich hoffe mir kann jemand helfen q.q

Javascript:
Code:
$(document).ready(function(){
 
    activeItem = $("#accordion li:first");
    $(activeItem).addClass('active');
 
    $("#accordion li").hover(function(){
        $(activeItem).animate({width: "50px"}, {duration:300, queue:false});
        $(this).animate({width: "600px"}, {duration:300, queue:false});
        activeItem = this;
    });
 
});

CSS
Code:
#accordion {list-style: none;margin: 5px 0;padding: 0;height: 400px;overflow: hidden;background: #000000;width: 750px;}
#accordion li {float: left;border-left:0px;
  display: block;height: 400px;width: 50px;padding: 5px 0;overflow: hidden;text-decoration: none;font-size: 12px; line-height: 1.5em;}
#accordion li img {border: none;float: left;margin: -5px 5px 0 0;border-radius: 5px;-cr-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;transition: all 0.4s ease-in-out 1s;}
#accordion li.active {width: 600px;}

HTML
Code:
<ul id="accordion">
                                                 
  <li>
                            <img src="http://oi61.tinypic.com/jqszcy.jpg" />ÜBERSCHRIFT HIER <br />     Text                                                  
  </li>
                                                 
  <li>
                            <img src="http://oi60.tinypic.com/taq7iw.jpg" />ÜBERSCHRIFT HIER <br />     Text                                                    
  </li>
                                                 
  <li>
                            <img src="http://oi60.tinypic.com/2v005t0.jpg" />
     <table>
        <tbody>
           <tr>
              <td>
                TEXT
              </td>
              <td>
              TEXT
              </td>
           </tr>
        </tbody>
     </table>
                         
  </li>
                                         
  <li>
                        <img src="http://oi62.tinypic.com/30satzd.jpg" />ÜBERSCHRIFT HIER <br />     Text                                                      
  </li>
</ul>
avatar
Yuzuki
Neuling
Neuling

Beiträge : 5
Anmeldedatum : 01.07.14
keine
Invision

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Problem mit Accordion

Beitrag von Gunich am Mo 21 Dez 2015 - 13:45

Hallo Yuzuki

ich werde dir sagen wo das Problem zu finden ist. In deinem Code sind viele Zeilenumbrüche und Leerstellen enthalten. Und damit sind nicht die br Tags gemeint.
Wenn du HTML in den Beiträgen benutzt, empfiehlt es sich den Code ohne solche Freiräume, komplett aneinander zu schreiben und Zeilenumbrüche mit dem br Tag einzufügen. Dann kann es beim geposteten Beitrag nicht zu solchen Fehlern kommen. Dort werden nämlich alle Freiräume in das HTML Gerüst integriert, was zu seltsamen Abständen im fertigen Beitrag führt.
Versuch mal den Code so zu posten:
Code:
<ul id="accordion"><li><img src="http://oi61.tinypic.com/jqszcy.jpg" />ÜBERSCHRIFT HIER <br />Text</li><li><img src="http://oi60.tinypic.com/taq7iw.jpg" />ÜBERSCHRIFT HIER<br />Text</li><li><img src="http://oi60.tinypic.com/2v005t0.jpg" /><table><tbody><tr><td>TEXT</td><td>TEXT</td></tr></tbody></table></li><li><img src="http://oi62.tinypic.com/30satzd.jpg" />ÜBERSCHRIFT HIER <br />Text</li></ul>

Liebe Grüße
Gunich



EDIT:
Keine Rückmeldung mehr erhalten, das Problem scheint gelöst zu sein. Deshalb wurde hier geschlossen.
Sollte es noch Bedarf zu diesem Thema geben, dann bitte eine PN an den unten stehenden EDIT-Absender senden.


Zuletzt von inde am Sa 28 Mai 2016 - 20:09 bearbeitet; insgesamt 1-mal bearbeitet (Grund : EDIT:)
avatar
Gunich
Lehrling
Lehrling

Beiträge : 134
Anmeldedatum : 05.01.12
keine
phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten