28173 sujets

CSS et mise en forme, CSS3

[résolu] Problème de lien sur img placée en css

j'ai fait un site en xhtml strict
j'ai placer une image en background en css et je veux mettre un lien dessus.
<a href="monlien.html"><div class="monimgenbackground"></div></a>
mon problème:
1) c'est invalide en xhtml strict
2) il met le lien sur toute la ligne et pas uniquement sur mon image en background

j'ai essayer:
<div class="monimgenbackground"><a href="monlien.html"></a></div>
mais évidemment mon lien ne fonctionne pas étant donner qu'il n'y a rien dedans.

je veux donc mettre un lien sur mon img background placer en css
quelqu'un aurait une solution?
Modifié par lilou (26 May 2006 - 19:57)
Tu dois avoir un style du type 

.monimgenbackground 
{
width:xxx;
height:yyy;
}

Essai en ajoutant :

.monimgenbackground a
{
width:xxx;
height:yyy;
}
en css j'ai ca:

.arobase{
	background:url(img/arobase.jpg);
	width: 21px;
	height: 17px;
	margin-left:48em;
	margin-top:-1.2em;
}

en html j'ai ca:

<a href="mail.html"><div class="arobase"></div></a>
salut

dans qu'elle balise a tu mis le background ?
veux tu que le lien occupe toute la surface ?

A+

edit : les post se son croisé
Modifié par gege71 (26 May 2006 - 12:51)
mon image en background est placer en css dans la class arobase qui est reprise en html dans la class du div.
je veux que mon lien s'applique sur mon image
Tu ne doit pas mettre un div dans un lien
mais tu peux mettre un background dans ton lien
comme ceci
CSS

.arobase{
	background:url(img/arobase.jpg);
	width: 21px;
	height: 17px;
	margin-left:48em;
	margin-top:-1.2em;
	display: block;
}

HTML

<a href="mail.html" title="Envoyer un Email" class="arobase"> </a>


A+
tu peux surperposer à ton div une zone cliquable

dans le css tu rajoutes :

#zone1

{

background-color:transparent;
position:absolute;
display:block;
width:21px;
height:17px;
}

et dans le html:

<div class="aerobase"> <a id="zone1" href="ton lien.htm" title="description du lien "></a>
</div>
Vous vous embêtez pour rien, la solution de gege est la plus simple et demande moins de code. Smiley smile
C'est dommage que la balise soit vide, mais bon...
Sujet clos
Aller à