Sujets similaires

Salut !

Je suis désolé, c’est ma deuxième demande de la journée (enfin de la nuit). Je ne sais pas si j’ai le droit, mais je rencontre un problème…

L'adresse de votre forum : Elle n’est pas nécessaire je pense ^^
Le navigateur utilisé : IE (mais sur Mozz c’est pareil)

Explications du problème : Grace à un code j’ai pu faire des sortes de lettrines, seulement pour certains usages, c’est ennuyeux car selon la lettre la largeur diffère et du coup ce n’est pas super harmonieux. Je voudrais donc qu’elles aient toutes la même largeur.
Là il y a des padding, donc évidement ça peut pas marcher, mais j’ai essayé width, mais j’ai dû mal le placer u autre, ça ne fonctionne pas non plus.

Code:: [b]<span style="font-size: 16px; width=40px; padding-left: 20px; padding-right: 2px; border-left: 1px solid #B14A4A; background-color:#000000; color: #B14A4A">A</span>[/b]

Comment stabiliser la largeur de mes ‘lettrines’ Screen11

D’avance merci !

Bonjour~ (bonne nuit XD)
Il y a une erreur dans ton code pour le width~

Tu as mis width=40px comme si ça serait un tableau (enfin, un tableau c'est width="40px" xD), mais puisque tu l'as mit dans du style, ce doit être width: 40px; comme du CSS, ou comme les autres choses que tu as mis pour donner du style à tes lettrines~
Si c'est du chinois ce que je dis, dis-le hein ._."

Essaie comme ça:

Code:: [b]<span style="font-size: 16px; width:40px; padding-left: 20px; padding-right: 2px; border-left: 1px solid #B14A4A; background-color:#000000; color: #B14A4A">A</span>[/b]

Nana c'est pas du tout du chinois, je comprends le principe, mais je me plante souvent sur ce genre de trucs -_-
Je vais essayer merci Very Happy

En plus c'est très con... Vu que tout le reste est avec des ":" Pfff

EDIT : ça ne fonctionne pas -_-
Je me tate à enlever les padding, je me demande si ça n'interfère pas...

RE EDIT : non plus

Bonjour.

D

blabla blabla

A

blabla blabla

I

blabla blabla

J

blabla blabla

Avec ta configuration, la largeur des lettrine dépendait de la largeur de la lettre. Or un O est plus large qu'un I.

Il faut utiliser un élément bloc (div) pour pouvoir lui définir une largeur fixe. Comme il y à un retour à la ligne après un bloc, on lui met un float left pour empêcher ça. Après on ajuste la largeur et on aligne au centre.

Code:: <div style="font-size: 16px; width:15px; text-align: center; float:left; padding-right: 2px; border-left: 1px solid #B14A4A; background-color:#000000; color: #B14A4A; font-weight: bold">D</div>blabla blabla
<div style="font-size: 16px; width:15px; text-align: center; float:left; padding-right: 2px; border-left: 1px solid #B14A4A; background-color:#000000; color: #B14A4A; font-weight: bold">A</div>blabla blabla
<div style="font-size: 16px; width:15px; text-align: center; float:left; padding-right: 2px; border-left: 1px solid #B14A4A; background-color:#000000; color: #B14A4A; font-weight: bold">I</div>blabla blabla
<div style="font-size: 16px; width:15px; text-align: center; float:left; padding-right: 2px; border-left: 1px solid #B14A4A; background-color:#000000; color: #B14A4A; font-weight: bold">J</div>blabla blabla

J'ai pas tout tout compris...
Mais je pense avoir compris le principal pour mettre en oeuvre le bon code
MERCI BEAUCOUP !!!!!!!!!!!!!!!!!

Ca fonctionne très bien et c'est bien expliqué, encore merci Very Happy

Comment stabiliser la largeur de mes ‘lettrines’

Comment stabiliser la largeur de mes ‘lettrines’

Sujets similaires

Sujets similaires

Partenaires Or