Discussion :

[sylicoman]

Bonjour ,

Le problème que je rencontre c'est que sous Firefox et uniquement sous Firefox, mon text sort de la zone réservée alors que sous IE, un retour automatique à la ligne se fait.

Image : (le texte a été masqué en noir)



J'aimerais que sous les 2 navigateurs, j'ai un retour à la ligne.

Voici le code HTML utilisé pour cette partie:

Code :

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

1
2
3
4
5
6
7
8
		<div id="mytab1">
			<h2>Message</h2>
			<br/>
			<fieldset class="odd">
				<p>Loading configuration file ########TEXTE###############################TEXTE#################################TEXTE####################</p>
			</fieldset>
			<br/><br/>
		</div>

Merci beaucoup pour votre aide.

Ben

[SpaceFrog]

peut être en spécifiant un textwrap sur le fieldset ?
sinon il faudra insérer des "faux espaces" entre chaque caratère ...

[sylicoman]

Pour les faux espaces c'est pas possible car ce code sort d'une JSP qui me récupère la donnée dans une base de donnée. Donc je ne peux pas toucher au contenu de champs texte lui-meme.

Tu entends quoi par un "textwrap" sur le fieldset ? Si par là tu veux dire englober le le texte dans un champs <text></text> ou même le fieldset, j'ai déja essayé et ça ne va pas.

Merci pour cette proposition. Une autre idée ?

[SpaceFrog]

tu peux tout à fait toucher au contenu avec javascript ...

pour me text-wrap je parlais de la propriété de style css...

[Kerod]

Dans ton cas il serait bon de fournir également le CSS qui va avec afin que nous puissions tester directement avant de dire des bêtises

Qu'en penses-tu ?

[Erwan31]

Bonjour,
tout d'abord sylicoman, l'élément fiedset sans son élément legend
associé n'a aucun sens. Il doit être utilisé pour rassembler thématiquement des commandes avec leur labels associés.

D'une manière général ne pas utiliser un élément HTML
sémantique (c-à-d autre que div ou span) à des fins de présentation.

Les br (break) ne sont pas non plus prévu pour créer des espaces supplémentaire mais
pour forcer une coupure de ligne à l'intérieur d'un paragraphe.

@SpaceFrog: si je peux me permettre tu confonds peut-être textwrap (qui n'existe pas dans les specs) avec white-space, en tous cas jamais vu de propriété textwrap.
Ceci dit la propriété white space n'aura ici aucun effet puisqu'elle ne gère que les espace vides.

@sylicoman: Je pense que Firefox à un comportement normal ici,
sans espace dans un texte pas de retour à la ligne possible.
Donc là je suis pas certain qu'il y ait une solution.

[sylicoman]

Voici le CSS en rapport avec cette partie du code:

Code interne à la page HTML:

Code :

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

1
2
3
4
5
6
7
fieldset.odd {
    position :              relative;
    top :                   1em;
    padding :               0 0.5em 1em 0.5em;
    background-color :      #EEEEEE;
    border: 				0.1em solid #000000;
}

Code externe dans un fichier .CSS :

Code :

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

1
2
3
4
 
fieldset label {color:#000000;}
div {color:#666633;margin: 0.5em 0em 0em 0em;}
html, body, div, ul, li, form, span, p, img, fieldset, legend, label, h1, h2, h3, h4, h5, h6, table, tbody, thead, tfoot, tr, th, td {margin:0em; padding:0em; border:none;}

Voilà le code CSS qui intervient sur ces balises.

Merci beaucoup de m'aider