Avatar billede spidr Nybegynder
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>
Avatar billede Slater Ekspert
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
Avatar billede Slater Ekspert
23. januar 2005 - 16:33 #2
.. desværre kan du ikke sætte bredden på dem, hvis du ikke bruger display:block;
Avatar billede spidr Nybegynder
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?
Avatar billede Slater Ekspert
23. januar 2005 - 16:37 #4
Jo, med en tabel. Bare lav hver link i sin egen TD.
Avatar billede cdc Novice
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>
Avatar billede spidr Nybegynder
23. januar 2005 - 16:44 #6
ah ja ok sefølig, tak for det :)
Avatar billede spidr Nybegynder
23. januar 2005 - 16:44 #7
dele points?
Avatar billede cdc Novice
23. januar 2005 - 16:51 #8
nej giv dem til viperine :o)

//cdc
Avatar billede 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
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester