Utesluta a:link etc. från vissa länkar?

2 svar · 314 visningar · startad av Sharkie 16 sep. 2006

SharkieMedlem sedan okt. 20031 000 inlägg

Frågan16 sep. 2006 22:53#1

Jag försöker få till en sida där menyn kör med en viss stil med css och onmouseover för hovereffekt, men vill köra a:link, a:visited och a:hover på länkar i övriga sidan.
Men ändrar jag dom så ändras ju även menylänkarna och det vill jag inte.

Hur ska jag göra (om det är möjligt) för att ha menylänkarna på sina två sätt oavsett dom andra länkarnas utseende i CSS?

Kastar ett exempel från menyn:

<a href="index.asp" target="_parent" class="menylank" onMouseOver="this.className='menylank2'" onMouseOut="this.className='menylank'">Startsidan</a>

Den länken vill jag INTE ska styras av a:link, a:visited eller a:hover.

Lösning eller idéer? :)

cayaMedlem sedan aug. 20051 448 inlägg

16 sep. 2006 23:17#2

enklast - sätt länkstyling för både innehåll resp meny.

#content a:link, #content a:visited {
color:#f39; text-decoration:none;
}
#content a:hover, #content a:active {
color:#000; text-decoration:underline;
}
#navigation a:link, #navigation a:visited {
color:#000; text-decoration:none;
}
#navigation a:hover, #navigation a:active {
color:#f30; text-decoration:none;
}

<div id="navigation">
<ul>
<li><a href="/">Startsidan</a></li>
fler menyval...
</ul>
</div>
<div id="content">
text kommer här...
</div>

SharkieMedlem sedan okt. 20031 000 inlägg

18 sep. 2006 18:07#3

Ah, underbart! Supertack caya!! :D