27573 sujets

CSS et mise en forme, CSS3

Bonjour, j'ai un problème :
je voudrais que sur mon site, il y ait un arrière-plan de couleur différente que le reste du site, donc faire un sorte de "bandeau" qui enveloppe mon texte et mon logo ; seulement, ma div principale, qui enveloppe les 2 autres (logo + texte), ne les enveloppe pas...
Voici mon code en ...
HTML :
<body>
<div class="div_EnTete">
<span class="span01">
	<div class="BlocTexte01"> <p> Bienvenue sur </p> </div BlocTexte01>
	<div class="BlocLogo01"> <img src="IMG\LogoHD.png" alt="Notes 1 Cies - LOGO" width="520px"> </div>
</span></div>	
</body>


CSS :
.div_EnTete {
	margin: auto;
	width: 100px;
	overflow: auto;
}
.BlocTexte01 {
	color: #212121;
	font-size: 58px;
	margin-top: 77px;
	margin-left: -285px;
	text-align: center;
	position: absolute;
	font-family: "Lobster", "MV Boly", serif, arial;
	background: #fff;
.BlocLogo01 {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	}



Merci !!! Smiley biggrin
Modérateur
Salut,

Rapidement :

</div BlocTexte01>

BlocTexte01 n'a rien à faire ici.

background: #fff;
.BlocLogo01 {

Tu as oublié de fermer l'accolade

<div class="div_EnTete">
<span class="span01">
	<div class="BlocTexte01"> 

Un span ne doit pas entourer une div. Utilise une div plutôt.

position: absolute;

Tu positionnes BlocTexte01 et BlocLogo01 en absolute ce qui les sort du flux et du coup fait que le parent ne les prends pas en compte.

width: 100px;

Attention parceque ton header fait 100px de large, c'est pas bcp...

voila en gros Smiley smile

Voila ton code en virant tout ce qui cloche : https://jsfiddle.net/undless/s41topye/

Bonne soirée