Avaleht
uus teema   vasta Tarkvara »  Programmeerimine »  väga lihtne CSS küsimus märgi kõik teemad loetuks
märgi mitteloetuks
vaata eelmist teemat :: vaata järgmist teemat
Hinnavaatlus :: Foorum :: Uudised :: Ärifoorumid :: HV F1 ennustusvõistlus :: Pangalink :: Telekavad :: HV toote otsing
autor
sõnum Saada viide sõbrale.  :: Teata moderaatorile teata moderaatorile
otsing:  
bitCON
Aeg Maha 2n

liitunud: 12.11.2005
sõnum 10.02.2013 06:32:13 väga lihtne CSS küsimus vasta tsitaadiga

<nav id ="nav">
   <ul>
   <li><a href="#">Home</a>
      <ul id="sub">
         <li><a href="#">esimene_alam</a></li>
         <li><a href="#">esimene_alam</a></li>
         <li><a href="#">esimene_alam</a></li>
         <li><a href="#">esimene_alam</a></li>
      </ul>
   </li>
   
   <li><a href="#">Products</a></li>
   <li><a href="#">Services</a></li>
   <li><a href="#">About</a></li>
   <li><a href="#">Contact</a></li>
   </ul>
</nav>


CSS sisu:


#nav ul {
   list-style-type: none;
   
}

#nav li{
   float: left;
   border: 1px solid black;
}

#nav ul a {
   display: block;
   padding: 10px;
}

#nav ul a:hover{
   display: block;
}


Eesmärk on saada drop-down menüü, ehk siis et "#sub" ilmuks nähtavale "#nav a:hover" korral.

Ja veel, et kuidas ma saaks "#sub a" parameetreid muuta- hetkel lähevad #nav parameetrid põhimõtteliselt kõikidele sisemistele listidele ka, aga ma ei taha seda.
Kommentaarid: 33 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 32
tagasi üles
vaata kasutaja infot saada privaatsõnum
Genobe222
HV vaatleja

liitunud: 18.05.2009
sõnum 10.02.2013 17:22:07 vasta tsitaadiga
<nav id ="nav">
   <ul>
      <li><a href="#">Home</a>
        <ul>
          <li><a href="#">esimene_alam</a></li>
          <li><a href="#">esimene_alam</a></li>
          <li><a href="#">esimene_alam</a></li>
          <li><a href="#">esimene_alam</a></li>
        </ul>
      </li>
      
      <li><a href="#">Products</a></li>
      <li><a href="#">Services</a></li>
      <li><a href="#">About</a></li>
      <li><a href="#">Contact</a></li>
   </ul>
</nav>


#nav ul li:hover > ul {
display: block;
}
#nav ul ul{
display:none;
}
Kommentaarid: 1 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 1
tagasi üles
vaata kasutaja infot saada privaatsõnum
bitCON
Aeg Maha 2n

liitunud: 12.11.2005
sõnum 10.02.2013 17:24:26 vasta tsitaadiga
thumbs_up.gif

miks ">" märki kasutama peab hover > ul vahel?
Kommentaarid: 33 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 32
tagasi üles
vaata kasutaja infot saada privaatsõnum
mikk36
HV Guru
mikk36

liitunud: 21.02.2004
sõnum 10.02.2013 17:57:39 vasta tsitaadiga
Nitrub, näitamaks otsest sugulussidet.
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
näita postitusi alates eelmisest:   
uus teema   vasta Tarkvara »  Programmeerimine »  väga lihtne CSS küsimus
[vaata eelmist teemat] [vaata järgmist teemat]
 lisa lemmikuks
näita foorumit:  
 ignoreeri teemat 
sa ei või postitada uusi teemasid siia foorumisse
sa ei või vastata selle foorumi teemadele
sa ei või muuta oma postitusi selles foorumis
sa ei või kustutada oma postitusi selles foorumis
sa ei või vastata küsitlustele selles foorumis
sa ei saa lisada manuseid selles foorumis
sa võid manuseid alla laadida selles foorumis



Hinnavaatlus ei vastuta foorumis tehtud postituste eest.