Avatar billede flashnoob Nybegynder
16. september 2007 - 16:31 Der er 3 kommentarer

CSS - Få elementer til at stå efter hinanden

Hej
Jeg har et problem med en menu, hvor elemeterne skal stå efter hindanden.
I får lige koden:
HTML:
<div id="menu">
<a href="#" class="menuitem">Menupkt1</a>
<img src="images/menuspacer.jpg">
<a href="#" class="menuitem">Menupkt2</a>
<img src="images/menuspacer.jpg">
</div>

CSS:
#menu{
    width:500px;
    height:100px;
    background:#fff url(images/menubg.jpg) repeat-x;
    float:right;
    clear:right;
    margin-top:15px;
}

.menuitem{
    display:inline;
    height:33px;
    border:1px solid #000;
    float:left;
    padding-top:15px;
    color:#fff;
    font-family:Helvetica, Arial, sans-serif;
    font-size:16px;
    font-weight:bold;
    text-transform:uppercase;
}


Problemet er at elementerne ikke kommer efter hinanden, men hopper ned på næste 'linie', selvom jeg har sat display:inline;
Hvordan kan det være? Og hvordan kan jeg løse problemet? :)
Avatar billede Slettet bruger
16. september 2007 - 16:48 #1
a'erne er allerede inline saa det skulle ikke goere noget, kunne vi ikke faa et link til siden i stedet?
Avatar billede flashnoob Nybegynder
16. september 2007 - 17:06 #2
Jep, den kan ses her: http://virksaa.1go.dk/exp/796666/
Avatar billede herlevsen Nybegynder
16. september 2007 - 20:59 #3
Fjern float i .menuitem
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