28220 sujets

CSS et mise en forme, CSS3

[résolu, dernier post à voir] Probleme de menu entre I.E. et Firefox

bonsoir,

Je viens de lire la méthodologie générale, et jai peut etre loupé des choses mais bon j'ai un probleme avec mes menus entre firefox et I.E.

si vous pouvez essayer les 2 navigateurs pour cette adresse http://cdt.erea.hostgratos.net/essai et peut etre me donner la solution a mon probleme, cela m'aiderais beaucoup

d'avance merci
Modifié par ganou66 (29 Mar 2005 - 22:45)
c gentil mais ça marche pas cette solution.
d'une part, ça me met des espace noir dans le menu et d'autre part les <br/> apres les <dd> font sauter la validation W3C

merci quand meme
Salutation.
une preuve que la validité du code n'est pas tout hein ? Smiley langue

bon

ce menu n'est pas correct pour plusieurs choses
déjà ... pour faire une menu utilise plutot cette structure:

<ul>
   <li></li>
   <li></li>
</ul>

cette suite de <dd> c'est du pas beaumocheaeviter Smiley biggol
dans ton CSS tu as

.menu {
list-style-type: none;
position: absolute;
left: 0px;
margin: 0 0 0 0;
[b]padding: 5px 0 0 0;[/b]
}

IE interprete ca autrement que le reste du monde, alors forcement ... ca va pas.
dans la mesure du possible utilise le margin.

ensuite ca
<br/><br/><br/><br/><br/><br/><br/>

???

une ptit conseil en passant
vire les images de validation ! .. au moins jusqu'a ce que ton site soit fini !
bonsoir Lorr Hyde,

tu me demande d'utilisiser la methode
<ul>
<li></li>
<li></li>
</ul>

or dans le site, j'utilise un menu étirable. donc je pense que les <DD> sont de rigueur ( mais etant debutant je me trompe peut etre)

Quant au

 <br/><br/><br/><br/><br/><br/><br/><br/>


Ils servent a occuper de l'espace en attendant le texte qu'il y aura dans le site final.

Dis moi si je me trompe a propos du menu.
Merci d'avance
oui je connais ce tuto mais ça ne fonctionne pas dans le cas de mon menu etirable composé de 3 images.
desole
ganou66 a écrit :
oui je connais ce tuto mais ça ne fonctionne pas dans le cas de mon menu etirable composé de 3 images.
desole

...
je ne vois pas trop pourquoi cela ne fonctionnerais pas ?

et inutile d'etre désoler, c'est pas un problème pour moi, mais pour toi
Smiley langue

bon ...
pour composer un menu comme le tien .. et en suivant le tuto. j'ajouterai surement kkch comme ca

<div class="Menu">
	<div class="MenuHaut"></div>
		<ul>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>
	<div class="MenuBas"></div>
</div>

dans le div Menu, je placerait mon fond
dans MenuHaut, l'arondi du haut
et dans MenuBas, Larrondi du bas
bon, je viens de regler mon probleme de la maniere suivante

dans le cas d'un menu etirable fait de 3 images dont celle du milieu de 1px ( voir le tuto de alsacreation), le css est fait comme ceci
dd {
padding: 5px 0 0 10px;
text-align: justify;
height: 1px;
background: url(design/menucentre.gif)  left repeat-y;
}


Comme ceci, ça fonctionne sous I.E.

Pour ce qui est du fonctionnement sous Firefox, j'ai résolu mon probleme comme ceci

dd {
padding: 5px 0 0 10px;
text-align: justify;
[#red]height: 15px;[#black]
background: url(design/menucentre.gif)  left repeat-y;
}


Visiblement Firefox ne veut pas étirer une image de 1px de haut.

Si quelqu'un a une explication a ce probleme, je suis preneur. Je pense egalement que cette solution peut être donner aux débutant comme moi qui tente de devenir des pros du Css Smiley cligne

Sujet clos
Aller à