Bonjour à tous,

Alors voici mon problème, j'ai un bloc, et lorsque je le survol si un lien est disponible cela affiche une petite flèche sur laquel je peux cliquer pour accéder au contenue.

J'ai ceci dans mon fichier php :

<div class="midrow_block">
        <div class="mid_block_content">
        <h3><?php echo of_get_option('block1_text'); ?></h3>
        <p><?php echo of_get_option('block1_textarea'); ?></p>
	<?php if ( of_get_option('block1_link') ) { ?><a href="<?php echo of_get_option('block1_link'); ?>" class="blocklink"><?php _e('More', 'theron'); ?></a><?php } ?>
        </div>
        </div>

la flèche apparaît grâce à la classe "blocklink"
Je voudrais pouvoir rendre tout le midrow_block cliquable lors de son survole. Comment faire ?

Voici le css qui va avec :

.midrow_blocks{ width:1000px; padding: 0px; background:#fff; float:left;  position:relative;box-shadow:0px 0px 2px rgba(0, 0, 0, 0.10);-moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.10); -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.10);}
.midrow_block{ float:left; width:220px; padding:25px 0px; overflow:hidden; padding-bottom:15px; height:105px;}


.midrow_block h3{ text-align:center; font-size:20px; color:#333;}
.midrow_block p{ text-align:center; font-size:13px;}
.midrow_blocks_wrap{ width:1000px; float:left;}


.mid_block_content { margin-top: -35px;padding: 25px 10px 0;}
.midrow_block:last-child .mid_block_content{ border:none;}


.midrow_block:hover{ background:#2bb975; color:#fff;}
.midrow_block:hover h3{ color:#fff;}


.blocklink{ display:block; width:1px; height:32px; margin:0 auto; text-indent:-999999px;}
.midrow_block:hover .blocklink{ display:block; width:32px; height:32px; background:url(images/blocklink.png) no-repeat;}

Salut,


En css pas possible (si part cliquable tu entend utiliser le lien).
Par contre en Javascript détecter le onclick et actionner le lien contenu c'est réalisable.
Avec framework comme jquery ou extjs tu y sera assez rapidement.


@+

Hum j'ai essayé mais ça ne fonctionne toujours pas, ça ne me donne qu'une zone à cliquer qui n'englobe pas la totalité du block

Sans code on peux pas t'aider ....

Il nous faut le html, le js le résultat et le résultat attendu.



@+

Modération :
Afin d'obtenir plus de réponses, le sujet a été déplacé dans un forum plus approprié.

En principe un simple : va rendre tout ton bloc "cliquable"

Génial, ça fonctionne ! Merci beaucoup je m'y prenais pas correctement dans le oneclic. Merci Ryle et Moogli.