Problème pour enlever le GRAS du texte

Problème pour enlever le GRAS du texte - HTML/CSS - Programmation

Marsh Posté le 16-03-2015 à 10:40:35    

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:  

Reply

Marsh Posté le 16-03-2015 à 10:40:35   

Reply

Marsh Posté le 16-03-2015 à 10:52:51    

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


---------------
D3
Reply

Marsh Posté le 16-03-2015 à 11:33:16    

Super ! Ca fonctionne nickel !
Merci beaucoup !
:D

Reply

Marsh Posté le 16-03-2015 à 12:22:56    

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

Reply

Marsh Posté le 16-03-2015 à 13:41:40    

Reply

Marsh Posté le 16-03-2015 à 16:50:30    

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

Reply

Marsh Posté le 16-03-2015 à 17:25:48    

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
Reply

Marsh Posté le 16-03-2015 à 17:57:58    

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

Reply

Marsh Posté le 16-03-2015 à 22:33:47    

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

Reply

Marsh Posté le 17-03-2015 à 08:48:56    

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

Reply

Marsh Posté le 17-03-2015 à 08:48:56   

Reply

Marsh Posté le 17-03-2015 à 09:50:44    

[: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
Reply

Marsh Posté le 17-03-2015 à 10:53:38    

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

Reply

Marsh Posté le 17-03-2015 à 11:01:02    

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
Reply

Marsh Posté le 17-03-2015 à 11:05:49    

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

Reply

Marsh Posté le 17-03-2015 à 11:24:54    

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
Reply

Marsh Posté le 17-03-2015 à 11:35:42    

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:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed