menu en CSS, ok sous IE, caca sous firefox ????

menu en CSS, ok sous IE, caca sous firefox ???? - HTML/CSS - Programmation

Marsh Posté le 22-01-2005 à 16:05:43    

depuis 2 jours j'essaie de me mettre au CSS , pour refaire mes vieux designs :D  
 
je m'doute bien qu'en 2 jours je risque pas de tout connaître seulement là je suis en face d'un paradoxe, mon menu tout bête s'affiche comme je veux sous IE, et pas du tout comme il faut sous firefox ?? [:chacal_one333] (ca doit être le contraire normalement nan ? :D)  
 
 
 
ul.menu1 {
 position: absolute;
 top: 251px;
 left: 16px;
 font-size: 10px;
 text-align: center;
 list-style-type: none;
 background-image: url(menug1.gif);
 padding-top: 1.1cm;
 width: 180px;
 height: 283px;
 }
   ul.menu1 a {
 font-size: 15px;
 font-weight: bolder;
 }
 
rien de compliqué, un menu en texte à base de liste, avec une image en fond qui fait 180x283px , donc j'ai mis ces dimensions en width et height ,  
sous IE ca fait bien ces dimensions , sous firefox c'est beaucoup plus grand :??: (et donc le texte étant aligné au centre , il se décale aussi ... )  
 
 
alors je peux mettre 140 de large, pour que ca fasse 180 comme il faut sous firefox, mais du coup ca fera vraiment 140 sous IE donc pas assez, et ce sera normal :pt1cable:  
 
 
 
pourquoi ?  [:chacal_one333]

Reply

Marsh Posté le 22-01-2005 à 16:05:43   

Reply

Marsh Posté le 22-01-2005 à 16:23:48    

tu n'as pas une url pour voir ce que ca fait ?


---------------
Nos estans firs di nosse pitite patreye...
Reply

Marsh Posté le 22-01-2005 à 16:33:42    

KangOl a écrit :

tu n'as pas une url pour voir ce que ca fait ?


 
j'vais te mettre un exemple en ligne :p
 
http://nick166.free.fr/test/
 
avec firefox on voit bien que la zone est trop grande, et donc le background se répète et le texte part au milieu de la trop grande boite:o  
 
 
(ca vient de page que j'essaie de convertir en css: http://nick166.free.fr/portal )


Message édité par nik166 le 22-01-2005 à 16:34:54
Reply

Marsh Posté le 22-01-2005 à 17:47:18    

vire les ul, mets directement .menu, pour voir ...


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 22-01-2005 à 17:55:21    

pareil! ;)

Reply

Marsh Posté le 22-01-2005 à 18:30:03    

Il faut virer la marge des UL donc dans le CSS  
margin-left: 0px;


---------------
planuldep | Association pêche à la Sempé
Reply

Marsh Posté le 22-01-2005 à 18:33:09    

Flyman30 a écrit :

Il faut virer la marge des UL donc dans le CSS  
margin-left: 0px;


 
 
pas de changement avec firefox  [:bluesbrothers]

Reply

Marsh Posté le 22-01-2005 à 18:42:20    

regarde là tu comrendra mieux ;)
 
http://css.maxdesign.com.au/listamatic/


Message édité par Flyman30 le 22-01-2005 à 18:42:33

---------------
planuldep | Association pêche à la Sempé
Reply

Marsh Posté le 22-01-2005 à 18:53:44    

tu penses à quelque chose en particulier ? :D

Reply

Marsh Posté le 22-01-2005 à 18:56:18    

nik166 a écrit :

tu penses à quelque chose en particulier ? :D


 
Regarde toutes les listes de ce site et tu verra que la marge et le padding left sont à 0px  :D


---------------
planuldep | Association pêche à la Sempé
Reply

Marsh Posté le 22-01-2005 à 18:56:18   

Reply

Marsh Posté le 22-01-2005 à 19:16:04    

Flyman30 a écrit :

Regarde toutes les listes de ce site et tu verra que la marge et le padding left sont à 0px  :D


 
 
ah j'ai pas mis de padding à 0 , j'essaie :D  
 
ca marche :)  
(mais la marge il s'en tape completement :D )  
 
 
par contre j'aurai besoin d'un petit truc en plus :D  
j'ai mis la largeur de la boute à 180 , et le texte en dépassant l'à donc agrandie, y'à un moyen d'eviter ca non ? et cacher ce qui dépasse ou un truc comme ca ?  
 
et y'à moyen de décaler simplement le texte un peu plus sur la gauche ? (à part changer la justification et ajouter des marges/paddings ? )  
 

Reply

Marsh Posté le 22-01-2005 à 19:48:50    

je ne vois pas, il faut tester les différentes solutions  ;)


---------------
planuldep | Association pêche à la Sempé
Reply

Marsh Posté le 22-01-2005 à 20:12:38    

Flyman30 a écrit :

je ne vois pas, il faut tester les différentes solutions  ;)


 
 
ben moi si j'ai pas d'autre suggestion je vis bêtement justifier à gauche et ajouter des paddings, mais je sens que y'à une methode plus courte que j'ignore, je sais pas pourquoi :o  
 
(enfin surtout j'ai pas envie que mon CSS soit 2à3 fois plus lourd que mon ancien htm :D )

Reply

Marsh Posté le 22-01-2005 à 20:15:10    

nik166 a écrit :

ben moi si j'ai pas d'autre suggestion je vis bêtement justifier à gauche et ajouter des paddings, mais je sens que y'à une methode plus courte que j'ignore, je sais pas pourquoi :o  
 
(enfin surtout j'ai pas envie que mon CSS soit 2à3 fois plus lourd que mon ancien htm :D )


 
Tu extérieurise ta feuille de style quand même ?  :ouch:  


---------------
planuldep | Association pêche à la Sempé
Reply

Marsh Posté le 22-01-2005 à 20:27:14    

Flyman30 a écrit :

Tu extérieurise ta feuille de style quand même ?  :ouch:


 
oui mais elle est chargée quand même avec la page :D  alors si ca pèse le triple au total ca m'arrange moyen :p  

Reply

Marsh Posté le 22-01-2005 à 20:35:02    

nik166 a écrit :

oui mais elle est chargée quand même avec la page :D  alors si ca pèse le triple au total ca m'arrange moyen :p


 
Non elle est mise en cache  ;)  et une fois que ça fonctionne rien ne t'empèche de la réduire en utilisant la propriété principal des Cascading Style Sheet c'est-a-dire les propriétés d'héritage  :D  


---------------
planuldep | Association pêche à la Sempé
Reply

Marsh Posté le 22-01-2005 à 20:36:11    

Flyman30 a écrit :

Non elle est mise en cache  ;)


uniquement à partir de la 2eme fois :p

Reply

Marsh Posté le 22-01-2005 à 20:50:09    

nik166 a écrit :

uniquement à partir de la 2eme fois :p


Oui  :o


---------------
planuldep | Association pêche à la Sempé
Reply

Marsh Posté le 23-01-2005 à 01:44:26    

Des fois c'est mieux de comprendre pourquoi il y a un probleme au lieu de donner une eventuelle solution.
 
Voila la raison pour laquelle les deux browser ne produisent pas le meme affichage :
http://openweb.eu.org/articles/dimensions_boites_css/
 
Je te conseille d'ailleurs la lecture de ces excellents sites :
http://openweb.eu.org
http://www.alsacreations.com/articles
 
Avec uniquement ces deux sites tu devrais pouvoir partir avec de bonnes bases pour faire du xhtml et/ou css.

Reply

Marsh Posté le 23-01-2005 à 01:47:20    

Cerel a écrit :

Des fois c'est mieux de comprendre pourquoi il y a un probleme au lieu de donner une eventuelle solution.
 
Voila la raison pour laquelle les deux browser ne produisent pas le meme affichage :
http://openweb.eu.org/articles/dimensions_boites_css/
 
Je te conseille d'ailleurs la lecture de ces excellents sites :
http://openweb.eu.org
http://www.alsacreations.com/articles
 
Avec uniquement ces deux sites tu devrais pouvoir partir avec de bonnes bases pour faire du xhtml et/ou css.


 
ah, j'avais pas le 2eme :hello:

Reply

Sujets relatifs:

Leave a Replay

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