Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

link hover

WimB
6 antwoorden
  • Ik heb nu bij mij nav dat als je over de regel gaat in de navigatie dat die dan grijs word (mouseover dus), maar de link werkt alleen als je er op klikt (nou ja, er zitten nu nog geen pages achter)

    Kan ik het ook zo maken dat het "hover gebied" ook al een link is?
  • jep..

    knoop er een onclick aanvast.
  • Met CSS, "display: block;" en "width: 100%;". Zoiets, in ieder geval… :roll:

    - Bas
  • hoe doe ik dat onclick pcies, ik heb nu:

    [code:1:4158c6ba9c]<tr>
    <TD onmouseover="this.style.backgroundColor = 'gray'" onmouseout="this.style.backgroundColor = ''"><A href="index.php?page=main">Home</A></TD>
    </TR>[/code:1:4158c6ba9c]
  • hier een werkend voorbeeld:
    [code:1:cb492bab0b]<html><head>
    <style type="text/css">
    .dummymo a { text-align: center;}
    .dummymo a {
    display: block;
    height:100%;
    width: 100%;
    background: #ccc;}
    .dummymo a:hover {
    display: block;
    height:100%;
    width: 100%;
    background: #0f0;}
    </style>
    </head>
    <body>
    <!– zonder css
    <tr>
    <td onmouseover="this.style.backgroundColor = 'gray'"
    onmouseout="this.style.backgroundColor = ''">
    <a href="index.php?page=main">Home</a>
    </td>
    </tr>
    –>
    <table border="1" width="200">
    <tr>
    <!– met css –>
    <td class="dummymo">
    <a href="index.php?page=main">Home</a>
    </td>
    </tr>
    </table></body></html>
    [/code:1:cb492bab0b]
    CSS rules :D
  • @wimB:
    Ff een vraagje:
    Waarom splits je in je css .dummymo a?

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.