Bonjour à tous,
Voilà après plusieurs heures de recherche, je ne trouve pas comment faire pour mettre deux liens sur une image:
texte 1 qui doit être affiché sur l'image: la famille et donc doit me rediger sur mon controlleur FamillesController méthode index.
Texte 2 qui doit être affiché sur l'image: les amis et donc doit me rediger sur mon controlleur AmisController méthode index.
J'ai essayé avec une div avec id="famille" et dans le css un background image etc, rien n'y fait.
J'ai essayé
<?= $this->Html->image('/app/webroot/img/template_img/mechoui.png', array(pas mal d'un grand n'importe quoi));Je ne trouve pas grand chose sur google qui m'aide.
Help!!!
Merci d'avance
Salut,
Je ne sais pas si c'est la meilleure solution, mais je ferais ainsi:
1 div qui contient juste l'image (sans lien)
par-dessus cette div, je crée soit 2 spans (ou 2 div à la rigueur) avec les textes contenants des liens distincts.
Qu'en penses-tu ?
grafikfan
Merci GrafikFan de m'avoir répondu,
Ça ne le fait pas :( . Mais par contre ça m'a donné une idée:
J'ai oublié de dire que mon css est celui du bootstrap 3 de twitter. Si ça peut aider pour la solution.
En attendant d'avoir quelque chose de plus propre, j'ai fait cela:
Dans ma page:
<div class="row">
<div class="col-lg-12 home_image_centrale_copie" >
<?php echo $this->Html->image('/app/webroot/img/template_img/home_image_centrale_copie.png', array('class'=>'img-responsive', 'alt' => 'Home image centrale copie.png')); ?>
<li class="li1_home_image_centrale"><a href="#">La Famille</a></li>
<li class="li2_home_image_centrale"><a href="#">Les amis</a></li>
</div>
</div>Mon css
.li1_home_image_centrale{
margin-top: -179px;
margin-bottom: 91px;
}
.li2_home_image_centrale{
margin-bottom: 18px;
}
.home_image_centrale_copie {
text-align: center;
font-weight: bold;
min-width: 196px;
margin-bottom: 0;
font-size: 12px;
list-style: none;
background-color: #FAEDED;
border: 2px solid #FAEDED;
background-clip: padding-box; padding:0;
}