28173 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai quelques souci avec mes css sur la page que je fait en ce moment. C'est le site http://arobasetutorial.free.fr

Je vous met le détail de ma page css :



*{
	padding: 0px;
	margin: 0px;
	text-align: left;
}

div.vide{
	clear: both;
	height: 0px;
	font-size: 0px;
}

body{
	text-align: center;
}

#global1{
	width: 892px;
	margin: auto;
	border-bottom: none;
	border-top: none;
}

#headerglobal{
	width: 892px;
	height: 235px;
	margin: auto;
}

#headergauche{
	background-image: url(images/interface_02x.gif);
	float: left;
	width: 257px;
	height: 235px;
	margin: auto;
	background-repeat: no-repeat;
	background-position: center;
}

#headerdroit{
	background-image: url(images/interface_03x.gif);
	float: right;
	width: 635px;
	height: 235px;
	margin: auto;
	background-repeat: no-repeat;
	background-position: center;
}

#global2{
	width: 892px;
	height: 912px;
}

#globalgauche{
	float: left;
	width: 257px;
	height: 912px;
}

#menugauche1{
	background-image: url(images/interface_06.gif);
	margin-top: 4px;
	display: inline;
	float: left;
	margin-bottom: 4px;
	width: 257px;
	height: 225px; /* cette ligne indique la hauteur du bloc menu */
}

#menugauche2{
	background-image: url(images/interface_06.gif);
	display: inline;
	float: left;
	width: 257px;
	height: 225px; /* cette ligne indique la hauteur du bloc menu */
}

#menugauche3{
	background-image: url(images/interface_17.gif);
	float: left;
	margin-top: 4px;
	margin-bottom: 4px;
	display: inline;
	float: left;
	width: 257px;
	height: 300px; /* cette ligne indique la hauteur du bloc menu */
}

#menugauche4{
	background-image: url(images/interface_19.gif);
	display: inline;
	float: left;
	width: 257px;
	height: 150px; /* cette ligne indique la hauteur du bloc menu */
}

#contenu {
	background-image: url(images/interface_08.gif);
	margin-top: 4px;
	position: absolute;
	left: 316.5px;
	height: 300px;
	width: 443px;
}


#globaldroit{
	float: right;
	width: 184px;
	height: 912px;
}

#menudroite1{
	background-image: url(images/interface_10.gif);
	margin-top: 4px;
	margin-bottom: 4px;
	position: absolute;
	top: 235px;
	float: right;
	display: inline;
	width: 184px;
	height: 300px; /* cette ligne indique la hauteur du bloc menu */
}

#menudroite2{
	background-image: url(images/interface_15.gif);
	display: inline;
	position: absolute;
	top: 300px;
	bottom: 300px;
	float: right;
	width: 184px;
	height: 608px; /* cette ligne indique la hauteur du bloc menu */
}



Je précise que je débute lol et j'ai passer une matinée à essayer de trouver comment mettre ca en place mais sans succès donc je me tourne vers vous pour trouver un peu d'aide.

Je vous remercie par avance pour vos réponses et j'en profite pour féliciter le/les auteurs de ce site et ceux qui le font vivre car c'est une excellente ressource.

Thanks all

Smiley cligne
Modifié par Orphi (31 May 2006 - 00:00)
Excusez moi lol, c'est vrai qu'aprés m'etre relu je n'etait peut etre pas 100 % clair.

Cependant j'ai résolu mon probleme entre temps et mon interface s'affiche comme il faut maintenant.

Merci beaucoup Smiley lol