Ik probeer een plaatje en een divje met tekst klikbaar te maken. De structuur is als volgt:

<div class="fpg-item-wrapper">

<a class="clearfix" href="#">

<img class="fpg-image" src="#">
<div class="fpg-text">tekst</div>

</a>

</div>

De link class is display:block. Het plaatje en tekst div die erin staat, floaten allebei links. Ik krijg alleen een klikbaar stukje onderaan, maar ik wil dat het geheel klikbaar is. Wie ziet wat ik mis?

Origineel gepost door Sabra Issa

Ik probeer een plaatje en een divje met tekst klikbaar te maken. De structuur is als volgt:

<div class="fpg-item-wrapper">

<a class="clearfix" href="#">

<img class="fpg-image" src="#">
<div class="fpg-text">tekst</div>

</a>

</div>

De link class is display:block. Het plaatje en tekst div die erin staat, floaten allebei links. Ik krijg alleen een klikbaar stukje onderaan, maar ik wil dat het geheel klikbaar is. Wie ziet wat ik mis?

Heb je een height ingesteld?

Voor je a class bedoel je? Ja, dat heb ik geprobeerd. Het blijft hetzelfde; een klein stukje onderaan is een link, maar niet het hele vak. :(

Origineel gepost door Sabra Issa

Voor je a class bedoel je? Ja, dat heb ik geprobeerd. Het blijft hetzelfde; een klein stukje onderaan is een link, maar niet het hele vak. :(

Heb je voor mij even een link, of dan de code?
Is makkelijker mee te kijken.

En je zegt "a class" dat is dan de "active" state denk ik zo. Heb je het ook geprobeerd op de normale
.fpg-text
.fpg-image
??

EDIT:
En de <div class="fpg-item-wrapper"> lijkt mij ook handig een height te geven bij nader inzien.

Origineel gepost door Sebastiaan Hengeveld

Heb je voor mij even een link, of dan de code?
Is makkelijker mee te kijken.

En je zegt "a class" dat is dan de "active" state denk ik zo. Heb je het ook geprobeerd op de normale
.fpg-text
.fpg-image
??

EDIT:
En de <div class="fpg-item-wrapper"> lijkt mij ook handig een height te geven bij nader inzien.

Hier heb je een linkje: http://bit.ly/uppQQC

Thanks voor het kijken!

Origineel gepost door Sabra Issa

Hier heb je een linkje: http://bit.ly/uppQQC

Thanks voor het kijken!

Heey,

Als je even de volgorde van je div's aanpast moet het werken.

Zo zou het moeten werken:

<div class="fpg-wrapper">
<div class="fpg-arrow-wrapper">..</div>
<div class="fpg-page">...<div/>
<div class="fpg-page" style="display:none;">...</div>
</div>

Cheers!

Sorry, ik zat je code helemaal verkeerd te lezen. Natuurlijk heb je gelijk, stom dat ik dat niet heb gezien. Ga het meteen even aanpassen. Bedankt!

Origineel gepost door Sabra Issa

Sorry, ik zat je code helemaal verkeerd te lezen. Natuurlijk heb je gelijk, stom dat ik dat niet heb gezien. Ga het meteen even aanpassen. Bedankt!

Graag gedaan! Laat me even weten als het je gelukt is ;)

Origineel gepost door Sebastiaan Hengeveld

Graag gedaan! Laat me even weten als het je gelukt is ;)

Het is prima gelukt, was me echt niet opgevallen. Bedankt!