23. januar 2005 - 16:30
Der er
8 kommentarer og 1 løsning
Hvorfor skifter den linie?
Hvordan kan det vaere at der er linieskift mellem hver menupunkt i nedenstående kode? jeg har følgende css: #sidemenu { margin: 0px; padding: 0px; width: 550px; float: right; } #sidemenu .item { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; text-align: center; color: #435261; background-color: #BDC4CA; border: 1px solid #000000; margin: 0px 0px 0px 0px; padding: 0px; width: 90px; display: block; } #sidemenu .item:hover { color: #000000; background-color: #F6F6F6; text-align: center; border: 1px solid #435261; } og følgende menu: <div id="sidemenu" align=right> <a class="item" href='/' target=_top>Nyheder</a> <a class="item" href='/' target=_top>Inspiration</a> <a class="item" href='/' target=_top>Modeller</a> <a class="item" href='/' target=_top>Find forhandler</a> <a class="item" href='/' target=_top>Magneten</a> <a class="item" href='/' target=_top>Forhandler</a> </div>
Annonceindlæg fra HP
23. januar 2005 - 16:32
#1
fordi de er sat til display:block. Det giver dem samme opførsel som en DIV - altså automatisk linjeskift efter
23. januar 2005 - 16:33
#2
.. desværre kan du ikke sætte bredden på dem, hvis du ikke bruger display:block;
23. januar 2005 - 16:35
#3
så det kan på ingen måde lade sig gøre at få dem til at køre ud i en linie?
23. januar 2005 - 16:37
#4
Jo, med en tabel. Bare lav hver link i sin egen TD.
23. januar 2005 - 16:42
#5
nu var jeg gået igang med at lave det: <div id="sidemenu" align=right> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td><a class="item" href='/' target=_top>Nyheder</a></td> <td><a class="item" href='/' target=_top>Inspiration</a></td> <td><a class="item" href='/' target=_top>Modeller</a></td> <td><a class="item" href='/' target=_top>Find forhandler</a></td> <td><a class="item" href='/' target=_top>Magneten</a></td> <td><a class="item" href='/' target=_top>Forhandler</a></td> </tr> </table> </div>
23. januar 2005 - 16:44
#6
ah ja ok sefølig, tak for det :)
23. januar 2005 - 16:44
#7
dele points?
23. januar 2005 - 16:51
#8
nej giv dem til viperine :o) //cdc
Slettet bruger
30. januar 2005 - 15:39
#9
Et (lidt sent) alternativt forslag kunne være <ul id="sidemenu"> <li><a class="item" href='/' target=_top>Nyheder</a></li> <li><a class="item" href='/' target=_top>Inspiration</a></li> </ul> Så kan list-elementerne sættes til at blive vist inline, og linkene kan sættes til display:block
Vi tilbyder markedets bedste kurser inden for webudvikling