28173 sujets

CSS et mise en forme, CSS3

bonjour tout le monde,

voila je me suis inspiré de ce tuto : http://www.openweb.eu.org/articles/zoom_image/

et je rencontre un probleme car j'ai utilisé la 2ieme méthode pour pouvoir "trompé" Internet Explorer et je me retrouve bien bete car j'ai pour mon site une couleur de fond qu eje ne peux pas enlevé (cahier des charges obliges..)
et je voudrais savoir comment je peux faire en sorte qu'un image de fond soit au dessus d'une autre image de fond ???

quelqu'un aurait il une petite idée .????

merci d'avance
Modifié par bedomon (15 Feb 2006 - 15:57)
Administrateur
bedomon a écrit :
bonjour tout le monde,

voila je me suis inspiré de ce tuto :http://www.openweb.eu.org/articles/zoom_image/[/url]
Attention à l'écriture correcte des URL (l'Aide et la FAQ sont pourtant bien expliquées) Smiley cligne
désolé je ne peux pas pour le moment, d'ici quelque jous ca sera possible mais pas avant (c'est un site commerciale et ayant signé je suis un peux limité).
...

Smiley decu

dans mon css j'ai :
body{
	background:#EFB
}
.zoom{
	width:300px;
	height:270px;
	background-image:url(images/plan/plandelta.jpg)
	background-repeat:no-repeat;
	margin:0 auto;
}
.zoom p, .zoom a{
	height:270px;
	display:block;
	margin:0;
}
.zoom a:hover{
	background-image: url(images/plan/plandelta.jpg);
	background-position:0px -270px;
	background-repeat:no-repeat;
	cursor:pointer;
}


et dans ma page ou le zoom doit etre fait j'ai ceci:
<div class="zoom">
	<p>
		<a href="#" title="plan de delta"></a>
	</p>
</div>

je ne sait pas du tout comment faisre pour y remedier car la technique sous FF fonctionne mais le probleme est que le public visé par le site tourne principalement sous IE...
Modifié par bedomon (15 Feb 2006 - 10:29)
ca marche........ Smiley ola

en fait j'ai attribué une classe a la balise body au lieu de la définir directement, et je lui est rajouter un attribut z-index:
.bodycolor{
	background:#EFB;
	z-index:-1;


et dans la partie css du zoom de l'image il faut mettre l'adresse absolue pour acceder a l'image