Oui et avec un inline-block sur le label j'ai la même présentation foireuse que lui ce que je n'ai pas avec un <b> par exemple.Citation:
Envoyé par rodolphebrd
Version imprimable
Oui et avec un inline-block sur le label j'ai la même présentation foireuse que lui ce que je n'ai pas avec un <b> par exemple.Citation:
Envoyé par rodolphebrd
CandyGirl :ccool:
Alors que moi, j'ai un bon rendu avec inline-block sur le label...
Ben non GG à toi Rodolph, le véritable problème de base était le display:inline sur le div ;)
@pc75
Un b serait sémantiquement plus adapté vu que tu veux mettre en exergue les fautes. Rien ne t'empêche de supprimer l'effet bold avec un font-weight:normal. Le inline-block dessus ne me semble servir à rien à part être éventuellement générateur de problème sur de vieux navigateurs.
Ensuite je m'interroge toujours sur ta motivation à ne pas mettre de doctype ? même si sur cet aspect esthétique ça te simplifie un peu la vie...
Petite remarque :
C'est toujours compliqué à maintenir et déboguer lorsque les styles de mises en forme sont insérés dans le JavaScript.
Quand on peut le faire, il vaut mieux bien séparer chaque langage: HTML/CSS/JavaScript.
J'ai remplacé la balise span par une balise b et effectivement, les fautes sont encore mieux mises en évidence.Citation:
Envoyé par Candygirl
J'ai également remplacé le début par :
Code:
2
3
OK, mais dans mon cas, je ne vois pas comment faire.Citation:
Envoyé par rodolphebrd
La remarque valait surtout pour la balise label (b maintenant) et pour le style Css inline dans le Html (dans vos premiers posts). ;)
Encore une dernière (j'espère) chose si on veut atteindre la perfection ; Ci-joint, l'alignement à droite.
Pour contourner ça, j'ai modifié les styles comme ça :
Ca ne me parait pas trop académique comme méthode, non ?Code:
2
3
4
5
6
7
8
9#aff3 { width: 1004px; font-size: 13px; font-style: italic; text-align: left; display: none; background-color:lightgrey; }
Pourquoi ?Citation:
Envoyé par pc75
Est-ce clair ? -->oui
Est-ce facile à maintenir ? --> oui
Gagné-je du temps ? --> oui
OK.
Merci encore pour le coup de main.
Je suppose que tu fais référence aux 4 pixels ajoutés à ton div pour combler l'espace qui apparaît avec le doctype ?Citation:
Envoyé par pc75
Effectivement ce n'est pas très académique surtout que cette valeur peut varier d'un navigateur à l'autre. Il y a deux façons de réglé ce problème (IE8 +):
- ajouter la propriété border-sizing sur ton textarea
de cette manière tes textarea feront exactement la taille voulue et pas un peu plus.Code:
2
3
4
- Une autre approche et qui répond directement à ta question de base
C'est réalisable en déclarant un display:table (IE8+) sur le div parent du textarea et de ton div #aff3. Cela permet de s'affranchir de la déclaration à double du width. L'idée est de définir une taille retreinte de tableau qui sera automatiquement agrandie en fonction de la taille du textarea mais qui maintiendra le div à la même taille:Citation:
Envoyé par pc75
Code:
2
3
4
5
6
Merci pour tout.