ilch Forum » Allgemein » HTML, PHP, SQL,... » Navigation

Geschlossen
  1. #1
    User Pic
    Klosterwurm Mitglied
    Registriert seit
    30.11.2004
    Beiträge
    354
    Beitragswertungen
    2 Beitragspunkte
    Moin moin.... scheiß wetter draußen und mal wieder bischen an Webseite basteln.

    Ich habe eine Navigation gebastelt und möchte gerne diesen HTML/CSS so beibehalten ich möchte jetzt aber noch Subnavigation (unterkategorien) dazu haben kann mir dabei jemand helfen??

    HTML CODE:
    <table border="0" align="center" cellpadding="0" cellspacing="0" id="menuh">
            <tr> 
              <td id="designini"><a href="?startseite">Startseite</a></td>
              <td><a href="?wir">Über uns</a></td>
              <td><a href="?unterhaltung-info">Unterhaltung</a></td>
    
              <td><a href="?downloads">Downloads</a></td>
              <td><a href="?zockerbude-info">Zockerbude</a></td>
              <td><a href="?topliste">Topliste 200</a></td>
              <td><a href="?ts3viewer">Teamspeak 3</a></td>
              <td><a href="?links1">Links</a></td>
              <td><a href="?forum">Forum</a></td>
    
              <td id="designini2"><a href="?user-login">Einloggen</a></td>
            </tr>
          </table>


    CSS CODE:
    #menuh a, #menuh a:visited, #menuh a:active {
    display : block; 
    text-decoration : none;
    font-weight: bold;
    font-size : 13px;
    font-family : verdana, sans-serif;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
    border-left: 0 solid #fff;
    border-right: 0px;
    line-height: 46px;
    height: 48px;
    text-align : center;
    color : #ffffff;
    background-color : #2e88d6;
    background-image : url(style/spe_navigation_butt01.jpg);
    
    
    }
    
    #menuh a:hover {
    color : #ffffff;
    height : 48px;
    padding-top : 0;
    background-image : url(style/spe_navigation_butt02.jpg);
    
    }
    
    
    #menuh #designini a {
    color : #ffffff;
    height : 48px;
    padding-top : 0;
    background-image : url(style/spe_navigation_butt02.jpg);
    
    }
    
    #menuh #designini2 a {
    color : #fcfcfc;
    height : 48px;
    padding-top : 0;
    background-color : #d70101;
    background-image : url(style/spe_navigation_butt03.jpg);
    }


    lächeln

    betroffene Homepage: spasselite.de
    Mein Funportal @ externer Link | Facebook @ Spasselite
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Tr3icio gelöschter User
    Key Klosterwurm :-)
    Lange nichts von dir gehört, weder hier noch in ICQ ^^

    Wie hast du dir die Navigation den vorgestellt?

    Etwa eine DropDown Navigation oder eine Navigation unter der HauptNavigation ( wie früher auf SpassElite.de ), oder wie?^^
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Klosterwurm Mitglied
    Registriert seit
    30.11.2004
    Beiträge
    354
    Beitragswertungen
    2 Beitragspunkte
    also ehr eine DropDown funktion....
    Mein Funportal @ externer Link | Facebook @ Spasselite
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    MaddinXx Mitglied
    Registriert seit
    15.02.2007
    Beiträge
    787
    Beitragswertungen
    40 Beitragspunkte
    Hey Klosterwurm

    Mit Tabellen ist das relativ schwierig und unschön. Versuche es doch mit Listen.

    Das würde dann etwa so aussehen:

    <ul>
      <li><a>Link</a>
        <ul>
          <li><a>Link</a>
          <li><a>Link</a>
        </ul>
      </li>
      <li><a>Link</a>
        <ul>
          <li><a>Link</a>
          <li><a>Link</a>
        </ul>
      </li>
    </ul>


    (normal die Liste stylen, dann...)
    ul li ul {display: none}
    ul li:hover ul {display: block}


    Das CSS halt wieder stylen. Das wichtigste ist das display: none + block.

    Gruss
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Tr3icio gelöschter User
    Ich habs ihm längst fertig gemacht :-)
    Aber er hats sichs anders überlegt.
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten