[XHTML] IE passe, Mozilla bloque ...

IE passe, Mozilla bloque ... [XHTML] - HTML/CSS - Programmation

Marsh Posté le 30-07-2003 à 01:11:40    

Salut, je commence à apprendre le XHTML et je ne comprend pas tres bien quelque chose, mais venons en au code j'expliquerai le probleme apres ...
 

Code :
  1. <p>
  2.      <span id="barre1">Edito</span><span id="barre2">Ouverture du site EasyActu.com ...</span>
  3.    </p>


 

Code :
  1. #barre1 {
  2. background:url(images/b1.jpg) white no-repeat;
  3. height: 69px;
  4. width: 186px;
  5. color: #8D1A1A;
  6. padding: 20px;
  7. font-family: Comic Sans MS;
  8. font-size: 15px;
  9. font-weight: bold;
  10. }
  12. #barre2 {
  13. background:url(images/b2.jpg) white no-repeat;
  14. height: 69px;
  15. width: 493px;
  16. color: #1A8D24;
  17. padding-top: 33px;
  18. padding-left: 21px;
  19. font-family: Comic Sans MS;
  20. font-size: 15px;
  21. font-weight: bold;
  22. text-align: left;
  23. }


 
Bon voilà, sous IE pas de probleme tout s'affiche correctement (les deux background son a côté et le texte est exactement à l'endroit où il faut qu'il soit)
Sous Mozilla, le background ne respecte pas les dimensions données, ils se chevauchent ...
 
Voilà c'etait pour savoir je pense que ca doit être un probleme dans mon code, mais ou ?
 
Merci à vous ;)

Reply

Marsh Posté le 30-07-2003 à 01:11:40   

Reply

Marsh Posté le 30-07-2003 à 01:15:41    

url ?


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
Reply

Marsh Posté le 30-07-2003 à 01:22:37    

the real moins moins a écrit :

url ?


 
pa encore de ftp :/

Reply

Marsh Posté le 30-07-2003 à 01:47:53    

Je l'ai passé au Validateur de CSS, je n'ai vu que 4 avertissements pour du CSS1, il n'en restait plus que 2 pour du CSS2 :
# Line : 7 font-family: Vous êtes encouragés à proposer une famille générique comme dernier choix
# Line : 7 Level : 1 Les noms de familles contenant des espaces doivent être mis entre guillemets. Si les guillemets sont omis, tous les espaces avant et après le nom seront ignorés et toute séquence d'espaces à l'intérieur du nom sera remplacée par un seul espace. : #barre1
# Line : 19 font-family: Vous êtes encouragés à proposer une famille générique comme dernier choix
# Line : 19 Level : 1 Les noms de familles contenant des espaces doivent être mis entre guillemets. Si les guillemets sont omis, tous les espaces avant et après le nom seront ignorés et toute séquence d'espaces à l'intérieur du nom sera remplacée par un seul espace. : #barre2
 
Il faudrait faire tester ça ...

Reply

Marsh Posté le 30-07-2003 à 01:53:56    

Olivier51 a écrit :

Je l'ai passé au Validateur de CSS, je n'ai vu que 4 avertissements pour du CSS1, il n'en restait plus que 2 pour du CSS2 :
# Line : 7 font-family: Vous êtes encouragés à proposer une famille générique comme dernier choix
# Line : 7 Level : 1 Les noms de familles contenant des espaces doivent être mis entre guillemets. Si les guillemets sont omis, tous les espaces avant et après le nom seront ignorés et toute séquence d'espaces à l'intérieur du nom sera remplacée par un seul espace. : #barre1
# Line : 19 font-family: Vous êtes encouragés à proposer une famille générique comme dernier choix
# Line : 19 Level : 1 Les noms de familles contenant des espaces doivent être mis entre guillemets. Si les guillemets sont omis, tous les espaces avant et après le nom seront ignorés et toute séquence d'espaces à l'intérieur du nom sera remplacée par un seul espace. : #barre2
 
Il faudrait faire tester ça ...


 
ca change rien :/

Reply

Marsh Posté le 30-07-2003 à 01:56:12    

essaie de changer la propriété display soit de ton <p> contenant ou de chacun des <span>
mais bon je dis ça au hasard en fait...
tu as lu la faq xhtml/css ?


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
Reply

Marsh Posté le 30-07-2003 à 02:02:47    

the real moins moins a écrit :

essaie de changer la propriété display soit de ton <p> contenant ou de chacun des <span>
mais bon je dis ça au hasard en fait...
tu as lu la faq xhtml/css ?


 
vite fait mais ca a pas l'air d'y etre, et j'utilise http://openweb.eu.org
 
Pour le dispplay ca change rien ...

Reply

Marsh Posté le 30-07-2003 à 14:00:27    

up :/ ,

Reply

Marsh Posté le 30-07-2003 à 14:04:48    

Spécifie peut-être la position de ton background ?
http://www.w3schools.com/css/pr_ba [...] sition.asp
 
(mais c'est sûr qu'avec la page sous les yeux on verrait sans doute mieux le souci)

Reply

Marsh Posté le 30-07-2003 à 14:28:58    

fastclemmy a écrit :

Spécifie peut-être la position de ton background ?
http://www.w3schools.com/css/pr_ba [...] sition.asp
 
(mais c'est sûr qu'avec la page sous les yeux on verrait sans doute mieux le souci)


 
change rien :(

Reply

Marsh Posté le 30-07-2003 à 14:28:58   

Reply

Marsh Posté le 30-07-2003 à 19:32:15    

bon, premier point, width ne peux pas s'appliquer à des balises inline, et donc, par définition, à span.
 
Donc, si le comportement n'est pas celui attendu, ce n'est pas spécialement la faute de mozilla.

Reply

Marsh Posté le 31-07-2003 à 16:38:00    

gizmo a écrit :

bon, premier point, width ne peux pas s'appliquer à des balises inline, et donc, par définition, à span.
 
Donc, si le comportement n'est pas celui attendu, ce n'est pas spécialement la faute de mozilla.


 
comment faire pour mettre de div côte à côte ?  :??:

Reply

Marsh Posté le 31-07-2003 à 16:41:23    

en les mettant en float. Mais si c'est pour fare un menu, une liste est plus appropriée.

Reply

Marsh Posté le 31-07-2003 à 16:45:16    

Ce n'est pas un menu ...
 
l'équivalent (vite fait) en html avec tableaux serait :
 
<table align="center">
<tr>
<td background="b1.gif">Edito</td
<td background="b2.gif">Moi j'aime les vacances</td>
</tr>
</table>
 
(spa exactement ca mais c juste pour donner une idée...)


Message édité par Akra- le 31-07-2003 à 17:12:07
Reply

Marsh Posté le 31-07-2003 à 20:40:20    

et, question con: pourquoi tu peux pas faire un background unique?

Reply

Marsh Posté le 01-08-2003 à 01:54:36    

c possible de faire un background unique et dans le bloc tu mets deux polices différents situées à deux endroits bien précis ?
 
si oui je prend ;)

Reply

Marsh Posté le 01-08-2003 à 09:58:25    

bah oui, sans problème. Est-ce que ton second span d'origine peux s'étaler sur plusieurs lignes? Et si oui, dans ce cas, doit-il avoir le même background que "Edito"?

Reply

Marsh Posté le 01-08-2003 à 10:51:41    

gizmo a écrit :

bah oui, sans problème. Est-ce que ton second span d'origine peux s'étaler sur plusieurs lignes? Et si oui, dans ce cas, doit-il avoir le même background que "Edito"?


 
non aucun s'installe su plusieurs lignes ;)
 
edit: bon v essayer je te dis ca ;)


Message édité par Akra- le 01-08-2003 à 10:52:00
Reply

Marsh Posté le 01-08-2003 à 11:22:54    

Code :
  1. <p>
  2.      <div id="barre">
  3.       <h1>Edito</h1>
  4.       <h2>Ouverture du site EasyActu.com ...</h2>
  5.      </div>
  6.    </p>


 

Code :
  1. #barre {
  2. background-image: url(images/barre.jpg);
  3. background-repeat: no-repeat;
  4. background-position: top left;
  5. height: 69px;
  6. width: 678px;
  7. }
  10. h1,h2 {
  11. display: inline;
  12. font-family: Comic Sans MS;
  13. font-size: 15px;
  14. font-weight: bold;
  15. }
  17. h1 {
  18. color: #8D1A1A;
  19. padding-top: 20px;
  20. padding-left: 70px;
  21. }
  23. h2 {
  24. color: #1A8D24;
  25. padding-top: 33px;
  26. padding-left: 21px;
  27. }


 
Voilà maintenant il y a deux problemes:
- il ne prend pas en compte l'alignement que je lui donne (padding-top: 20px ...)
- pour le <h1> le truc est que s'il est en padding-left:70px, ca marche pour Edito, mais lorsque je mets Amérique, il faudrait qu'il soit de 60px :/
 
help me :)

Reply

Marsh Posté le 01-08-2003 à 12:41:31    

C'est pas très clair ton truc. Tu pourrais pas mettre ton code sur un site temporaire avec un image de ce que tu voudrais obtenir? ca serait plus simple à mon avis.

Reply

Marsh Posté le 01-08-2003 à 13:24:34    

je t envoyé un mail :)

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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