Navigaatio

Webe

Olen tekemässä sivuilleni linkkejä ja kun hiiren vetää linkin päälle avautuisi alle lisää "ali linkkejä". Kaikki toimii tähän mennessä muuten hyvin mutta Internet exploreria lukkunottamatta linkit, jotka ovat linkitettyjä kuvia menevät päällekkäin. Jos tuossa css tiedostossa laittaa leveydeksi #nav li:ssä width:63px (etusivu.gif:in leveys), niin pidemmät linkkikuvat kuten palvelut saavat liian vähän tilaa. Jos laittaa width:in kokonaan pois niin päälinkit menevät oikeille paikoilleen, mutta alilinkit menevät vierekkäin eivätkä päällekkäin. Olisiko jotain tapaa saada ne näkymään oikein?










Linkkejä
Jotain
Jutskia
Muuta
Hommeleita







Linkkejä
Jotain
Jutskia
Muuta
Hommeleita






Linkkejä
Jotain
Jutskia
Muuta
Hommeleita







ja css tiedosto on tälläinen:



#nav, #nav ul
{
padding: 0;
margin: 0;
list-style: none;
padding-left:0px;
}

#nav li ul
{
display: none;
position: absolute;
top: 23px;
left:0px;
}



#nav li
{
float: left;
position: relative;
width:0px;
text-align:center;
}


#nav li:hover ul, #nav li.over ul
{
display: block;
}


#nav li li a, #nav li li a:hover
{
width:150px;
height:19px;
display:block;
padding-left:4px;
background: none;
background-color:#102A35;
font-family: Verdana;
font-size:7.5pt;
color:#A1C4AE;
font-weight:bold;
text-decoration:none;
padding-top:4px;
border:1px solid #B7BD99;
border-bottom:none;
opacity: .8;
filter: alpha(opacity=80);
text-align:left;
}

#nav li li a:hover
{
color:#ffffff;
}



Linkkien välissä on viivat/tolpat, jotka erottelevat linkin.

Etusivu | Yhteystiedot | Linkki

Jos laittaisin leveyden niin pitkäksi että kaikki linkit mahtuisivat siihen, niin tolppien tila linkkiin nähden olisi jokaisella erimittainen. Eli näkymä ei olisi kauhean mieluisa.


Etusivu |Yhteystiedot| Linkki |

Kun IE osasi juurilinkit ( oletuksena )oikein näyttää, niin ajattelin, että eikö ole tosiaan olemassa mitään koodinpätkää millä se saisi toimimaan.

1

359

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Webe

      Ratkaisin ongelma varsin yksinkertaisella tavalla.
      Pistin tagiin style="width:150px;"





      Linkkejä
      Jotain
      Jutskia
      Muuta
      Hommeleita





      Eli tuolla tavalla sain ne alilinkit menemään allekkain.

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

    Luetuimmat keskustelut

    1. Persujen mukaan rasismi on huumoria

      Vaan kun koomikko kutsui Halla-ahoa fasistiksi, niin piti haastaa oikeuteen. Mihin se huumorinitaju yhtäkkiä hävisi? ⠀
      Maailman menoa
      76
      4263
    2. BOIKOTOIN - Ei mitään Suomi.fi postilaatikoita käyttöön

      Ainakaan minulle! Vai että pitäisi alkaa siellä käyädä katselemassa tammikuusta 2026 siis periaatteessa päivittäin että
      Maailman menoa
      190
      3479
    3. Mitä haluaisit sanoa hänelle juuri nyt?

      💜
      Ikävä
      194
      2804
    4. Lasse Lehtonen vaatii persuja pyytämään anteeksi aasialaisilta

      Persut ova romahduttaneet Suomen maakuvan parissa päivässä negatiiviseksi rasismillaan ja se alkaa vaikuttamaan jo Suome
      Maailman menoa
      66
      2716
    5. Hallitus on kaadettava ja Orpon on erottava

      Mikään muu hallitus ei ole oman elämäni aikana tuhonnut näin paljon tämän maan taloutta ja työllisyyttä sekä suomen main
      Maailman menoa
      40
      2626
    6. 57
      1156
    7. Lasse Lehtonen palasi ambulanssilennolla Suomeen

      Nyt on syytä lopettaa irvailu.
      Maailman menoa
      76
      1027
    8. Aitolehti Capital

      HehkuB on myynnissä, kovalla työllä saavutettu unelma joka sekin lässähti kuten kaikki mihin ryhtyy! Nyt Sewen asialle
      Kotimaiset julkkisjuorut
      238
      1002
    9. MOT: Työmarkkinatori on olemattomien työpaikkojen hakupaikka

      Työpaikkojen tietoja ei tarkisteta, ja ainakin noin noin 10% on olemattomia työpaikkoja ja sen lisäksi eri rekryfirmat t
      Maailman menoa
      107
      866
    10. Missä kuussa

      Rakkaasi on syntynyt?
      Ikävä
      55
      860
    Aihe