Som besökare på Hamsterpaj samtycker du till användandet av s.k. cookies för att förbättra din upplevelse hos oss. Jag förstår, ta bort denna ruta!
Annons

Id current funkar inte -hjälp

Skapad av datakille0712, 2013-11-09 18:37 i Webbutveckling & Programmering

2 292
4 inlägg
0 poäng
datakille0712
Visningsbild
Hjälte 214 inlägg
0
är nybörjare på detta, så ursäkta felet är löjligt lätt...

Jag håller på att göra en meny, men problemet är att jag vill att textfärgen på den li som är "current" ska vara vit, men det funkar inte. Jag hittar inte felet.

Här är lite av min html kod:

Ett stycke html-kod:

<nav>
<ul id="top-menu">
<li><a href="#" id="current">Home</a></li>
<li><a href="page2.html">Next Page>></a></li>
<li><a href="about.html">About</a></li>
</ul>
</nav>


och här är stylingen:

Ett stycke css-kod:


#top-menu{
background-color: #29444D;
border-top: 3px solid #DCE771;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
height: 25px;
padding-top: 10px;
}

#top-menu li{
display: inline;
padding: 25px;
}

#top-menu a{
font-weight: bolder;
font-size: 14px;
text-decoration: none;
}

#top-menu a:link{
color: #DCE771;
}

#top-menu a:visited{
color: #DCE771;
}

#top-menu a:hover{
text-decoration: underline;
color: lightblue;
}

#top-menu a:active{
color: white;
}

#current{
color: white;
}

Det finns inga dåliga kläder, bara dåliga förfäder...?

Är reklamen ivägen? Logga in eller registrera dig så försvinner den!

ImThePsycho
Visningsbild
P 30 Mölndal Hjälte 3 092 inlägg
0
<li><a href="page2.html">Next Page>></a></li>

Ska de verkligen vara två stycken där?

^^

Kastar sten på månen och skrattar åt min kreativitet ||

datakille0712
Visningsbild
Hjälte 214 inlägg
Trådskapare
0

Svar till ImThePsycho [Gå till post]:
Har skrivit fel, men det fixar inte felet...

Det finns inga dåliga kläder, bara dåliga förfäder...?

csols
Visningsbild
P 29 Hjälte 2 524 inlägg
0
Jag skulle gissa på att dina
#top-menu a:link{color: #DCE771;}
#top-menu a:visited{color: #DCE771;}
#top-menu a:hover{color: lightblue;}

har högre prioritet än vad id:t har. Förstår inte varför du ska ha en annan textfärg på visited, men det är ju en annan femma.

För att lösa ditt problem kan du test att lägga till !important efter din regel, like so:

#current{ color: white !important;}

Jag tror att det ska fungera!

Herp


Forum » Datorer & IT » Webbutveckling & Programmering » Id current funkar inte -hjälp

Ansvariga ordningsvakter:

Användare som läser i den här tråden just nu

1 utloggad

Skriv ett nytt inlägg

Hej! Innan du skriver om ett potentiellt problem så vill vi påminna dig om att du faktiskt inte är ensam. Du är inte onormal och världen kommer inte att gå under, vi lovar! Så slappna av och gilla livet i några minuter - känns det fortfarande hemskt? Skriv gärna ner dina tankar och frågor, vi älskar att hjälpa just dig!

Den här tråden är äldre än Rojks drömtjej!

Det senaste inlägget i den här tråden skrevs för över tre månader sedan. Är du säker på att du vill återuppliva diskussionen? Har du något vettigt att tillföra eller passar din fråga i en ny tråd? Onödiga återupplivningar kommer att låsas så tänk efter en extra gång!

Hjälp

Det här är en hjälpruta

Här får du korta tips och förklaringar om forumet. Välj kapitel i rullningslisten här ovanför.

Rutan uppdateras automagiskt

När du använder funktioner i forumet så visas bra tips här.


Annons
Annons
Annons
Annons