Layout

[BugMenOT2]

Hallo,

Heb een vraaagje over layout.

Ik heb hier een (zogezegde) button gemaakt die ook in een "a:link" staat daarmee is alles goed ok de "a:hover" werkt perfect.

maar bij de tekst "registreer hier" past hij hetzelfde toe en dat zou niet mogen.

Weet iemand hiermss een oplossing voor.
met "classes" en "id" heb ik al iets geprobeerd maar niets.

<style type=text/css>
a:hover
   {
    border: 1px solid black;
    border-right: 10px solid gray;
    border-left: 10px solid gray;
    background-color: lightgrey;
    font-size: 14pt;
    color: black;
   }

a
{
    border: 1px solid black;
    display:block;
    padding: 5px 5px 5px 0.5em;
    width: 150px;
    border-right: 10px solid black;
    border-left: 10px solid black;
    background-color: gray;
    text-decoration: none;
    font-size: 14pt;
    color: black;
   }
</style>

<a href="http://www.ivobrugge.be/cursusweb/indexframes.asp?cursus=DHTML&p=index.asp"
                                             onMouseover="document.mouseover.src=image9.src" onMouseout="document.mouseover.src=image1.src">DHTML</a>

Nog niet geregistreerd?<br>
Registreer<a href="register.htm">hier</a>.

 

[YourWebSolution]

jawel,

je hebt in je stylesheet compleet A neergezet, dus pakt deze alle links.

 

[Tha Devil]

<style type=text/css>
a.stijl:hover
   {
    border: 1px solid black;
    border-right: 10px solid gray;
    border-left: 10px solid gray;
    background-color: lightgrey;
    font-size: 14pt;
    color: black;
   }

a.stijl
{
    border: 1px solid black;
    display:block;
    padding: 5px 5px 5px 0.5em;
    width: 150px;
    border-right: 10px solid black;
    border-left: 10px solid black;
    background-color: gray;
    text-decoration: none;
    font-size: 14pt;
    color: black;
   }
</style>

<a class="stijl" href="http://www.ivobrugge.be/cursusweb/indexframes.asp?cursus=DHTML&p=index.asp"
                                             onMouseover="document.mouseover.src=image9.src" onMouseout="document.mouseover.src=image1.src">DHTML</a>

Nog niet geregistreerd?<br>
Registreer<a href="register.htm">hier</a>.

Toegepast vanuit voorbeeld (link | Engels)

 

[BugMenOT2]

:thumb:

Bedankt!

ik had juist hetzelfde gedaan maar in plaats van classe's en dan (a.classe) had ik name="" gedaan. (a.name)