Problème pour enlever le GRAS du texte

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Problème pour enlever le GRAS du texte

lola1234

Bonjour à tous,

Je suis bloquée sur un problème, peut-etre quelqu'un pourrait m'aider ?

Je m'arrache les cheveux, j'ai un texte dont le CSS a pré-defini qu'il est en gras.

Sur une portion de texte, sans coder en CSS mais uniquement en HTML, je souhaiterais mettre le texte en normal (non gras).

J'ai essayé la solution suivante :
<font weight='normal'>
mais cela ne fonctionne pas et je ne comprends pas pourquoi.

Autre fait étrange : juste pour voir, si j'essaye de mettre une portion du texte en italique, tout simplement avec <i>...</i>, le texte ne bouge pas non plus, il reste normal (non italique).

Par contre, pour info, le texte est prédefini en ARIAL, j'ai bien réussi à forcer à le mettre en VERDANA en utilisant : <FONT FACE='verdana';> ... </FONT>

Je ne comprends pas que certaines modifs fonctionnent et pas d'autres ... :??:

Peut-etre y a-t-il moyen d'enlever pour une portion du texte tout paramétrage du CSS ?

:??:

Voilà, si quelqu'un a une idée, elle est la bienvenue ... :jap:

Publicité

mechkurt

http://www.alsacreations.com/tuto/ [...] letes.html

<span style="font-weight:normal;">...</span>

---------------
D3

lola1234

Super ! Ca fonctionne nickel !
Merci beaucoup !

lola1234

Et il me reste un autre souci, par défaut, au lieu d'aller à la ligne à la fin d'un mot, les mots sont coupés en plein au milieu, c'est moche.

J'ai essayé ceci : <span style='word-wrap: normal'>...</span>

Mais je m'y prends mal, ca ne fonctionne pas...

:??:

mechkurt

http://lmgtfy.com/?q=css+word-wrap

---------------
D3

lola1234

AAARG ca fait 3 plombes que je cherche...

Merci mais en fait je voudrais que ce soit du HTML et pas du CSS...

Mais je trouve rien, à part <wbr>, mais je vais pas ecrire <wbr> entre chaque mot ... lol

Ca existe pas en HTML ?
:??:

mechkurt

Ce sera forcement du css vu qu'il s'agit de styler de l'html, cependant tu n'est pas obligé d'avoir une feuille de style séparé (mais si c'est recommandé), tu peux voir les styles dans ton bloc conteneur, comme avec le span ci-dessus.

Le 2eme lien de la recherche Google (encore alsacréation : http://www.alsacreations.com/tuto/ [...] s-css.html ) est un bon article sur les différentes techniques que tu peux appliquer.

Tu colles le css dans un attribut style="" d'un div ou p parent à ton bloc qui déborde et voila...

---------------
D3

lola1234

Merci, il est super ce tuto

J'ai donc essayé ca, mais ca ne fonctionne pas :

<html>
<style>
p.test2015 {word-wrap: normal;}
</style>
<p style='test2015'><FONT size='2pt';FONT FACE='verdana';><pre>
Mon texte...
</pre></FONT></p>
</html>

:??:

nicolalpes

Bee

Sinon tu peux ajouter !important avant le ; final pour forcer. C'est pas beau, mais ça marche.

lola1234

Merci pour vos suggestions, je viens de tenter le !important mais c'est bizarre ca ne fonctionne pas non plus ...
Je dois avoir un problème peut-etre d'ordre de présentation ... ?

Voici le code en entier pour cette portion de texte (c'est seulement une portion de texte dont je force la mise en page sur mon site internet car il doit etre completement different de tout le reste) :

"<html>
<style>
p.test2015 {word-wrap: normal !important;}
</style>
<span style='font-weight:normal';><div style='text-align:justify'>
<font style='text-transform: none';><p style='test2015'><FONT size='2pt';FONT FACE='verdana';><pre>
Mon texte ... bla bla bla ...
</pre></p></FONT>
</div></span>
</html>
";

:??:

Publicité

mechkurt

[:nightbringer57:1]

Je t'ai corrigé ton code :
- balises mal imbriqués
- ; après le '
- etc.

Code :

<html>
<head>
<style>
p.test2015 {
word-wrap:normal;
font-weight:normal;
text-align:justify;
text-transform:none;
font-size:2pt;
font-family:Verdana, Geneva, sans-serif;
}
</style>
</head>
<body>
<p style="test2015">Mon texte ... bla bla bla ...</p>
</body>
</html>

A mon avis c'est la balise pre qui te mettait dans la merde, je l'ai supprimé (elle est destiné à des choses bien précise genre ASCII ART ou affichage de code) si tu en as vraiment besoin (IE si tes retour à la ligne sont sans <br> ) tu peux rajouter la règle "white-space:pre;"

---------------
D3

lola1234

Merci, oulaaaa j'ai besoin de cours de rattrapage ah ah ah.
C'est rageant c'est le toooout dernier truc qu'il me reste et le site sera pret !

Ben en fait, je sais pas pourquoi ca marche pas, j'ai copie exactement ton code, et le site me renvoie ca :

Parse error: syntax error, unexpected 'test2015' (T_STRING), expecting ',' or ';'

mechkurt

Je supposes que ton code html est dans une variable...

Essayes en encapsulant mon code dans des ' comme ça :

Code :

$mavariable = '<html>
<head>
[...]
</body>
</html>';

---------------
D3

lola1234

Merci ! C'est bon maintenant ca marche !!!!!

Par contre tout mon texte est revenu en majuscule !
Et il n'est plus en Verdana, ni en 2pt, il n'a plus non plus le cadre autours (qu'il y avait grace au PRE).
Donc une partie du code n'est pas appliquee ?

:??:

mechkurt

Ben il vas pas te virer l'uppercase avec text-transform:none;, si tu veux tout passer en bas de casse il faut text-transform:lowercase;

On a pas le contexte mais si tu affiches ta variables dans une page html, il faut surement virer le html et mettre ton code in-line (dans la balise en attribut style) :

Code :

<p style="word-wrap:normal;font-weight:normal;text-align:justify;text-transform:lowercase;font-size:2pt;font-family:Verdana, Geneva, sans-serif;">Mon texte ... bla bla bla ...</p>

D'ailleurs j'avais pas vue mais c'est pas <p style="test2015"> qu'il fallait mettre mais <p class="test2015">, essaye cette modification avant de passer en style in-line...

---------------
D3

lola1234

Ah ouiiii avec <p class="test 2015">, ca marche tres bien !

Merciiiiiii c'est parfait !!!!! :love:

Merciiii 10 000 000 000 000 000 fois, grace à ton aide, mon site est maintenant terminé !

Je suis une grande débutante alors merci pour tout !!!!!!!

Merciiiiiiiii !!!!!!!!!!!!!!!!!!!!!!!!!
:love:

:jap:

FORUM HardWare.fr

Programmation

HTML/CSS

Problème pour enlever le GRAS du texte

Sujets relatifs
Afficher texte si l'URL contient un mot	Le bouton apparait 2 fois ! Problème dans le code !
Probleme de macro	Problème avec code::blocks
Problème aléatoire sur les web services	[resolue] probleme de physique
Problème sous Eclipse	Recherche d'un caractère dans un texte
[RESOLU] problème d'install de CPAN	Vba: problème de récupération des octets
Plus de sujets relatifs à : Problème pour enlever le GRAS du texte

Page générée en 0.068 secondes