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

[sylicoman]

@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.

Tout à fait d'accord sur ce point là; mais ça ruine l'affichage. Même si la solution utilisée est horrible, je prend.

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.

Je suis également d'accord avec toi mais je ne suis pas un webmaster affirmé et mon objectif est de créer rapidement un affichage claire aux utilisateurs de mon application web.

[Erwan31]

Je suis également d'accord avec toi mais je ne suis pas un webmaster affirmé et mon objectif est de créer rapidement un affichage claire aux utilisateurs de mon application web.

Sans utiliser legend tu peux obtenir le même effet que le fieldset dans Firefox avec un div et ceci:

Code :

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

1
2
3
4
5
div {
padding: .35em .62em .75em; 
margin: 0 2px; 
border: 2px groove;
}

[sylicoman]

Merci pour l'astuce, j'ai testé et ça fonctionne donc je changerais le code pour le reste des fieldset que j'ai mis.

Mais mon souci initial est toujours là.