Forum-webmaster
Technique - programmation => HTML / CSS / XHTML => Message commencé par: franky26 le le 15-09-2006 a 04:10:43

Titre: CSS > cadre autour d'un lien
Posté par: franky26 le le 15-09-2006 a 04:10:43

Bonjour,

J'essaie de créer un menu avec des liens. Chaque lien est entouré d'un cadre.

Voici mon code CSS:

Code:

a.bordure { border: 1px solid; border-color: silver; margin-left: 7px; padding: 4px; width: 400px; }


Comme vous pouvez le constater, je veux que le cadre entourant chacun des liens ait une largeur de 400 pixels.

Mon problème est que cette largeur n'est pas respectée... Mes cadres ont tous des longueurs différentes, adaptées à la longueur du texte du lien...

Auriez-vous une solution?

Merci

Titre: Re:CSS > cadre autour d'un lien
Posté par: OKKO le le 15-09-2006 a 15:03:42

oui c'est normal

il faut pourvoir formater ton <a> pour pouvoir lui donner une dimension.

la balise <a> est une balise de type "en ligne" donc il faut la transformer comme ceci:

a.bordure /* le nom de ta class
display:block; / la on va lui permettre de lui donner un dim
width: 400px;
height: auto; /* ou une dim en pixel
et le reste de ton code

par contre est-ce que tes liens sont horizontaux ou verticaux


@+


Titre: Re:CSS > cadre autour d'un lien
Posté par: franky26 le le 16-09-2006 a 03:26:07

Mes liens sont un en dessous de l'autre.

Merci pour la solution!


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.