Lien avec image et texte
Résolu
vinceetcaro
Messages postés
2
Statut
Membre
-
vinceetcaro Messages postés 2 Statut Membre -
vinceetcaro Messages postés 2 Statut Membre -
Bonjour,
Tout d'abord merci pour vos futur réponse.
J'explique mon pb:
je souhaite créer un lien texte et lorsque la souris passe dessus, j'aimerais qu'une petite image vienne se coller a côté du texte lien.
voici le site que le réalise pour mon beau frère: http://www.s249982072.onlinehome.fr/taxi/index.php
comme vous pouvez le remarquer ça marche déjà mais en fait c'est un onmouseover et onmouseout avec une image créé avec photoshop mais cette solution ne me plait pas trop.
Si vous avez d'autre idée je les testerai avec grand plaisir.
Merci
Tout d'abord merci pour vos futur réponse.
J'explique mon pb:
je souhaite créer un lien texte et lorsque la souris passe dessus, j'aimerais qu'une petite image vienne se coller a côté du texte lien.
voici le site que le réalise pour mon beau frère: http://www.s249982072.onlinehome.fr/taxi/index.php
comme vous pouvez le remarquer ça marche déjà mais en fait c'est un onmouseover et onmouseout avec une image créé avec photoshop mais cette solution ne me plait pas trop.
Si vous avez d'autre idée je les testerai avec grand plaisir.
Merci
A voir également:
- Lien avec image et texte
- Partager des photos avec un lien - Guide
- Lien url - Guide
- Extraire texte d'une image - Guide
- Verificateur de lien - Guide
- Image iso - Guide
1 réponse
Il fallait que je vous demande pour trouver
pour ceux que ca interesse.
css:
a:link
{
text-align: center;
white-space: nowrap;
text-decoration: none;
color: #000;
}
a:hover
{
text-decoration: none;
background-image: url("img/voit.png");
background-position: 0px;
background-repeat: no-repeat;
color: #000;
}
a:visited
{
text-align: center;
white-space: nowrap;
text-decoration: none;
color: #000;
}
et fichier htm:
<div>
<table>
<tr>
<td width="94px"><a href="index.php?page=Index"> Accueil</a></td>
<td width="94px"><a href="index.php?page=circuit" target="_self"> Circuit</a></td>
<td width="94px"><a href="index.php?page=tarif" target="_self"> Tarif</a></td>
<td width="94px"><a href="index.php?page=transport" target="_self"> Transport</a></td>
<td width="94px"><a href="index.php?page=prestation" target="_self"> Prestations</a></td>
<td width="94px"><a href="index.php?page=bourgogne" target="_self"> La Bourgogne</a></td>
<td width="94px"><a href="index.php?page=galerie" target="_self"> Galerie</a></td>
<td width="94px"><a href="index.php?page=liens" target="_self"> Liens</a></td>
<td width="94px"><a href="index.php?page=contact" target="_self"> Contact</a></td>
</tr>
</table>
</div>
les espaces sont mis en place pour eviter que le texte soit au dessus de l'image
pour ceux que ca interesse.
css:
a:link
{
text-align: center;
white-space: nowrap;
text-decoration: none;
color: #000;
}
a:hover
{
text-decoration: none;
background-image: url("img/voit.png");
background-position: 0px;
background-repeat: no-repeat;
color: #000;
}
a:visited
{
text-align: center;
white-space: nowrap;
text-decoration: none;
color: #000;
}
et fichier htm:
<div>
<table>
<tr>
<td width="94px"><a href="index.php?page=Index"> Accueil</a></td>
<td width="94px"><a href="index.php?page=circuit" target="_self"> Circuit</a></td>
<td width="94px"><a href="index.php?page=tarif" target="_self"> Tarif</a></td>
<td width="94px"><a href="index.php?page=transport" target="_self"> Transport</a></td>
<td width="94px"><a href="index.php?page=prestation" target="_self"> Prestations</a></td>
<td width="94px"><a href="index.php?page=bourgogne" target="_self"> La Bourgogne</a></td>
<td width="94px"><a href="index.php?page=galerie" target="_self"> Galerie</a></td>
<td width="94px"><a href="index.php?page=liens" target="_self"> Liens</a></td>
<td width="94px"><a href="index.php?page=contact" target="_self"> Contact</a></td>
</tr>
</table>
</div>
les espaces sont mis en place pour eviter que le texte soit au dessus de l'image
