CSS Pudotusvalikko ongelma

koivosk

Elikkä pudotusvalikossa ois sellainen ongelma, että haluan pudotusvalikon neljän päävalikon olevan samankokoisia, (25% koska niitä on 4), ja haluaisin alavalikoiden olevan samankokoisia oman "äitivalikkonsa" kanssa. Sain päävalikon toimimaan kuten halusin yhdessä vaiheessa mutta ongelmana on se että alivalikot eivät toimi kuten pitäisi, enkä saa niitä toimimaan kuten haluaisin.

Tässä olisi käyttämäni CSS koodi pätkä jonka löysin netistä ja sovelsin.

[quote]ul {
margin: 0;
padding: 0;
font-size: 14px;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
position: relative;
}
ul li {
display: block;
width: 25%;
position: relative;
float: left;
}
li ul {
display: none;
position: absolute;
float: left;
}
ul li a {
border-top: 1px solid #ffffff;
padding: 15px;
background: #999999 none repeat scroll 0% 50%;
line-height: 1.5em;
display: block;
text-decoration: none;
color: #ffffff;
margin-left: 1px;
white-space: nowrap;
}
ul li a:hover {
background: #8cd749 none repeat scroll 0%;
}
li:hover ul {
display: block;
position: absolute;
}
li:hover li {
float: none;
position: absolute;
}
li:hover a {
background: #999999 none repeat scroll 0% 50%;
}
li:hover li a:hover {
background: #8cd749 none repeat scroll 0% 50%;
}
[/quote]

1

253

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • 0smo

      Pelkkä CSS ei vielä riitä. Pitäisi nähdä mihin merkkaukseen yrität sitä soveltaa. Myös tarkempi kuvaus toimimattomuudesta, sekä tietoa siitä millä selaimilla toimimattomuus esiintyy. Kuten aina, parasta olisi rakentaa demosivu ongelmasta ja julkaista sen URL...

    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Hengenvaaralliset kiihdytysajot päättyivät karmealla tavalla, kilpailija kuoli

      Onnettomuudesta on aloitettu selvitys. Tapahtuma keskeytettiin onnettomuuteen. Tapahtumaa tutkitaan paikan päällä yhtei
      Kauhava
      165
      6124
    2. Ootko rakastunut?

      Kerro pois nyt
      Ikävä
      147
      1704
    3. Onhan sulla nainen parempi mieli

      Nyt? Ainakin toivon niin.
      Ikävä
      113
      1488
    4. Ujosteletko tosissaan vai mitä oikeen

      Himmailet???? Mitä pelkäät?????
      Ikävä
      51
      1250
    5. Suureksi onneksesi on myönnettävä

      Että olen nyt sitten mennyt rakastumaan sinuun. Ei tässä mitään, olen kärsivällinen ❤️
      Ikävä
      46
      894
    6. Möykkähulluus vaati kuolonuhrin

      Nuori elämä menettiin täysin turhaan tällä järjettömyydellä! Toivottavasti näitä ei enää koskaan nähdä Kauhavalla! 😢
      Kauhava
      28
      834
    7. Älä mies pidä mua pettäjänä

      En petä ketään. Älä mies ajattele niin. Anteeksi että ihastuin suhun varattuna. Pettänyt en ole koskaan ketään vaikka hu
      Ikävä
      96
      817
    8. Reeniähororeeniä

      Helvetillisen vaikeaa työskennellä hoitajana,kun ei kestä silmissään yhtään läskiä. Saati hoitaa sellaista. Mitä tehdä?
      Kouvola
      5
      769
    9. Kävit nainen näemmä mun

      Facessa katsomassa....
      Ikävä
      41
      719
    10. Tarvitsemme lisää maahanmuuttoa.

      Väestö eläköityy, eli tarvitsemme lisää tekeviä käsiä ja veronmaksajia. Ainut ratkaisu löytyy maahanmuutosta. Nimenomaan
      Maailman menoa
      219
      714
    Aihe