css linken

[geoffrey86]

hoe kan je je linktabel zo aanpassen dat je met je muis over dat vlak gaat en dat je vlak dan verandert?


home verandert niet maar dat eromheen welke code is dat?

 

[Woutertjuh88]

een OnMouseOver en OnMouseOut van javascript toevoegen en dan deze koppelen aan css.

 

[geoffrey86]

OnMouseOver en OnMouseOut

ik heb een script nodig die de table van de link een andere kleur geeft als ik een me muis erover gaat.
plus de tekst van de link ook anders.

 

[djangoleone]

dit heb ik ff snel gegoogled
http://www.leejoo.nl/java/mouseovers.htm

 

[Robin S]

Ik weet wat een table is, en wat een link is. Wat is de table van een link?
Zo klinkt 't in ieder geval als iets voor CSS. Probeer zoiets:

a:hover {
    color: #759ABF;
    font-style: "Helvetica", sans-serif;
}

 

[csshunter]

Hoeft geen javascript aan te pas te komen, kan ook met simpele css:

#menu a { 
    ...
    background: black;
    color: white;
    }

#menu a:hover,
#menu a:focus {
    background: blue;
    color: white;
    }

• Test: knop-hover.htm
• Als de knop geen html-tekst is maar een image, kan het ook met alleen css. Voor het principe: zie Een blokje knoppen.

Met vriendelijke groet,
CSShunter
_____________
PS:
De :hover eigenschap is voor muis-bezoekers.
De :focus eigenschap is voor toetsenbord-surfers die het zonder muis doen.

 

[csshunter]

Hé, dubbelvraag (19:04 gepost in onderwerp css, 19:33 gepost in onderwerp javascript). :shocked:
Mijn antwoord staat hier.

PS: een serie links voor de positionering/opmaak in een link-tabel zetten is af te raden. Hiervoor zijn list's <ul><li>...</li></ul> bedacht, die met css hun opmaak kunnen krijgen. Geeft optimale en toegankelijke html-structuur, en uitstekende mogelijkheden voor de vormgeving.

 

[KwarK]

Twee topics samengevoegd; stel je vraag de volgende keer gewoon één keer