menu en CSS, ok sous IE, caca sous firefox ???? - HTML/CSS - Programmation
Marsh Posté le 22-01-2005 à 16:23:48
tu n'as pas une url pour voir ce que ca fait ?
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
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
(ca vient de page que j'essaie de convertir en css: http://nick166.free.fr/portal )
Marsh Posté le 22-01-2005 à 17:47:18
vire les ul, mets directement .menu, pour voir ...
Marsh Posté le 22-01-2005 à 18:30:03
Il faut virer la marge des UL donc dans le CSS
margin-left: 0px;
Marsh Posté le 22-01-2005 à 18:33:09
Flyman30 a écrit : Il faut virer la marge des UL donc dans le CSS |
pas de changement avec firefox
Marsh Posté le 22-01-2005 à 18:42:20
regarde là tu comrendra mieux
http://css.maxdesign.com.au/listamatic/
Marsh Posté le 22-01-2005 à 18:56:18
nik166 a écrit : tu penses à quelque chose en particulier ? |
Regarde toutes les listes de ce site et tu verra que la marge et le padding left sont à 0px
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 |
ah j'ai pas mis de padding à 0 , j'essaie
ca marche
(mais la marge il s'en tape completement )
par contre j'aurai besoin d'un petit truc en plus
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 ? )
Marsh Posté le 22-01-2005 à 19:48:50
je ne vois pas, il faut tester les différentes solutions
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
(enfin surtout j'ai pas envie que mon CSS soit 2à3 fois plus lourd que mon ancien htm )
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 |
Tu extérieurise ta feuille de style quand même ?
Marsh Posté le 22-01-2005 à 20:27:14
Flyman30 a écrit : Tu extérieurise ta feuille de style quand même ? |
oui mais elle est chargée quand même avec la page alors si ca pèse le triple au total ca m'arrange moyen
Marsh Posté le 22-01-2005 à 20:35:02
nik166 a écrit : oui mais elle est chargée quand même avec la page alors si ca pèse le triple au total ca m'arrange moyen |
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
Marsh Posté le 22-01-2005 à 20:36:11
ReplyMarsh Posté le 22-01-2005 à 20:50:09
nik166 a écrit : uniquement à partir de la 2eme fois |
Oui
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.
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. |
ah, j'avais pas le 2eme
Marsh Posté le 22-01-2005 à 16:05:43
depuis 2 jours j'essaie de me mettre au CSS , pour refaire mes vieux designs
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 ?? (ca doit être le contraire normalement nan ? )
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
pourquoi ?