[Débutant]attributs "width"/"height" sur un lien

**Ghurdyl** · 21/10/2007, 13h19

Bonjour

Après quelques infructueuses recherches je me dois de m'en remettre à votre savoir

Je voudrais définir dans ma CSS une largeur et une hauteur pour tout mes liens.
mais le code suivant ne fonctionne pas

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
 
<html>
<head>
  <title> truc casse bonbon ...</title>
  <style type="text/css">
  a { 
    width: 200px;
    height: 35px;
    text-decoration: none; 
    border: 1px solid black;
  }
  a:hover {  
    width: 200px;
    height: 35px;
    border: 1px solid red;
  }
  </style>
</head>
<body>
<p>
    <a href="#">btn1</a>
    <br /> <a href="#">bouton 2</a>
</p>
</body>
</html>

Est-ce que quelqu'un peut m'expliquer pourquoi il ne tien pas compte des attributs "width" et "height" ? Et plus utlie comment m'arranger pour qu'il en tienne compte.

Le but étant qu'au final, je mette une image de fond qui elle a au minimum une hauteur et/ou une largeur fixe. Et si je tente de mettre une image (background-image) dans les liens, elle prend la même dimension que les border que j'ai mises ce qui ne m'arrange pas du tout.

merci de votre aide

**Bisûnûrs** · 21/10/2007, 13h30

La balise a étant un élément inline, tu ne peux pas lui donner de dimensions.

Pour contourner ça, tu peux donner le style display:block à tes liens, et ensuite les dimensions fonctionneront.

**Ghurdyl** · 21/10/2007, 14h59

okééééé !

un grand merci

[Débutant]attributs "width"/"height" sur un lien

CSS

Vue hybride

Discussions similaires

Partager

Partager