hyperlink

Status
Niet open voor verdere reacties.
willem008

willem008

Gebruiker
Lid geworden
28 sep 2007
Berichten
792
goede dag

ik heb in mijn pagina wat hyperlinks erbij gemaak.

html

<div id="home"><a href="index.html" title="w.l.v.d.meer startpagina"><strong>Home</strong></a></div>


css

#home{
width: 50px;
height:20px;
position:absolute;
background-color:#14285f;
color:#99ccff;
padding: 0px 0 0 0px;
margin: -20px 0 0 315px

}

Hoe kan ik nu het simpels de style zo maken dat ik bij de hyperlink een

hover

link

visited

hover

active

krijg,

maar ik heb nog een menu op die pagina staan

Ik wil dat ik ze apart kan instellen,dit gaat op dit moment steeds fout.
 
zo dus, je kunt natuurlijk je eigen css daaraan toevoegen, of andere linkjes maken met andere hovers enz...

HTML: 
<html>
<head>
<style type="text/css">

.test:link{color:#0000ff;}
.test:hover {color:#FF0000;}
.test:active {color:#00ff00;}
.test:visited {font-weight: bold;}
</style>
</head>
<body>
<a href="http://www.jouwlink.nl/" class="test">testlinkje</a>
</body>
</html>
 
ok dit is me gelukt, alleen blijven er na wat klikken sommige links in een bepaalde kleur staan.

Ik wil eigelijk alleen dat de kleur verandert als de muis er over heen gaat en als je er op klikt niets(ja dat die naar een andere pagina gaat maar dat spreekt van zelf)

maar dit gaat bij mij steeds fout, en ook verschillend in verschillende browsers.
 
gewoon de pseudodingessen :active en :visited verwijderen, evenals de :link (anders gebruikt de browser zijn standaardinstellingen en kleurt het linkje paars als ie bezocht is)

ongeveer zo:
HTML: 
<html>
<head>
<style type="text/css">
.helpmij {color: #00f;}
:hover { color: #f00; }
:active{color: #0f0; }//als je dat zou willen, je kan deze regel ook helemaal wegdoen
</style>
</head>
<body>
<a href="http://www.helpmij.nl/" class="helpmij">www.helpmij.nl</a>
</body>
</html>
 
Ik heb nu dit

css

:hover { color: #99ccff;
}

html

<div id="home"><a href="index.html" title="w.l.v.d.meer startpagina"><strong>Home</strong></a></div>

als ik heb zo doe veranderd de kleur als de muis over de link gaat(Heb er geen class van gemaakt)
home is nu vet <strong> als ik die weg haal dan werkt het niet meer.

Dat is iets wat ik nog even niet begrijp.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan