28173 sujets

CSS et mise en forme, CSS3

Salut à tous

alors voila j'ai un probléme.
sur mon site il y a dans menu.css un margin-left:-20px; pour faire resortir le menu mais IE coupe le menu de 20px au lieu de le decaler.

quelqun pourrait m'aider ?

merci Smiley biggrin
Salut,

un bout de code "propre" ou un exemple en ligne serait bienvenue ; )

Tu peux déclarer "en double" pour IE, de cette manière :


margin: 0 0 0 -20px !important;
margin: 0 5px 0 40px ;


IE prend en compte la deuxième ligne uniquement...

Si ça peut t'aider...
Le décalage d'un élément se fait théoriquement plutôt avec le positionnement relatif :
position: relative;
left: -20px;

À noter cependant que les vingt pixels laissés libres à droite ne pourront pas être remplis par des éléments en flux (en positionnement statique -- c'est à dire normal -- ou flottants).
franchement bravo a vous deux Smiley cligne

par contre maintenant j'ai sa comme code :

#top
{
	padding-top:7px;
}

#barre_nav
{
	width:700px;
	margin:auto;
	text-align:left;
	border:1px solid #ededed;
	background:#fdfcfc;
	padding:0px 20px;
}

#barre_nav input
{
	border:1px solid #d0cfcf;
	background:#f9f5f5;
	color:#0a0a57;
	margin:4px 2px;
}

#barre_nav span
{
	display:block;
	float:right;
	position:relative;
	bottom:23px;
}


code html :

<div id="top">
    <div id="barre_nav">
	<form name="connection" method="POST" action="index.php?page=ici_ladresse_de_la_page">
		<img src="design/rechercher.gif" alt="recherche" /><input type="text" name="recherche" /><input type="submit" value="GO" />
	</form>
	<span><img src="design/vous_etes_sur.gif" alt="location" /><?php echo $_GET['page'];?></span>
    </div>
  </div>



le probléme c'est que maintenant mon tableau est au dessus de ma banniere c'est comme si le logo de ce forum était en plein milieu du texte accueil Smiley confus

merci d'avance de l'aide Smiley cligne
Modifié par eragon77 (22 Aug 2006 - 00:50)