Avatar billede bech1992 Nybegynder
30. maj 2010 - 20:58 Der er 5 kommentarer og
2 løsninger

Farve på aktive links

Hej Eksperter
Her kommer et nok dumt spørgsmål.
Jeg er ved at lave en hjemmeside og har lidt problemer med menuen. jeg vil gerne have det sådan, at når man er inde på en bestemt side så har linket i menuen en bestemt farve.
fx, sådan som det er nu er al tekst i menuen orange, og lad os nu sige at man gerne vil ind på kontaktsiden, så skal "kontakt" stå med hvid, så længe den er aktiv, og så snart man går videre til en anden side skifter den igen farve til orange.. håber i forstår hvad jeg mener

min css ser sådan her ud:

a
{
    color: #FF9900;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}
a:active
{
    color: fff;
}
Avatar billede keysersoze Ekspert
30. maj 2010 - 22:07 #1
active fungerer kun hvis du benytter (i)frames - da du, forhåbentlig, ikke gør det er der ingen vej uden om fx at lave en ekstra klasse, der styrer det aktive link, fx;

a.aktiv
{
  color: #FFFFFF;
}

<a href="" class="aktiv"...
Avatar billede synonymer Nybegynder
30. maj 2010 - 22:30 #2
CSS ved jo ikke hvilken side brugeren kigger på.

Du er nødt til at give den aktive side en andet id eller en anden class.

Hvordan er din side bygget op mht. kodning?
Avatar billede jokkejensen Novice
31. maj 2010 - 11:14 #3
Css bliver renderet af browseren, den skulle gerne have en svag ide om hvilken url den befinder sig på.

Dog er:active kun i følge w3:

"•The :active pseudo-class applies while an element is being activated by the user. For example, between the times the user presses the mouse button and releases it. "

Så at bruge den til at vise hvor brugeren befinder sig efter et post, vil være ubrugeligt. Brug server script til at markere i menuen, eller itere gennem links med javascript, og giv dem en klasse.

/J
Avatar billede bech1992 Nybegynder
02. juni 2010 - 13:09 #4
Okay tak for hjælpen allesammen, har i evt. nogle links, hvori jeg kan læse mere om det?
min side er bygget op i tabeller, men kan godt lave det om, hvis det ikke virker med en tabel
Avatar billede keysersoze Ekspert
02. juni 2010 - 13:45 #5
Det er ikke afgørende om du benytter tabeller eller ej - det afgørende er at HTML og CSS alene ikke kan løse det. Arbejder du med en serverside-teknologi (fx PHP eller ASP.NET) skal du dynamisk sætte class på dine links her - gør du ikke er eneste alternativt noget javascript.
Avatar billede bech1992 Nybegynder
02. juni 2010 - 17:28 #6
jeg bruger ASP.NET håber i kan hjælpe mig med det:D
Avatar billede keysersoze Ekspert
02. juni 2010 - 18:07 #7
Så må du kunne aflæse sidens URL et sted under Request-objektet og så sætte CssClass på dit HyperLink - fx

if (Request.KanIkkeHuskeKlassen == "denneside.aspx")
{
ditHyperLink.CssClass = "active";
}
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