Liens sur image ?

mimosa21
CakePHP

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

2 réponses

mimosa21
Auteur
Réponse acceptée

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;
}
GrafikFan

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