H HittiS Medlem sedan aug. 2003 34 inlägg Frågan 11 nov. 2003 17:00 #1 Tjo!
Nu har jag kommit till den delen på hemsidan när jag vill att färgen på länkarna ska ändra färg då man håller musen över dem. (inga steck under eller nått sånt tjafs, bara skifta i färg alltså)
Hittade följande:
<td OnMouseOver="this.style.background='#bbbb88'" OnMouseOut="this.style.background='#999966'" OnClick="this.location.href='lank1.html'"><a href="lank1.html">Länk 1</a></td>
Kan någon vänlig själ "göra i ordning" ovanstående script så det bara är att kopiera in =) *tusen pussar*
# Vit färg standard
Eller finns det några andra förslag?
Tack på förhand....
Re: Ändra färg på länkarna vid mouse over
HittiS skrev:
Tjo!
Nu har jag kommit till den delen på hemsidan när jag vill att färgen på länkarna ska ändra färg då man håller musen över dem. (inga steck under eller nått sånt tjafs, bara skifta i färg alltså)
Hittade följande:
<td OnMouseOver="this.style.background='#bbbb88'" OnMouseOut="this.style.background='#999966'" OnClick="this.location.href='lank1.html'"><a href="lank1.html">Länk 1</a></td>
Kan någon vänlig själ "göra i ordning" ovanstående script så det bara är att kopiera in =) *tusen pussar*
# Vit färg standard
Eller finns det några andra förslag?
Tack på förhand....
Vill du att bakgrunden skall ändra färg där länken är eller vill du att länktexten skall ändra färg?
Det script du visar, ändrar bakgrundsfärgen i en cell!
H HittiS Medlem sedan aug. 2003 34 inlägg Jaha *flåt* (lite noob på det här) *röd i nyllet*
Jag vill alltså att färgen på länktexten skall ändras från vit (standard) till röd vid "mouse over" (utan steck och dyl under). =)
L LeonL Medlem sedan dec. 2002 5 871 inlägg Använd CSS!
Lägg till detta inom head-taggarna:
<style type="text/css">
<!--
a {
color: #FFFFFF;
}
a:hover {
color: #FF0000;
}
//-->
</style>
Så slipper du krångla med JavaScript ;)
HittiS skrev:
Jaha *flåt* (lite noob på det här) *röd i nyllet*
Jag vill alltså att färgen på länktexten skall ändras från vit (standard) till röd vid "mouse over" (utan steck och dyl under). =)
Inte behöver du *flåta*, frågar man inget får man inget veta! :)
Gör som Leon Lee visar! =)
Engine^ Medlem sedan dec. 2000 3 887 inlägg Den gode LeonL glömde det här med inga streck...
<style type="text/css">
<!--
a {
color: #FFFFFF;
text-decoration: none;
}
a:hover {
color: #FF0000;
}
//-->
</style>
Nu är det väl bara att kopiera in ;)
red. Hade missat en > i slutet.
H HittiS Medlem sedan aug. 2003 34 inlägg OK, lugn nu! Nu testade jag Leon's kod förslag, alltså kopierade in det han har skrivit mellan head-taggarna - men inte tusan funkade det. Förklara L Å N G S A M T - noob som sagt! =)
(såg ditt svar, ska testa det nu)
H HittiS Medlem sedan aug. 2003 34 inlägg Weeeeeeeeeeeeeeeeee
Det funkar =) Tack så mycket grabbar, ni är underbara!
L LeonL Medlem sedan dec. 2002 5 871 inlägg *flåt* ;) Glömde att du inte ville ha det understreckat :r
B bossse Medlem sedan juni 2003 771 inlägg Ville bara komplettera med detta, där man ser vilken länk som senast besöktes
<html>
<head>
<style type1 ="text/css">
a:link, a:visited
{color:white; FONT-FAMILY: Verdana, Arial, Helvetica ;
FONT-SIZE: 16; FONT-WEIGHT:bold; text-decoration:none;}
a:active
{color: blue;}
a:hover
{color:red;}
</style>
</HEAD>
<BODY BGCOLOR=GREEN>
<BR><BR>
<A HREF=länksida1.htm >Länkarna vita </A>
<BR><BR>
<A HREF=länksida2.htm >Länkarna röda vid hover </A>
<BR><BR>
<A HREF=länksida3.htm >Besökt länk, blå </A>
</body>
</html>
Web-Tor Medlem sedan nov. 2000 13 890 inlägg Om du använder Bosses kod så tänk på att ändra ordningen till:
a:link
Källa
HittiS » Forumtips/riktlinjer innan du postar fler inlägg i HTML-forumet. ;)
