Discussion :

[s.n.a.f.u]

Bonjour,

J'ai un petit souci de validation XHTML.

Comment contrôler la largeur d'une textarea par css et être valide XHTML ?

En effet, les attributs "cols" et "rows" sont obligatoires dans la balise, mais dans ce cas je ne peux plus contrôler la taille par css.

Une idée ?

Merci,
JM

--- edit ---
J'ai bien essayé ceci :

Code :

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

1
2
 
<textarea class="txt" cols="100%" width="100%"

mais le résultat est, comme prévu, désastreux.

[MasterOfChakhaL]

Salut,

l'attribut width, ca n'est pas du css...
L'attribut cols attend un nombre (sans unite).

Ce que tudevrais faire, c'est définir correctement ton cols (et ton rows) puis tu utilises l'attribut style qui te permet de définir les propriétés css (avec la syntaxe css):

Code :

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

<textarea cols="..." rows="..." style="width:100%;"></textarea>

[s.n.a.f.u]

Oups, désolé, erreur de frappe...

Ce que j'ai essayé et qui ne marche pas :

Code :

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

1
2
 
<txtarea cols="100%" rows="100%"></txtarea>

Autant pour moi.

Je ne corrige pas le premier post, sinon ta réponse ne serait pas comprise.

De plus, quand je parle de contrôle css, je ne suis là non plus pas assez clair.

Je voulais parler d'un fichier .css à part, donc l'attribut style en dur n'est pas ce que je recherche.
Hors, selon la règle de la cascade, les attributs sont toujours plus importants que le style. Donc le "cols" et "rows" "écrasent" mes définitions css...

[MasterOfChakhaL]

re,

Bon ma réponse ne changera pas beaucoup.

Enleve tes % dans cols et rows.
Le coup du style, c'était un moyen rapide de mettre du css, si tu as déjà un fichier externe, dans ce cas utilise le pour y mettre ce que je t'ai mis dans le "style"

Code css :

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

textarea { width:100%;}

[s.n.a.f.u]

Salut,

j'ai testé ta réponse de cette façon :

Code :

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

1
2
3
4
 
<div id="id1">
    <txtarea id="id2" cols="1" rows="1">un message</txtarea>
</div>

avec le css suivant :

Code :

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

1
2
3
 
#id1 { width: 30%; }
#id2 { width: 100%; }

Tu peux tester toi-même, tu va voir que ce n'est pas le résultat souhaité.

Resultat souhaité :

La boite fait 30% de la page, la zone de texte occupe toute la boite

Resultat observé :

La boite fait 30% de la page, la zone de texte fait 1 sur 1.

C'est normal au vu de la précédence des attributs sur le style, mais c'est embêtant.

PS: je vends une maison sur Choisy, je viens de migrer dans l'Ouest !

[Betelgeuse]

Essaye ça:

Code :

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

<txtarea id="id2" cols="" rows="" style="width: 400px;height: 300px;" >un message</txtarea>

XHTML --> Les Attributs sont obligatoire même vides !