Discussion :

[titan_33]

Bonjour

J'ai un <Div> avec un lien hyper texte à l'interieur.
Dans la Css, j'ai defini un lien hyper texte avec une image de 300px

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
div.choix {
	width:300px;
	height:50px;
	vertical-align:middle;
}
div.choix a 
{
	width:300px;
	font-family:Helvetica,Arial;
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	padding-left:5px;
	background-image:url('../Img/Menu_N1.gif');
	background-repeat:no-repeat;
	background-position:left top;
}

Problème : Je n'arrive pas à visualiser intégralement mon image. Elle est tronquée sur la droite juste après le texte de mon <a href> alors qu'elle doit faire 300px.

Merci de votre aide

Titan

[c_s_s]

Bonjour,

Pour que ton lien prenne les dimensions que tu veux lui donner, il faut le mettre en display:block.

[kohsaka]

tu dois préciser que ton lien ne tient pas sur une ligne mais sur un block et la hauteur aussi de ton image je crois

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
.choix a {
    display: block;
    height: Xpx;
}

[titan_33]

Génial

J'ai passé une heure sur ce problème sans savoir comment le resoudre, et même sans savoir si cela était possible.

Encore Merci

[Auteur]

bonjour,

pourquoi :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
div.choix a 
{
	width:300px;
...
}

a est une balise "ineline" donc on ne peut pas définir sa largeur et hauteur sauf comme le précise kohsaka tu dois la définir comme type block.

Le div conteneur a une largeur de 300px et une hauteur de 50px. C'est sans doute pour cette raison que ton image est tronquée. Pourquoi ne pas mettre l'image de fond sur le div plutôt que sur <a> ?