[Resolu] Une class sur une "font" pas fonctionnelle sous FF :o

Une class sur une "font" pas fonctionnelle sous FF :o [Resolu] - HTML/CSS - Programmation

Marsh Posté le 13-02-2007 à 16:33:05    

Bonjour,
 
voilà mon problème :
 
une class appliquée à une font ne se comporte pas comme il faudrait sous FF (mais correctement sous IE).
 
L'image de fond de la class "titre" ne s'affiche pas en largeur sur 600 pixels, mais uniquement en fontion de la longueur du texte contenu entre les balises <font> (en l'occurence "Titre principal !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!" ).
 
Voici le code HTML :
 

Code :
  1. <td colspan="2" bgcolor="#f3f2f2" height="72" width="100%">
  2.     <div style="margin: 5px;">
  3.      <!-- Visu SOUS TITRE -->
  4.      <span id="_ctl8_Conditional9__ctl0_SousTitre" class="ModExp_SousTitre"></span>
  5.      <br>
  7.      <!-- Visu RESUME -->
  8.      <span id="_ctl8_Conditional9__ctl0_Resume" class="ModExp_Resume" errormessage="Ce champ est obligatoire !" validationexpression=".*"><span id="_ctl8_Conditional9__ctl0_Resume_PresentationModeControlsContainer_presLabel">a</span></span>
  9.      <br>
  10.      <br>
  11.      <!-- Visu Corps  -->
  14. ----------------- Partie à priori problematique ---------------------
  15.      <span id="_ctl8_Conditional9__ctl0_Corps" class="ModExp_Corps"><font class="titre">Titre principal !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</font></span>
  16. ------------------------------------------------------------------
  19.      <!-- Visu video -->
  20.      <span id="_ctl8_Conditional9__ctl0_Video"><span id="_ctl8_Conditional9__ctl0_Video_PresentationModeControlsContainer_WMPLegendVideoControl"></span></span>
  21.      <br>
  22.      <!-- Visu son -->
  23.      <span id="_ctl8_Conditional9__ctl0_Son"></span>
  24.      <!-- Visu Flash -->
  25.      <span id="_ctl8_Conditional9__ctl0_AnimationFlash"><span class="ModExp_Legende"></span></span>
  26.     </div>
  27.     <!-- Visu redacteur -->
  28.     <div align="right">
  29.      <span id="_ctl8_Conditional9__ctl0_Redacteur" class="ModExp_Redacteur"></span>
  30.     </div>
  31.    </td>


 
et le CSS correspondant :
 

Code :
  1. .titre
  2. {
  3. /*position:absolute;*/
  4. font-size : 20px;
  5. width : 600px;
  6. height : 40px;
  7. background :  url(image/titre.gif) no-repeat;
  8. /*background-position: top;*/
  9. padding-left : 10px;
  10. }


 
D'où peut venir le problème :??:


Message édité par Funkpeck le 13-02-2007 à 16:55:16
Reply

Marsh Posté le 13-02-2007 à 16:33:05   

Reply

Marsh Posté le 13-02-2007 à 16:47:58    

<font> est de type inline, c'est FF qui a raison.


---------------
Me: Django Localization, Yogo Puzzle, Chrome Grapher, C++ Signals, Brainf*ck.
Reply

Marsh Posté le 13-02-2007 à 16:51:20    

Yes !!

 

J'avais complètement oublié de regarder de ce côté là. Avec block ça marche, merci :D


Message édité par Funkpeck le 13-02-2007 à 16:51:31
Reply

Marsh Posté le 13-02-2007 à 21:13:27    

Et depuis quand on fout encore des <font> ? Surtout si c'est pour utiliser les CSS, faut tous les dégager directement !

Message cité 1 fois
Reply

Marsh Posté le 13-02-2007 à 21:14:15    

Et on ne met jamais de class titre, on utilise une balise de type hx (genre h1, h2). Un titre doit être un titre :)

Message cité 1 fois
Reply

Marsh Posté le 14-02-2007 à 11:47:40    

FlorentG a écrit :

Et depuis quand on fout encore des <font> ?


Eh bien par exemple, lorsque l'on personnalise un CMS, comme on peut et avec des permissions restreintes  (en l'occurence je ne peux changer que les CSS) :o

FlorentG a écrit :

Et on ne met jamais de class titre, on utilise une balise de type hx (genre h1, h2). Un titre doit être un titre :)


La class titre n'a été mise ici qu'à titre d'exemple (pas envie de mettre le nom réel).
Sinon en temps normal j'utilise des hx, no soucy ;)

Reply

Sujets relatifs:

Leave a Replay

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