Suche im Forum:
Suchen


Autor Nachricht
Beitrag07.02.2015 um 12:25 (UTC)    
Titel: [erledigt] Design Clean: Navi verschwindet unter den Inhalt

Hi zusammen,

Ich verwende das Design Clean
ich hab einen sogenannten Akkordeon Kalender auf meiner Seite eingebaut. Am Anfang war alles super, bis ich die einzelnen Termine eingegeben hab. Seit dem ist die Navigation unter den Inhalt gerutscht. Ich werd einfach nicht fündig wo der fehler liegt.

Code:
<div id="akkordeon">
<div class="top">
<div class="thema closed" style="background: #ffcc33;">
<h2>Januar 2015</h2>
</div>
<div class="inhalt">
<table width="540" border="1" align="center" cellpadding="1" cellspacing="1">
    <tbody>
        <tr>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Datum</strong></span></td>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Tag</strong></span></td>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Beginn</strong></span></td>
            <td bgcolor="#ffcc33"><strong><span style="font-size: small;">Veranstaltung</span></strong></td>
        </tr>
        <tr>
            <td>09.01.2015</td>
            <td>Freitag</td>
            <td>20.00 Uhr</td>
            <td>07. Spieltag (alle Spielklassen)</td>
        </tr>
        <tr>
            <td>16.01.2015</td>
            <td>Freitag</td>
            <td>20.00 Uhr</td>
            <td>2 Spiele Kreisliga Nord</td>
        </tr>
        <tr>
            <td>23.01.2015</td>
            <td>Freitag</td>
            <td>20.00 Uhr</td>
            <td>08. Spieltag (alle Spielklassen)</td>
        </tr>
        <tr>
            <td>30.01.2015</td>
            <td>Freitag</td>
            <td>20.00 Uhr</td>
            <td>09. Spieltag (alle Spielklassen)</td>
        </tr>
    </tbody>
</table>
</div>
</div>
<div class="top">
<div class="thema closed" style="background: #ffcc33;">
<h2>Februar 2015</h2>
</div>
<div class="inhalt">
<table width="540" border="1" align="center" cellpadding="1" cellspacing="1">
    <tbody>
        <tr>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Datum</strong></span></td>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Tag</strong></span></td>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Beginn</strong></span></td>
            <td bgcolor="#ffcc33"><strong><span style="font-size: small;">Veranstaltung</span></strong></td>
        </tr>
        <tr>
            <td>06.02.2015</td>
            <td>Freitag</td>
            <td>20.00 Uhr</td>
            <td>Je 1 Spiel Oberliga, Kreisliga Nord</td>
        </tr>
        <tr>
            <td>14.02.2015</td>
            <td>Samstag</td>
            <td>19.59 Uhr</td>
            <td><a href="http://img.webme.com/pic/b/badendartliga/Kratzer2.jpg">N&auml;rrisches Turnier in Huttenheim</a></td>
        </tr>
        <tr>
            <td>20.02.2015</td>
            <td>Freitag</td>
            <td>20.00 Uhr</td>
            <td>10. Spieltag (alle Spielklassen)</td>
        </tr>
        <tr>
            <td>21.02.2015</td>
            <td>Samstag</td>
            <td>20.00 Uhr</td>
            <td><a href="http://img.webme.com/pic/b/badendartliga/10498316_749727898451122_393304988834094890_o.jpg">Holzwurm Steeldart Cup in Huttenheim</a></td>
        </tr>
        <tr>
            <td>27.02.2015</td>
            <td>Freitag</td>
            <td>20.00 Uhr</td>
            <td>11. Spieltag (alle Spielklassen)</td>
        </tr>
    </tbody>
</table>
</div>
</div>
<div class="top">
<div class="thema closed" style="background: #ffcc33;">
<h2>M&auml;rz 2015</h2>
</div>
<div class="inhalt">
<table width="540" border="1" align="center" cellpadding="1" cellspacing="1">
    <tbody>
        <tr>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Datum</strong></span></td>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Tag</strong></span></td>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Beginn</strong></span></td>
            <td bgcolor="#ffcc33"><strong><span style="font-size: small;">Veranstaltung</span></strong></td>
        </tr>
        <tr>
            <td>06.03.2015</td>
            <td>Freitag</td>
            <td>20.00 Uhr</td>
            <td>12. Spieltag (alle Spielklassen)</td>
        </tr>
        <tr>
            <td>13.03.2015</td>
            <td>Freitag</td>
            <td>20.00 Uhr</td>
            <td>1 Spiel Kreisliga Nord</td>
        </tr>
        <tr>
            <td>20.03.2015</td>
            <td>Freitag</td>
            <td>20.00 Uhr</td>
            <td>13. Spieltag (alle Spielklassen)</td>
        </tr>
        <tr>
            <td>21.03.2015</td>
            <td>Samstag</td>
            <td>20.00 Uhr</td>
            <td><a href="http://img.webme.com/pic/b/badendartliga/10498316_749727898451122_393304988834094890_o.jpg">Holzwurm Steeldart Cup in Huttenheim</a></td>
        </tr>
        <tr>
            <td>27.03.2015</td>
            <td>Freitag</td>
            <td>20.00 Uhr</td>
            <td>14. Spieltag (alle Spielklassen)</td>
        </tr>
    </tbody>
</table>
</div>
</div>
<div class="top">
<div class="thema closed" style="background: #ffcc33;">
<h2>April 2015</h2>
</div>
<div class="inhalt">
<table width="540" border="1" align="center" cellpadding="1" cellspacing="1">
    <tbody>
        <tr>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Datum</strong></span></td>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Tag</strong></span></td>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Beginn</strong></span></td>
            <td bgcolor="#ffcc33"><strong><span style="font-size: small;">Veranstaltung</span></strong></td>
        </tr>
        <tr>
            <td>02.04.2015</td>
            <td>Donnerstag</td>
            <td>20.00 Uhr</td>
            <td>BDL-Pokal Achtelfinale</td>
        </tr>
        <tr>
            <td>10.04.2015</td>
            <td>Freitag</td>
            <td>20.00 Uhr</td>
            <td>15. Spieltag (alle Spielklassen)</td>
        </tr>
        <tr>
            <td>17.04.2015</td>
            <td>Freitag</td>
            <td>20.00 Uhr</td>
            <td>BDL-Pokal Viertelfinale</td>
        </tr>
        <tr>
            <td>18.04.2015</td>
            <td>Samstag</td>
            <td>20.00 Uhr</td>
            <td><a href="http://img.webme.com/pic/b/badendartliga/10498316_749727898451122_393304988834094890_o.jpg">Holzwurm Steeldart Cup in Huttenheim</a></td>
        </tr>
        <tr>
            <td>24.04.2015</td>
            <td>Freitag</td>
            <td>20.00 Uhr</td>
            <td>1 Spiel Kreisliga Nord</td>
        </tr>
    </tbody>
</table>
</div>
</div>
<div class="top">
<div class="thema closed" style="background: #ffcc33;">
<h2>Mai 2015</h2>
</div>
<div class="inhalt">
<table width="540" border="1" align="center" cellpadding="1" cellspacing="1">
    <tbody>
        <tr>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Datum</strong></span></td>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Tag</strong></span></td>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Beginn</strong></span></td>
            <td bgcolor="#ffcc33"><strong><span style="font-size: small;">Veranstaltung</span></strong></td>
        </tr>
        <tr>
            <td>08.05.2015</td>
            <td>Freitag</td>
            <td>20.00 Uhr</td>
            <td>16. Spieltag (alle Spielklassen)</td>
        </tr>
        <tr>
            <td>15.05.2015</td>
            <td>Freitag</td>
            <td>20.00 Uhr</td>
            <td>1 Spiel Kreisliga Nord</td>
        </tr>
        <tr>
            <td>16.05.2015</td>
            <td>Samstag</td>
            <td>14.00 Uhr</td>
            <td>Liga-Einzelturnier BDL Kreisligaspieler</td>
        </tr>
        <tr>
            <td>16.05.2015</td>
            <td>Samstag</td>
            <td>20.00 Uhr</td>
            <td><a href="http://img.webme.com/pic/b/badendartliga/10498316_749727898451122_393304988834094890_o.jpg">Holzwurm Steeldart Cup in Huttenheim</a></td>
        </tr>
        <tr>
            <td>22.05.2015</td>
            <td>Freitag</td>
            <td>20.00 Uhr</td>
            <td>17. Spieltag (alle Spielklassen)</td>
        </tr>
        <tr>
            <td>29.05.2015</td>
            <td>Freitag</td>
            <td>20.00 Uhr</td>
            <td>1 Spiel Kreisliga Nord</td>
        </tr>
    </tbody>
</table>
</div>
</div>
<div class="top">
<div class="thema closed" style="background: #ffcc33;">
<h2>Juni 2015</h2>
</div>
<div class="inhalt">
<table width="540" border="1" align="center" cellpadding="1" cellspacing="1">
    <tbody>
        <tr>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Datum</strong></span></td>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Tag</strong></span></td>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Beginn</strong></span></td>
            <td bgcolor="#ffcc33"><strong><span style="font-size: small;">Veranstaltung</span></strong></td>
        </tr>
        <tr>
            <td>03.06.2015</td>
            <td>Mittwoch</td>
            <td>19.00 Uhr</td>
            <td>Liga-Einzelturnier BDL Bezirksligaspieler</td>
        </tr>
        <tr>
            <td>05.06.2015</td>
            <td>Freitag</td>
            <td>19.00 Uhr</td>
            <td>Liga-Einzelturnier BDL Oberligaspieler</td>
        </tr>
        <tr>
            <td>12.06.2015</td>
            <td>Freitag</td>
            <td>20.00 Uhr</td>
            <td>18. Spieltag (alle Spielklassen)</td>
        </tr>
        <tr>
            <td>13.06.2015</td>
            <td>Samstag</td>
            <td>14.00 Uhr</td>
            <td>BDL-Pokal Final Four</td>
        </tr>
        <tr>
            <td>20.06.2015</td>
            <td>Samstag</td>
            <td>20.00 Uhr</td>
            <td><a href="http://img.webme.com/pic/b/badendartliga/10498316_749727898451122_393304988834094890_o.jpg">Holzwurm Steeldart Cup in Huttenheim</a></td>
        </tr>
    </tbody>
</table>
</div>
</div>
<div class="top">
<div class="thema closed" style="background: #ffcc33;">
<h2>Juli 2015</h2>
</div>
<div class="inhalt">
<table width="540" border="1" align="center" cellpadding="1" cellspacing="1">
    <tbody>
        <tr>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Datum</strong></span></td>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Tag</strong></span></td>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Beginn</strong></span></td>
            <td bgcolor="#ffcc33"><strong><span style="font-size: small;">Veranstaltung</span></strong></td>
        </tr>
        <tr>
            <td>18.07.2015</td>
            <td>Samstag</td>
            <td>20.00 Uhr</td>
            <td><a href="http://img.webme.com/pic/b/badendartliga/10498316_749727898451122_393304988834094890_o.jpg">Holzwurm Steeldart Cup in Huttenheim</a></td>
        </tr>
    </tbody>
</table>
</div>
</div>
<div class="top">
<div class="thema closed" style="background: #ffcc33;">
<h2>August 2015</h2>
</div>
<div class="inhalt">
<table width="550" border="1" align="center" cellpadding="1" cellspacing="1">
    <tbody>
        <tr>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Datum</strong></span></td>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Tag</strong></span></td>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Beginn</strong></span></td>
            <td bgcolor="#ffcc33"><strong><span style="font-size: small;">Veranstaltung</span></strong></td>
        </tr>
        <tr>
            <td colspan="4" style="text-align: center;">Keine aktuellen Termine/Veranstaltungen</td>
        </tr>
    </tbody>
</table>
</div>
</div>
<div class="top">
<div class="thema closed" style="background: #ffcc33;">
<h2>September 2015</h2>
</div>
<div class="inhalt">
<table width="540" border="1" align="center" cellpadding="1" cellspacing="1">
    <tbody>
        <tr>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Datum</strong></span></td>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Tag</strong></span></td>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Beginn</strong></span></td>
            <td bgcolor="#ffcc33"><strong><span style="font-size: small;">Veranstaltung</span></strong></td>
        </tr>
        <tr>
            <td colspan="4" style="text-align: center;">Keine aktuellen Termine/Veranstaltungen</td>
        </tr>
    </tbody>
</table>
</div>
</div>
<div class="top">
<div class="thema closed" style="background: #ffcc33;">
<h2>Oktober 2015</h2>
</div>
<div class="inhalt">
<table width="540" border="1" align="center" cellpadding="1" cellspacing="1">
    <tbody>
        <tr>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Datum</strong></span></td>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Tag</strong></span></td>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Beginn</strong></span></td>
            <td bgcolor="#ffcc33"><strong><span style="font-size: small;">Veranstaltung</span></strong></td>
        </tr>
        <tr>
            <td colspan="4" style="text-align: center;">Keine aktuellen Termine/Veranstaltungen</td>
        </tr>
    </tbody>
</table>
</div>
</div>
<div class="top">
<div class="thema closed" style="background: #ffcc33;">
<h2>November 2015</h2>
</div>
<div class="inhalt">
<table width="540" border="1" align="center" cellpadding="1" cellspacing="1">
    <tbody>
        <tr>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Datum</strong></span></td>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Tag</strong></span></td>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Beginn</strong></span></td>
            <td bgcolor="#ffcc33"><strong><span style="font-size: small;">Veranstaltung</span></strong></td>
        </tr>
        <tr>
            <td colspan="4" style="text-align: center;">Keine aktuellen Termine/Veranstaltungen</td>
        </tr>
    </tbody>
</table>
</div>
</div>
<div class="top">
<div class="thema closed" style="background: #ffcc33;">
<h2>Dezember 2015</h2>
</div>
<div class="inhalt">
<table width="540" border="1" align="center" cellpadding="1" cellspacing="1">
    <tbody>
        <tr>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Datum</strong></span></td>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Tag</strong></span></td>
            <td bgcolor="#ffcc33" width="70"><span style="font-size: small;"><strong>Beginn</strong></span></td>
            <td bgcolor="#ffcc33"><strong><span style="font-size: small;">Veranstaltung</span></strong></td>
        </tr>
        <tr>
            <td colspan="4" style="text-align: center;">Keine aktuellen Termine/Veranstaltungen</td>
        </tr>
    </tbody>
</table>
</div>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script>
$(document).ready(function() {
       
    $('.top .thema').click(function(){
           if($(this).hasClass('closed')) {
              $(this).addClass('open').removeClass('closed');
              $(this).siblings('.inhalt').slideDown(200);
          } else {
             $(this).addClass('closed').removeClass('open');
             $(this).siblings('.inhalt').slideUp(200);
          }
        });
   
});
</script>



Auf allen anderen Seiten ist die Navi Rechts wo sie hingehört.
Wie gesagt ich hab am Code nichts mehr geändert nur den text eingegebn und auf einmal war die navi unten

http://badischedartliga.de/Kalender.htm


Vielen Dank im voraus
LG Dominik


Zuletzt bearbeitet von BadenDartLiga am 23.02.2015, 19:14, insgesamt einmal bearbeitet
Beitrag07.02.2015 um 13:23 (UTC)    
Titel:

Dir fehlen 2 </div> nach dem Kalender. Du öffnest sie, schließt sie aber nicht.
So rutscht die sidebar in den <div id="main"> Bereich hinein.
______________
Mit mir chatten? Besuche uns auf CookieChat.de (keine Anmeldung nötig, einfach einen Spitznamen einegeben)
Beitrag07.02.2015 um 13:35 (UTC)    
Titel:

Hab die beiden div eingegeben, jetzt hat die Navi zwar wieder die richtige breite aber ist immernoch unter dem inhalt
Beitrag07.02.2015 um 13:56 (UTC)    
Titel:

Hab es hinbekommen, Danke nochmal
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de