28172 sujets

CSS et mise en forme, CSS3

.placeLogo .droite{
	background: url(images/fondCOMPTE.png) no-repeat;
	float:right;
	width:432px;
	height:85px;
	margin-top:32px;
	padding-left:10px;
	margin-right:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.droite .menu{
	float:left;
	width:415px;
	height:18px;
	padding-left:18px;
}
.droite .menu ul{
	padding:0px;
	margin:0px;
}
.droite .menu ul li{
	float:left;
	list-style:none;
	padding:0px;
	margin-left:1px;

}
.droite .menu ul li a{
	background:url(images/FondBtnMenu.png) no-repeat;
	width:98px;
	height:18px;
	display:block;
	font-size:10px;
	text-decoration:none;
	color:#000;
	text-align:center;
	line-height:20px;
	margin-right:2px;
}
.menu .compte{
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	padding-right:15px;
	
}
.menu .compte a{
	color:#FFF;
	text-decoration:none;
	line-height:20px;
	font-size:12px;
}

.droite .menu ul li a:hover{
	background:url(images/fondBtnMenuHover.png) no-repeat;
	color:#FFF;
}


et voici le html :

	<div class="placeLogo">     	
          		<div class="droite">
                   		<div class="menu">
                        	     						                           
            				<ul>
        						<li ><a href="">Ajouter aux favoris</a></li>
            		 			<li ><a href="">Nos engagements</a></li>
             					<li ><a href="">Qui sommes-nous?</a></li>
   	   			 			</ul>
                            <p class="compte"><a href="">Mon compte</a></p>
            			</div>
            		<div class="txt">Bonjour, bienvenue sur Restomalin, identifiez vous pour accéder à vos favoris</div>
                
                	<div class="champs">
                	<label id="login">Login </label><input name="login" type="text" size="6" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            		<label id="pass">password </label><input name="pass" type="password" size="6" />
            		</div>
            		<div class="btnOK"><a href=""><img src="images/btnOkrecherche.png" width="24" height="24" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=""><img src="images/btnPasInscrit.png" width="104" height="24" /></a>
                    </div>
                     
            	</div>
        
    	</div>


et ici en local, les fond du menu s'affiche mais en ligne rien....
juste le survol suf FF et la couleur due la police au survol sur IE.

Merci de votre aide , c'est sympa

Francess
Salut,

Ce doit être un problème de chemin vers les fichiers qui doti se faire à partir de ton CSS, tu as une page en ligne qu'on puisse constater le problème ?
oui ici :
http://madaweb.fr/francesca/resto

le plus bizar aussi c'est qu'en local ça marche.
et le BG est appeler avec CSS dans
.droite .menu ul li a{ 
    background:url(images/FondBtnMenu.png) no-repeat; 
    width:98px; 
    height:18px; 
    display:block; 
    font-size:10px; 
    text-decoration:none; 
    color:#000; 
    text-align:center; 
    line-height:20px; 
    margin-right:2px; 
} 


Francess
Heu... pour moi les images (dégradé gris) s'affichent bien Smiley rolleyes

Essais de vider le cache de ton navigateur pour voir...
bjr, ouiii....
j'ai pu rectifier hier mm déjà.
Merci pour les réponses

en fai il fallait mettre juste une positon bottom au BG... et pooff c'etait bon.

à+
Francess