lien bouton étirable

**reneguenon** · 05/08/2008, 00h43

Bonjour,

j'ai rajouté une link dans un bouton, et je veux que le bouton s'étire en fonction du texte que je veux, je ne sais pas s'il existe une option pour le faire, en tout cas, voici mon code :

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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<html>
<head>
    <title> <decorator:title default="Welcome!"/></title>
 
<style>
 
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align: center;
}
a.button{ 	background:transparent url(img/button.gif);
		display:block;
		color:#555555;
		font-weight:bold;
		height:30px;
		line-height:29px;
		margin-bottom:14px;
		text-decoration:none;
		width:191px;
 
	}
a:hover.button{		
		color:#0066CC;
	}
 
</style>
</head>
 
<body>
    <td>
	 <a href="#" class="button"><span>Présentation</span></a>
 
    </td>
</body>
 
</html>

Merci d'avance

**Bisûnûrs** · 05/08/2008, 00h59

Enlève-lui simplement la largeur et le display.

**reneguenon** · 05/08/2008, 11h52

J'ai enlevé le display et la largeur, mais le bouton est coupé en deux, on voit plus ces bordures...

**c_s_s** · 05/08/2008, 12h13

Tu veux que ton bouton s'adapte à la largeur de ton texte, mais est-ce que ton image de fond est prévue pour s'adapter à différentes largeurs ?

Sinon, je ne vois pas de quelles bordures tu parles, elles n'apparaissent pas dans ton CSS.

**reneguenon** · 05/08/2008, 12h36

Comment je peux savoir si l'image de fond est prévue pour s'adapter à différentes largeurs ?
Mon bouton est l'image jointe, quand je parle de bordures, c'est la bordure droite de l'image qui saute...

**c_s_s** · 05/08/2008, 12h57

Si tu as une image de fond qui a une largeur fixe, quel est l'intérêt d'avoir un bouton qui s'étire en fonction du texte ?

Quand ton texte sera plus long que ton image de fond, tu auras de l'espace à côté de ton image, ou alors elle se répètera en arrière-plan.
Et quand ton texte sera trop court, ton image sera coupée.

Si tu veux un bouton extensible, il faut une image de fond qui puisse s'afficher de la même façon quelle que soit la largeur de ton bouton.

lien bouton étirable

CSS

Vue hybride

Discussions similaires

Partager

Partager