Discussion :

[pierre012]

Bonjour

J'aurais besoin d'aide pour encadrer un texte d'une taille variable en CSS.

J'utilise le code suivant dans mon fichier CSS.

Code :

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

1
2
a.A {border: 1px solid #ffffff; background-color: #fdc607; color: #ffffff; margin:10px; padding:100px; vertical-align:middle; line-height: 50px;} 
a.A:hover {border: 0px solid;  background-color: #fdc607; color: #ffffff; margin:10px; padding:100px; vertical-align:middle; line-height: 50px;}

Sur ma page j'utilise le code suivant :

<a href="#" class="A">txt</a>

J'aimerais que mon encadré soit toujours par exemple de 300px, peu importe la taille du texte.

Merci d'avance

[SpaceFrog]

width et height avec overflow auto ?

[pierre012]

Merci pour votre réponse.

Ca ne marche pas.
Voila un peu plus en détail ce que je souhaite faire :



Je voudrais que le lien "txt" soit aussi grand que le lien "texte" meme si il ne comporte que 3 lettre.

Merci

[kohsaka]

si j'ai bien compris ce que tu voulais faire :

a.A {
display: block;
widht: 300px;
}

[riete]

C'est dépouillé, mais j'ai testé ca marche

Code :

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

1
2
a.A {display: block; background-color: #fdc607; color: #ffffff; padding:20px; width: 300;}
a.A:hover {display: block; background-color: #fdc607; color: #ffffff; padding:20px; width: 300;}

Pour info, tu peux mettre tes couleurs (ce qui est plus courant et surtout je crois que le nombre de couleur est limité sur les navigateurs?) sur 3 octets ex: #fc0 au lieur de #fdc607.

[pierre012]

Le probleme venait bien du display:block manquant

Merci pour votre aide