CSS encore et toujours Résolu

Question

Bonjour,  
page de test: 
"supprimée"  ... ( problème résolu , grand merci)
-passe quasiment sur tous les navigateurs (à vérifier si vous pouvez), mais gros bug sur IE5.5 et 6 ... une fois de plus !! 
ne me dîtes pas que IE ... je sais ... je cherche la possibilité de rendre l'affichage compatible sur ces version de IE, même avec un hack s'il le faut, donc grand merci à ceux qui me trouveront la solution ... 

(ps : ne me dîtes pas non plus 'pub', non, ici on est en no-follow, et dans la page concernée les indexations par les robots sont rejetées  ...) 


Configuration: windows xp et vista 
FF et parfois IE

le 'www' est fait aussi pour communiquer, partager et échanger, non ? 
merci d'avoir la politesse de répondre à ceux qui essaient de vous aider

Utilisateur anonyme · Answer

Salut,
tu as ça dans ton CSS :

#menu li {
float : left;
}
#menu a {
display : block;
height : 33px;
margin-right : 1px;
padding : 16px 30px 0 30px;
text-decoration : none;
text-transform : uppercase;
font-family : Georgia, Verdana, Arial, Helvetica, sans-serif;
font-size : 14px;
font-weight : normal;
color : #ffffff;
border : none;
}
#menu a:hover {
text-decoration : underline;
}

est-ce que ça marche avec ça :

#menu li {
float : left;
}
#menu li a {
display : block;
height : 33px;
margin-right : 1px;
padding : 16px 30px 0 30px;
text-decoration : none;
text-transform : uppercase;
font-family : Georgia, Verdana, Arial, Helvetica, sans-serif;
font-size : 14px;
font-weight : normal;
color : #ffffff;
border : none;
}
#menu <code>li

a:hover {
text-decoration : underline;
}

</code>

li a:hover {
text-decoration : underline;
}

bg62 · Answer

aucune différence .... #menu

li  avec et sans "" ...
???

Utilisateur anonyme · Answer

J'ai pas compris là ^^

vincebzh · Answer

Salut. Je n'ai pas de IE6 sous la main (et encore moins de 5.5) donc j'ai testé avec ça : http://ipinfo.info/netrenderer/index.php (je ne sais pas si le rendu est correct, c'est la 1ère fois que je l'utilise).

Si c'est bien ce que je vois, c'est le menu du haut qui déconne, non ?

Essaye en ajoutant un "float: left;" à "#menu li a".

vincebzh · Answer

J'ai essayé IETester mais rien a faire, ça plante sous mon windows 7(et pareil avec multiple IE), c'est pour ça que je préfère passer par des machines virtuelles.

Je pense qu'un "text-align: center" dans le body devrais centrer le tout. Par contre, faut bien faire gaffe a remettre des "text-align" partout où il y a du texte  que tu ne veux pas centrer.

Juste comme ca, la compatibilité IE5.5 est obligatoire ? Sous IE6 je peux comprendre, il est encore beaucoup utilisé, mais du moment que le contenu sois lisible, je ne pense pas que se soit nécessaire de se casser la tête pour a peine 1% des internautes (enfin c'est juste mon avis).

bg62 · Answer

ce que j'aimerai maintenant c'est au niveua du titre en haut à gauche:
avoir le titre principal "imajes"
et en  dessous le reste "design by fonds d'écran"
sur une autre ligne indépendante ... qui va au maximum jusqu'au 'logo' de droite (image)
je pense que le code, la conception de la div 'logo' dans laquelle ça se passe ne doit pas être super ...

vincebzh · Answer

L'avantage avec le CSS, c'est que tu peux avoir un html bien dégueu, tu pourras toujours rectifier le tir (enfin presque).

Je te met le CSS en vrac, la flemme de détailler.

#header {
	position : relative;
	height : 120px;
	width : 970px;
	text-align : left;
	margin : 0 auto;
	background : #fff;
	padding-left: 30px;
}
#logo h1 {
	letter-spacing : -1px;
	text-transform : lowercase;
	font-family : Georgia, "Times New Roman", Times, serif;
	font-size : 64px;
}
#logo p {
	margin : 0;
	padding : 0 34px;
	font : normal 18px Georgia, "Times New Roman", Times, serif;
	font-style : italic;
}

bg62 · Answer

ouf ! et grands mercis :-)
je pense que c'est terminé
si qq veut tester sous d'autres navigateurs ....

CSS encore et toujours

8 réponses

Votre réponse

Discussions similaires