28172 sujets

CSS et mise en forme, CSS3

Bonjour,
Je suis entrain de bidouiller un CSS pour définir
pre { width:615px; }

Normalement ça devrait faire une largeur de 615px pour la balise pre et donc par conséquent d'éventuelles balises span à l'intérieur de <pre>.
Sauf que ces balises là possèdent un attribut style mais dont les propriétés ne sont pas contraire aux paramètres donnés ci-dessus.
Résultat j'obtiens des largeurs bien supérieures et différentes en fonction de la longueur du texte.
Voici le code HTML
<pre style="padding-left: 30px;">
<span style="color: #3366ff;">moi : lorem ipsum</span>
<span style="color: #ff99cc;">elle : lorem ipsum</span>
<span style="color: #3366ff;">moi : lorem ipsum</span>
<span style="color: #ff99cc;">elle : lorem ipsum lorem ipsum</span>
</pre>

Est-ce que l'attribut style dans le HTML peut annuler les propriétés CSS dans un fichier externe style.css ?
Comment limiter la largeur des balises <pre> et <span> situées dans <pre> à 615px sans modifier le code HTML ?
Salut,

Les déclarations CSS contenues dans un attribut HTML style sont prioritaires sur toutes les autres.

Autrement dit, plus tu peux éviter les styles en ligne, mieux ce sera.
C'est ce qui me semblait donc.
J'avais peur de devoir modifier la structure du site mais il va bien falloir.
Merci pour cette réponse très rapide.
Modérateur
a écrit :
Sauf que ces balises là possèdent un attribut style mais dont les propriétés ne sont pas contraire aux paramètres donnés ci-dessus.

Et donc elles n'interviendront pas. Elles sont prioritaires donc celles si vont écraser les "color" définis dans ta feuille de style mais pas le reste.

a écrit :
Normalement ça devrait faire une largeur de 615px pour la balise pre et donc par conséquent d'éventuelles balises span à l'intérieur de <pre>.

Ah ben non! span est un élément inligne, il ne prendra jamais que la largeur de son contenu. Pour faire ce que tu désires, soit remplacer les span par des div, soit effectuer un

  pre span {
    display: block;
  }
Ah oui j'oublie souvent cette notion de inline et block.
J'essaye ça dès que j'ai le temps et je reviens vous dire ce qu'il en ai.