28173 sujets

CSS et mise en forme, CSS3

bonjour a tous j'ai un menu deroulant et j'aimerai le faire derouler sur le corps de ma page mais je ne trouve pas comment mettre la div du corps en arriere plan qq'un peu t'il maider merci
Bonjour,

Pourrais-tu nous donner une partie de ton code source? De manière générale, une position absolue sur le conteneur de ta liste déroulante devrait faire l'affaire, mais il faudrait voir dans ton cas précis...
div {
		text-align:center;
		}

div#bandeau {
		width:751px;
		height:128px;
		background-color:#FFFFFF;
		}
div#contenu {
		width:751px;
		height:450px;
		background-color:#FFFFFF;	
		}
div#menu {
		width:751px;
		height:125px;
		background-color:#FFFFFF;
		}
div#menudroit {
	float:right;
	width:150px;
	height:150px;
	background-color:#FFFFFF;
	}
div#blocnews {
	
	width:150px;
	height:150px;
	background-color:#FFFFFF;
	}
div#corps {
	text-align:left;
	float:left;
	width:601px;
	height:450px;
	background-color:#FFFFFF;
	}
div#sondage {
	
	width:150px;
	height:250px;
	background-color:#FFFFFF;
	}
body {
 font-family: "Comic Sans MS";
 font-size: 11px;
 background: #FFFFFF  top left no-repeat;
 margin: 0;
 padding: 0;
}


#menuDeroulant
{
	float:top;
	background: #6A6458;
	width: 751px;
	height: 21px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant li
{
	float: left;
	width: 150px;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	height: auto;
	color:#FF9900;
	background: #3B4E77;
	margin: 0;
	padding: 4px 8px;
	border-right: 1px solid #fff;
	text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #F2462E; }
#menuDeroulant li a:active { background-color: #5F879D; }

#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 149px;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	color:#FF9900;
	margin: 0;
	border: 0;
	text-decoration: none;
	background: transparent url("fondTR.png") repeat;
}
#menuDeroulant .sousMenu li a:hover
{
	background-image: none;
	background-color: #F2462E;
}

#menuDeroulant li:hover > .sousMenu { display: block; }
bsketeur a écrit :
voila je vous ai mis ma page css
Et un petit peu d'html aussi peut-être? Smiley ravi

Au passage:
#menuDeroulant

{

	[#red][b]float:top;[/b][/#]

	background: #6A6458;

	width: 751px;

	height: 21px;

	list-style-type: none;

	margin: 0;

	padding: 0;

	border: 0;

}

Cette valeur n'existe pas pour la propriété float.
ce que je veux faire c mettre mon contenu au meme niveau que le menu mais que le menu puisse ce derouler sur le contenu comme je l'ai explique sur mon premier post