[CSS / XHTML] Bug sous Firefox - Opéra

Bug sous Firefox - Opéra [CSS / XHTML] - HTML/CSS - Programmation

Marsh Posté le 04-05-2005 à 19:30:42    

Salut tout le monde,
 
J'ai décidé de passer mon site en full css afin de laisser tomber ces saletés de tables.
Je suis donc un néophyte puisque je connais ce "langage" depuis à peine une semaine.
 
Bref, mon probléme : tout semble fonctionner correctement sous Interet Explorer, cependant sous Firefox (1.0.3)
et Opéra y a un bug assez génant ; Mon menu et mon corp se séparent curiosement d'une bonne dizaine de pixels sans raison apparente :/  [:airforceone]
 
Je vous laisse jeter un coup d'oeil :
 
Site version CSS
Site version "table"
 
Fichiers sources :
Feuille style CSS
Fichier XHTML


Message édité par ben-tx le 04-05-2005 à 19:56:02
Reply

Marsh Posté le 04-05-2005 à 19:30:42   

Reply

Marsh Posté le 04-05-2005 à 20:43:33    

T'as songé à éviter de fermer le tag qui n'est pas ouvert?
 
Accessoirement:

  • h4 et h5 ça sert à faire des titres, pas du texte
  • le blanc sur vert avec une police de merde et une taille pour nain, c'est illisible
  • Trop de divs, pour le menu par exemple
  • quel est l'intérêt d'utiliser list-style-type quand t'as pas de listes?
  • <img border="0"> [:mlc]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 04-05-2005 à 21:07:58    

masklinn a écrit :

T'as songé à éviter de fermer le tag qui n'est pas ouvert?
 
Accessoirement:

  • h4 et h5 ça sert à faire des titres, pas du texte

OK, c'est noté.

  • le blanc sur vert avec une police de merde et une taille pour nain, c'est illisible

C'est une version de test, bien entendu la taille n'est pas bonne.

  • Trop de divs, pour le menu par exemple

OK

  • quel est l'intérêt d'utiliser list-style-type quand t'as pas de listes?

list-style-type:none; -> par défaut le css te met ton texte en liste si mes souvenirs sont bons.

  • <img border="0"> [:mlc]

Ah oué là jsais pas d'ou elle sort celle là  [:azylum]


 
Merci, ceci dit ca rêgle pas mon problème.


Message édité par ben-tx le 04-05-2005 à 21:08:20
Reply

Marsh Posté le 04-05-2005 à 21:24:34    

Normal, si tu fais pas ce qu'on te dit de faire [:spamafote]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 04-05-2005 à 21:26:20    

masklinn a écrit :

Normal, si tu fais pas ce qu'on te dit de faire [:spamafote]


 
Jviens de faire les modifs, j'ai virer le menu en attendant.
Je reupload ca  [:kbchris]

Reply

Marsh Posté le 04-05-2005 à 21:32:55    

Citation :

[CSS / XHTML] Bug sous Firefox - Opéra

 
 

Citation :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">


 
[:figti]


Message édité par gm_superstar le 04-05-2005 à 21:33:04

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 04-05-2005 à 21:33:30    

Maintenant dans ton styling de h5 tu ajoutes  

margin: 0;


(ou alors, beaucoup plus intelligent, tu remplaces tes h4 et h5 par un truc qui veut dire quelque chose).
 
Et le blanc c'est vraiment illisible -_-


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 04-05-2005 à 21:37:32    

masklinn a écrit :

(ou alors, beaucoup plus intelligent, tu remplaces tes h4 et h5 par un truc qui veut dire quelque chose).


Pour les questions/réponses les listes de définition sont plutôt pas mal http://www.w3.org/TR/html4/struct/lists.html#h-10.3


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 04-05-2005 à 21:40:13    

Voilà edité avec vos remarques ;
Merci Masklinn ca a régler le probléme.
Tu me conseil de mettre quelle balise pour le texte ?

Reply

Marsh Posté le 04-05-2005 à 21:40:41    

vala


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 04-05-2005 à 21:40:41   

Reply

Marsh Posté le 04-05-2005 à 21:41:35    

Ok je vais voir ca ;)
Ceci dit sous Dream ca merdouille :|


Message édité par ben-tx le 04-05-2005 à 21:41:59
Reply

Marsh Posté le 04-05-2005 à 21:44:16    

Ca me fait de la merde sous Dreamweaver alors que sous Firefox / IE ca marche :
http://img111.echo.cx/img111/6641/sanstitre14pk.jpg

Reply

Marsh Posté le 04-05-2005 à 21:44:45    

Encore une raison pour ne pas utiliser Dreamweaver [:spamafote]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 04-05-2005 à 21:45:48    

J'ai uplodé les fichiers édités;)


Message édité par ben-tx le 04-05-2005 à 21:56:04
Reply

Marsh Posté le 04-05-2005 à 21:47:35    

Maintenant faut utiliser des listes de définition, comme l'a très intelligement proposé gm_


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 04-05-2005 à 21:55:35    

masklinn a écrit :

Maintenant faut utiliser des listes de définition, comme l'a très intelligement proposé gm_


 
Ok ;)

Reply

Marsh Posté le 05-05-2005 à 04:38:48    

Voilà j'ai taffer un peu dessus.
Sous IE c'est nikel, sous Firefox j'ai encore un bug au niveau du menu et du corps... Si vous pouviez jeter un coup d'oeil (j'ai updaté mes fichiers donnés dans le 1er post).
 
Merci ;)


Message édité par ben-tx le 05-05-2005 à 13:51:48
Reply

Marsh Posté le 05-05-2005 à 10:40:56    

<h1>
<h2>
<ul class="element-menu"><a href="#">NEWS</a>
 
Je déteste qu'on se foute de ma gueule :hello:


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 05-05-2005 à 13:51:25    

masklinn a écrit :

<h1>
<h2>
<ul class="element-menu"><a href="#">NEWS</a>
 
Je déteste qu'on se foute de ma gueule :hello:


 
[:amandine75011]  
Non, le truc c'est que j'ai rechercher comment réaliser une liste de définition et son interet, j'avoue que je ne vois pas trop en quoi ca vient m'aider pour mettre en forme le texte ? :/
 
Edited  [:kbchris]


Message édité par ben-tx le 05-05-2005 à 23:01:15
Reply

Marsh Posté le 05-05-2005 à 18:18:28    

La forme, c'est secondaire et ça se fait après, quand on crée une page on commence par se poser la question du fond, et sémantiquement on considére que la liste de définition (pas distribution [:mlc]) est une bonne approche des systèmes question/réponse.
 
Après, un coup de CSS par dessus et le style d'origine n'a plus aucune importance.
 
Et accessoirement ça évite les bugs à la con pour cause d'utilisation de balises qui n'ont rien à foutre là.


Message édité par masklinn le 05-05-2005 à 18:18:54

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 05-05-2005 à 23:01:28    

masklinn a écrit :

La forme, c'est secondaire et ça se fait après, quand on crée une page on commence par se poser la question du fond, et sémantiquement on considére que la liste de définition (pas distribution [:mlc]) est une bonne approche des systèmes question/réponse.
 
Après, un coup de CSS par dessus et le style d'origine n'a plus aucune importance.
 
Et accessoirement ça évite les bugs à la con pour cause d'utilisation de balises qui n'ont rien à foutre là.


 
Ok merci ;)

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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