Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
527 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Problème pour enlever le GRAS du texte

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Problème pour enlever le GRAS du texte

n°2253341
lola1234
Posté le 16-03-2015 à 10:40:35  profilanswer
 

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:  

mood
Publicité
Posté le 16-03-2015 à 10:40:35  profilanswer
 

n°2253342
mechkurt
Posté le 16-03-2015 à 10:52:51  profilanswer
 

http://www.alsacreations.com/tuto/ [...] letes.html
 
<span style="font-weight:normal;">...</span>


---------------
D3
n°2253346
lola1234
Posté le 16-03-2015 à 11:33:16  profilanswer
 

Super ! Ca fonctionne nickel !
Merci beaucoup !
:D

n°2253348
lola1234
Posté le 16-03-2015 à 12:22:56  profilanswer
 

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...
 
:??:

n°2253352
mechkurt
Posté le 16-03-2015 à 13:41:40  profilanswer
 
n°2253365
lola1234
Posté le 16-03-2015 à 16:50:30  profilanswer
 

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 ?
:??:

n°2253372
mechkurt
Posté le 16-03-2015 à 17:25:48  profilanswer
 

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
n°2253377
lola1234
Posté le 16-03-2015 à 17:57:58  profilanswer
 

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>
 
:??:  
 
 

n°2253406
nicolalpes
Bee
Posté le 16-03-2015 à 22:33:47  profilanswer
 

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

n°2253419
lola1234
Posté le 17-03-2015 à 08:48:56  profilanswer
 

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>
";
 
:??:  

mood
Publicité
Posté le 17-03-2015 à 08:48:56  profilanswer
 

n°2253427
mechkurt
Posté le 17-03-2015 à 09:50:44  profilanswer
 

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

Code :
  1. <html>
  2. <head>
  3. <style>
  4. p.test2015 {
  5. word-wrap:normal;
  6. font-weight:normal;
  7. text-align:justify;
  8. text-transform:none;
  9. font-size:2pt;
  10. font-family:Verdana, Geneva, sans-serif;
  11. }
  12. </style>
  13. </head>
  14. <body>
  15. <p style="test2015">Mon texte ... bla bla bla ...</p>
  16. </body>
  17. </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
n°2253429
lola1234
Posté le 17-03-2015 à 10:53:38  profilanswer
 

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 ';'

n°2253430
mechkurt
Posté le 17-03-2015 à 11:01:02  profilanswer
 

Je supposes que ton code html est dans une variable...
 
Essayes en encapsulant mon code dans des ' comme ça :

Code :
  1. $mavariable = '<html>
  2. <head>
  3. [...]
  4. </body>
  5. </html>';


---------------
D3
n°2253431
lola1234
Posté le 17-03-2015 à 11:05:49  profilanswer
 

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 ?
 
:??:

n°2253432
mechkurt
Posté le 17-03-2015 à 11:24:54  profilanswer
 

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 :
  1. <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
n°2253433
lola1234
Posté le 17-03-2015 à 11:35:42  profilanswer
 

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:


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Problème pour enlever le GRAS du texte

 

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


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR