CSS hover popup met link..

Door ki ma op 26-11-2008 05:51

821 views

Link in link wil volgens niet..
<?
<style type="text/css">
a#popup div {
display: none;
font-size:10px;
color:#000000;
}

a#popup:hover div {
position: absolute ;
display: block;
background-color:#FFFFFF;
font-size:10px;
border:thin dashed #FF9900;
width:200px;
}
</style>
<a id="popup" href="#">Meer bronnen
<div><p class="titel">popup</p>
<a href="as">aap</a> <- link
</div>
</a>
?>

Want wanneer er een link in zit werkt de popup niet meer... is hier een simple oplossing voor of moet ik dan meer met java script gaan werken om dit te laten werken?

Niek Ha

26-11-2008 08:30

Probeer dat eens.


<style type="text/css">
#popup div a{
display: none; 
font-size:10px; 
color:#000000;
}

#popup:hover div a { 
position: absolute ;
display: block; 
background-color:#FFFFFF; 
font-size:10px; 
border:thin dashed #FF9900;
width:200px;
}
</style>
<a href="#" id="popup">Meer bronnen

<div>
    <p class="titel">popup</p>
     <a href="as">aap</a> <- link
</div>

</a>

En voor een div een a href zetten klopt ook niet helemaal gloofk.

Tamara

26-11-2008 09:04

je kan ipv een link in een link stoppen, met list items werken.....

Robert Deiman

26-11-2008 09:20

I don't get it...

Dat wil zeggen dat ik geen *** begrijp van wat je nu probeert te doen.

Maar dit gaat er mis:
Als je op de eerste link klikt, moet de 2e zichtbaar worden? Zoals je het nu hebt valt namelijk alles in de pop-up binnen de link van de pop-up. Dus klikken in de pop-up voert de actie uit die voor de overkoepelende link staat ingesteld.

Alles wat je binnen de link id="popup" plaatst, is namelijk onderdeel van die link.

Onbekend Onbekend

26-11-2008 11:14

Waarom zou je aan een anchor een 'popup' koppelen. Dit doe je altijd nog met div (of span) anchors zijn alleen bedoelt als anker op een pagina of om een link te maken.

Reageren

Inloggen om te reageren