28173 sujets

CSS et mise en forme, CSS3

Bonjour à toutes et à tous ! Première fois que je fais appel à vous avant mon prochain suicide !!! Je croyais être sur le point de finir la page mais hélas…. !!!! Petit soucis de z-index ? J’ai évidement cherché sur le forum mais je n’ai pas trouvé la bonne réponse…alors si vous voulez bien m’aider je vous en remercie d’avance.
Voici le problème : J’aurais voulu qu’au survol du titre (david lista) la « grille » qui apparaît le fasse devant l’image et pas derrière, sur firefox cela fonctionne mais pas sur IE6 ou IE7. Hors cette « grille » elle est contenu en background d’un a:hover et pas dans une balise span, car elle doit contenir le titre et constituer à son tour un lien.



Voici www.davidlista.com

Et son CSS:


* {margin: 0px;}


body {
	background: url(../images/trama1.gif) repeat-y;
	font-family:"Courier New";	
	}

#conteneur {
	position: absolute;
	left: 50%;
	margin-left:-550px;
	width: 1100px;
	height: 3000px;
	background-color:#FFFFFF;
	}

#header {
	position:absolute;
	width:1100px;
	height: 105px;
	}

#footer {
	position:absolute;
	top: 645px;
	left:0px;
	height: 20px;
	width: 370px;
	}

/*_______________________________________________________________________titre (david lista)*/

#titulo {
	position: relative;
	left: -3px;
	top: 65px;
	padding-left: none;
	height: 40px;
	}

#titulo a {
	position: absolute;
	font-family: "Courier New", Courier, monospace;
	font-size: 220%;
	text-decoration: none;
	font-weight: 500;
	width: 700px;
	color: #000000;
	}

#titulo a:hover {
	background-image: url(../images/trama1.gif);
	color: #FF0000;
	width: 973px;
	height: 557px;
	z-index: 1000;
	}

#titulo a:active {
	color:#FFFFFF;
	}


/*______________________________________________________________________contenu*/

	
#contenu {
	position: absolute;
	top:155px;
	left:371px;
	width:730px;
	height:510px;
	background-image: url(../images/trama1.gif);
	}
	
#contenu img{
	z-index: 1;
	}


Modifié par sonatures (29 Aug 2007 - 19:17)
Salut,

Il te suffisait d'éditer ton message initial pour ajouter l'adresse, au lieu de faire une réponse supplémentaire ou d'ouvrir un autre sujet (que j'ai supprimé).

Le lien n'apparaissait pas car tu n'avais pas mis d'intitulé à ton lien, ce que j'ai fait. Smiley cligne