Avatar billede sorensen_123 Nybegynder
05. april 2007 - 13:21 Der er 6 kommentarer og
1 løsning

Problemer med UL tab menu.

Hejsa,

Jeg har lavet en tabmenu, og vil gerne have at jeg skal kunne vælge en der skal være "aktiv", dvs den som jeg har sat som aktiv, skal få en anden style.

Jeg har prøvet mig lidt frem, men det er ikke lykkedes.

Sådan ser css'en ud:
#tabs ul li.aktiv{
display:block;
width:127px;
height: 48px;
background:url(../images/tabbg_hover.jpg) 0 0 no-repeat;
font-size:11px;
font-weight:bold;
line-height:32px;
color:#e2e2e2;
text-decoration:none;
text-transform:uppercase;
text-align:center;
}

Og html'en ser sådan ud:
<ul>
  <li class="aktiv"><a href="index.php">Forside</a></li>
  <li><a href="nyheder.php">Nyheder</a></li>
</ul>

Nogen der kan se hvad der er galt? Har også prøvet at sætte id="aktiv" og name="aktiv" ind i LI'en, men det virker heller ikke.
Avatar billede sorensen_123 Nybegynder
05. april 2007 - 13:22 #1
Skal lige siges at den LI jeg har sat class="aktiv" på, bare får samme style som den LI jeg ikke har noget på.
Avatar billede roenving Novice
06. april 2007 - 00:20 #2
Har du så også et element uden om ul'en, f.eks. sådan:

<div id="tabs">
Avatar billede sorensen_123 Nybegynder
06. april 2007 - 11:24 #3
Ja, hele min tabs html ser sådan  her ud:

<div id="tabs">
    <ul>
                <li class="aktiv"><a ref="index.php">Forside</a></li>
                <li><a href="#">Forum</a></li>
                <li><a href="#">Anmeldelser</a></li>
                <li><a href="#">Guides</a></li>
                <li><a href="#">Casemod</a></li>
    </ul>
</div>
Avatar billede sorensen_123 Nybegynder
06. april 2007 - 11:25 #4
hov... Tag dig ikke af fejlen ved "ref="index.php", kom til at slette det inden jeg postede.. Koden ser selvfølgelig sådan her ud:

<div id="tabs">
    <ul>
                <li class="aktiv"><a href="index.php">Forside</a></li>
                <li><a href="#">Forum</a></li>
                <li><a href="#">Anmeldelser</a></li>
                <li><a href="#">Guides</a></li>
                <li><a href="#">Casemod</a></li>
    </ul>
</div>
Avatar billede roenving Novice
06. april 2007 - 11:38 #5
Hrm, det virker uden problemer, når jeg prøver det ...
Avatar billede sorensen_123 Nybegynder
06. april 2007 - 14:41 #6
Kan det være fordi den viser stylen for links istedet for .aktiv??
Avatar billede sorensen_123 Nybegynder
06. april 2007 - 14:42 #7
Det var problemet.. Lukker igen..
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