Petit probleme CSS
Résolu
flibouk
Messages postés
102
Statut
Membre
-
epsiloneIB Messages postés 134 Statut Membre -
epsiloneIB Messages postés 134 Statut Membre -
Bonjour,
Débutant dans le CSS, j'ai créé un css qui en gros donne une page contenant 5 morceaux haut de page, coté droit coté gauche, pied et centre.
Mon problème est quand j'insère mes données dans le centre le coté doit descend !
div {
text-align:center;
}
div#bandeau {
margin-left: -10px ;
margin-top : -15px;
width:981px;
height:249px;
background-color:#BADFCD;
background-image:url(Image2.jpg);
}
div#titre {
margin-left: 229px ;
margin-top : 191px;
width:573px;
height:58px;
background-color:#BADFCD;
background-image:url(titreaccueil.jpg);
}
div#menu {
margin-left: -10px ;
float:left;
width:258px;
height:453px;
background-color:##BADFCD;
background-image:url(3.jpg);
}
div#blocnews {
margin-left: 916px ;
margin-top:-16px;
width:55px;
height:481px;
background-color:##BADFCD;
background-image:url(image_013.jpg);
}
div#pied_page {
margin-left: 245px ;
width:680px;
height: 25px;
background-color:#BEDEC7;
}
mon code html :
<div id="bandeau">
<div id="titre"></div>
</div>
<div id="menu"></div>
<div id="contenu"></div>
blablablabla
<div id="blocnews"></div>
<div id="pied_page"></div>
Donc je veux inscrire des info (blablabla) au centre de la page sans que blocnews bouge !
comment faire ?
merci de m'aider
Débutant dans le CSS, j'ai créé un css qui en gros donne une page contenant 5 morceaux haut de page, coté droit coté gauche, pied et centre.
Mon problème est quand j'insère mes données dans le centre le coté doit descend !
div {
text-align:center;
}
div#bandeau {
margin-left: -10px ;
margin-top : -15px;
width:981px;
height:249px;
background-color:#BADFCD;
background-image:url(Image2.jpg);
}
div#titre {
margin-left: 229px ;
margin-top : 191px;
width:573px;
height:58px;
background-color:#BADFCD;
background-image:url(titreaccueil.jpg);
}
div#menu {
margin-left: -10px ;
float:left;
width:258px;
height:453px;
background-color:##BADFCD;
background-image:url(3.jpg);
}
div#blocnews {
margin-left: 916px ;
margin-top:-16px;
width:55px;
height:481px;
background-color:##BADFCD;
background-image:url(image_013.jpg);
}
div#pied_page {
margin-left: 245px ;
width:680px;
height: 25px;
background-color:#BEDEC7;
}
mon code html :
<div id="bandeau">
<div id="titre"></div>
</div>
<div id="menu"></div>
<div id="contenu"></div>
blablablabla
<div id="blocnews"></div>
<div id="pied_page"></div>
Donc je veux inscrire des info (blablabla) au centre de la page sans que blocnews bouge !
comment faire ?
merci de m'aider
A voir également:
- Petit probleme CSS
- Trier du plus petit au plus grand excel - Guide
- Petit 2 ✓ - Forum Windows
- Petit point vert snap ✓ - Forum Snapchat
- Petit 3 ✓ - Forum Word
- Comment imprimer une photo en petit ✓ - Forum Photo numérique
5 réponses
Bonjour,
Ja'i essayé ton code avec des images à moi, ça marche bien.
Ton blocnews reste bien à droite!
Sinon, explique!
Epsilone
Ja'i essayé ton code avec des images à moi, ça marche bien.
Ton blocnews reste bien à droite!
Sinon, explique!
Epsilone
Moi je te conseille d'utiliser les tableaux : <TABLE>
Sinon ça, ajoute un petit SPAN, j'ai essayé avec et ça marche nickel :
<div id="bandeau">
<div id="titre"></div>
</div>
<div id="menu"></div>
<div id="contenu">
<SPAN style="width:590; height:390; display:block;position: absolute; top:100 px; left: 30 px;overflow: auto;scrollbar-base-color: #FF9933;scrollbar-arrow-color:#313996;">
<p>dzadzadada
aaaaaaaaaaaaaaa</p>
<p>dazd</p>
<p>zdad</p>
<p>azdzad</p>
<p> </p>
</SPAN>
</div>
<div id="blocnews"></div>
<div id="pied_page"></div>
Biensur, tu modifies le height et le width de ton SPAN.
Bon courage!
Epsilone
Sinon ça, ajoute un petit SPAN, j'ai essayé avec et ça marche nickel :
<div id="bandeau">
<div id="titre"></div>
</div>
<div id="menu"></div>
<div id="contenu">
<SPAN style="width:590; height:390; display:block;position: absolute; top:100 px; left: 30 px;overflow: auto;scrollbar-base-color: #FF9933;scrollbar-arrow-color:#313996;">
<p>dzadzadada
aaaaaaaaaaaaaaa</p>
<p>dazd</p>
<p>zdad</p>
<p>azdzad</p>
<p> </p>
</SPAN>
</div>
<div id="blocnews"></div>
<div id="pied_page"></div>
Biensur, tu modifies le height et le width de ton SPAN.
Bon courage!
Epsilone
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
que je tape du texte la bar de droite descend au fur et a mesure tu voi la différence de couleur sur la page entre l'image de fond et la barre de droite