• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Braeuchte Hilfe

S

Schoro

Neues Mitglied
Hmmm hab vor ner Woche mit html angefangen und will jetzt in meiner Homepage eine Navigation einfuegen.
Soweit so gut ich habe jetzt eine Navigation mithilfe von css gemacht. Jedoch will ich jetzt, dass wenn man ein Thema anklickt (in der Navi), dass diese sich nach rechts ausklappt und weitere Unterthemen freigibt.
Wie bekomme ich das hin???
 
WOW Geiler TITEL, da weiß jeder sofort wovon dus hast...

Sowas machst du, in dem im HTML in das Menü aus dem es sich ausklappen soll menüs einfügst, sodass das Elternelement/Großelternelement der Dinger die zu sehen sein sollen das Obermenü ist.

Im Css sieht es dann so aus(fals du es mit uls und lis machst
(Dabei ist das Obermenü ein komplettes ul mit lis, und die untermenüpunkte ein komplettes ul mit lis in dem entsprechndem li des Oberelementes))


Code: 
ul li:active ul i 
{
       display:block;
       position: relative;
       top: was auch immer, kommt drauf an wie wo es sich relativ zum ELternelement befinden soll, dadurch kannst du das erreichen das es rechts neben dran ist;
        left: wie oben;
}


Das ist nicht komplett soll nurn Denkanstoß sein....



MfG
 
hmmm damit ich das auch verstehe:

"ul li:active ul i" kein "#" davor? und was bringt der ":" ?
und wie muss ich das dann in mein html dokument einfügen
Code: 
<div id="navcontainer">
         <ul id="navlist">
         <li id="active">
         <a href="main.html" target="Main">Home</a>
         <a href="die-band.html" target="Main">Die Band</a>
         <a href="alben.html" target="Main">Alben</a>
         <a href="singles.html" target="Main">Singles</a>
         <a href="bilderundvideos.html" target="Main">Bilder&Videos</a>
         </li>
         </ul>
         </div>
 
aso nee ich glaub du hast mich falsch verstanden:razz:

ich will das die unterthemen die vorher noch nicht da waren darunter erscheinen
z.B. wie die Navi bei :1A Homepage Tools bei dem Punkt Foren - Einfügung
 
1. Ich greife auf die Eigenschaften bei meinem Code nicht über eine Klasse oder die Id zu, sondern per gerüst des html
2. klar ist es so immer zu sehen, der Code war ja auch noch nicht komplett, es fehlt
Code: 
ul li ul i 
{
       display:none;
}

der Doppelpunkt leitet eine sogenannte Pseudoklasse ein (kann auch pseudoelemente einleiten).
:active hinter dem element/Klassen/id namen bestimmt das aussehen wenn das Element angeklickt ist
Pseudo-Klassen: Übersicht: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets.


MfG
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben