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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [XHTML] IE passe, Mozilla bloque ...

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[XHTML] IE passe, Mozilla bloque ...

n°471538
Akra-
Posté le 30-07-2003 à 01:11:40  profilanswer
 

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. }
  11. #barre2 {
  12. background:url(images/b2.jpg) white no-repeat;
  13. height: 69px;
  14. width: 493px;
  15. color: #1A8D24;
  16. padding-top: 33px;
  17. padding-left: 21px;
  18. font-family: Comic Sans MS;
  19. font-size: 15px;
  20. font-weight: bold;
  21. text-align: left;
  22. }


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

mood
Publicité
Posté le 30-07-2003 à 01:11:40  profilanswer
 

n°471539
the real m​oins moins
Posté le 30-07-2003 à 01:15:41  profilanswer
 

url ?


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
n°471541
Akra-
Posté le 30-07-2003 à 01:22:37  profilanswer
 


 
pa encore de ftp :/

n°471547
Olivier51
Posté le 30-07-2003 à 01:47:53  profilanswer
 

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

n°471549
Akra-
Posté le 30-07-2003 à 01:53:56  profilanswer
 

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

n°471552
the real m​oins moins
Posté le 30-07-2003 à 01:56:12  profilanswer
 

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 ?
n°471559
Akra-
Posté le 30-07-2003 à 02:02:47  profilanswer
 

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

n°471921
Akra-
Posté le 30-07-2003 à 14:00:27  profilanswer
 

up :/ ,

n°471935
fastclemmy
(re-)Dictateur en plastique
Posté le 30-07-2003 à 14:04:48  profilanswer
 

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)

n°471991
Akra-
Posté le 30-07-2003 à 14:28:58  profilanswer
 

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

mood
Publicité
Posté le 30-07-2003 à 14:28:58  profilanswer
 

n°472406
gizmo
Posté le 30-07-2003 à 19:32:15  profilanswer
 

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.

n°473533
Akra-
Posté le 31-07-2003 à 16:38:00  profilanswer
 

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

n°473537
gizmo
Posté le 31-07-2003 à 16:41:23  profilanswer
 

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

n°473548
Akra-
Posté le 31-07-2003 à 16:45:16  profilanswer
 

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
n°473730
gizmo
Posté le 31-07-2003 à 20:40:20  profilanswer
 

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

n°474104
Akra-
Posté le 01-08-2003 à 01:54:36  profilanswer
 

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

n°474195
gizmo
Posté le 01-08-2003 à 09:58:25  profilanswer
 

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

n°474243
Akra-
Posté le 01-08-2003 à 10:51:41  profilanswer
 

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
n°474299
Akra-
Posté le 01-08-2003 à 11:22:54  profilanswer
 

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. }
  8. h1,h2 {
  9. display: inline;
  10. font-family: Comic Sans MS;
  11. font-size: 15px;
  12. font-weight: bold;
  13. }
  14. h1 {
  15. color: #8D1A1A;
  16. padding-top: 20px;
  17. padding-left: 70px;
  18. }
  19. h2 {
  20. color: #1A8D24;
  21. padding-top: 33px;
  22. padding-left: 21px;
  23. }


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

n°474382
gizmo
Posté le 01-08-2003 à 12:41:31  profilanswer
 

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.

n°474414
Akra-
Posté le 01-08-2003 à 13:24:34  profilanswer
 

je t envoyé un mail :)

mood
Publicité
Posté le   profilanswer
 


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

  [XHTML] IE passe, Mozilla bloque ...

 

Sujets relatifs
C'est IE, Mozilla ou moi qui bug ? [objet THIS][PHP] Temps passé sur une page ?
[PHP WML XHTML] Reconaitre un navigateur HTML ou WAP ?[XHTML] problème avec le #
[PHP/ACCESS] requete UPDATE ne passe pas alors que INSERT et DELETE si[XHTML/CSS] Ecrire dans le bas d'une div
CSS XHTML passe sous IE mais pas sous netscape[JS] Mozilla & form.submit [resolu]
Mon site ne passe plus sous IE [:totoz] 
Plus de sujets relatifs à : [XHTML] IE passe, Mozilla bloque ...


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