28220 sujets

CSS et mise en forme, CSS3

Problème menu horizontal

Hello les cssiens,

Voilà, pour le site d'une entreprise (site - css), j'ai choisi un menu horizontal tout ce qu'il y a de plus classique, des catégories qui au passage de la souris passent à une autre très jolie couleur Smiley biggrin

Il passe niquel sous firefox, mais sous Opera et IE, un padding en haut des catégories persiste, j'ai essayé d'arranger ça avec un padding négatif (c'est pas très propre mais je suis pas encore un crack du css), mais y a aucun changement Smiley ohwell

J'ai donc contourner le problème en mettant un padding égal en bas pour que ce soit en quelques sortes "équilibré", mais j'aimerais quand même avoir le même rendu partout Smiley smile

Au passage, si l'un de vous pouvais tester sous Safari, IE mac, ou Konqueror (en gros quelqu'un de très sympa qui a du temps à perdre ^^), je refuserais pas...

Merci d'avance,
Nights
Salut !!!

Tu dis avoir une différence d'affichage, mais pourquoi cette première ligne ?

* html #menu { padding-top: 17px; padding-bottom: 0px; }
#menu ul { margin-left: 0; padding-left: 0; white-space: nowrap; }
#menu li { display: inline; list-style-type: none; }
#menu a { color: #fff; padding: 7px 18px; }
#menu a:link, #navlist a:visited { color: #fff; background-color: #626262; text-decoration: none; }
#menu a:hover { color: #fff; background-color: #036; text-decoration: none; }

Ensuite, list-style-type s'applique à <ul>, white-space: nowrap ne fonctionne pas avec IE, en plus je vois pas son utilité.
Modérateur
bonjour,
essai plutot de charger ton fichier css de cette façon :

<style type="text/css" media="screen">
@import url("http://angelmax.webdynamit.net/gpservices/design/style.css");
</style>

et tout devrait rentré dans l'ordre Smiley smile .<edit> tester pour opera 7.54 et IE 6, merci igor de nous rappeler ce lien tres tres interessant .

a plus
Modifié par gcyrillus (31 Oct 2005 - 00:25)
gcyrillus a écrit :
bonjour,
essai plutot de charger ton fichier css de cette façon :

<style type="text/css" media="screen">
@import url("http://angelmax.webdynamit.net/gpservices/design/style.css");
</style>

et tout devrait rentré dans l'ordre Smiley smile .

a plus


Avec les parenthèses çà devrait rentrer dans l'ordre... chez certains agents utilisateurs. Toutefois l'absence de guillemets, leur présence et leur forme (double ou simple) peut avoir une importance qu'il faut mesurer:
http://forum.alsacreations.com/topic.php?tid=6312&fid=4&p=1#p55007
Sujet clos
Aller à