CSS problème code
lilburrows
Messages postés
690
Statut
Membre
-
lilburrows Messages postés 690 Statut Membre -
lilburrows Messages postés 690 Statut Membre -
Bonsoir à tous.
Je débute le CSS et j'aurais besoin de votre aide pour créer ma boîte (avec images haut, bas et milieu).
Tout est bon sauf le milieu qui ne s'applique pas. Voyez par vous même :
http://urbanrevolution.chez.com/accueil.html
J'aimerais savoir ce qui ne va pas et si vous le voulez bien, apporter une correction à mon code.
Merci
Je débute le CSS et j'aurais besoin de votre aide pour créer ma boîte (avec images haut, bas et milieu).
Tout est bon sauf le milieu qui ne s'applique pas. Voyez par vous même :
http://urbanrevolution.chez.com/accueil.html
J'aimerais savoir ce qui ne va pas et si vous le voulez bien, apporter une correction à mon code.
Merci
A voir également:
- CSS problème code
- Code ascii - Guide
- Code puk bloqué - Guide
- Comment déverrouiller un téléphone quand on a oublié le code - Guide
- Code activation windows 10 - Guide
- Code blocks - Télécharger - Langages
31 réponses
Bonsoir,
Avec ceci, ça ne va pas mieux ?
Cordialement,
Avec ceci, ça ne va pas mieux ?
<div class="boite">
<h2>Blabla</h2>
<div class=".p1">
<p>rthrthrt rthrthtrh rt rthtrh re ht rthrthrt rthrthtrh rt rthtrh re htrthrthrt rthrthtrh rt rthtrh re htrthrthrt rthrthtrh rt rthtrh re htrthrthrt rthrthtrh rt rthtrh re ht</p>
<p>rthrthrt rthrthtrh rt rthtrh re ht rthrthrt rthrthtrh rt rthtrh re htrthrthrt rthrthtrh rt rthtrh re htrthrthrt rthrthtrh rt rthtrh re htrthrthrt rthrthtrh rt rthtrh re ht</p>
</div>
<h3>...</h3>
</div>
et avec le css suivant :
.p1 {
margin: 0;
width: 800px;
20px 20px 5px 20px
background: transparent url(images/tableau/milieu.png) repeat-y;
background-position: center center;
text-align: center;
}
.p1 p {
margin: 1em 20px;
text-align: justify;
}
Cordialement,
C logik :
Essaye ca :
<div class="boite">
<h2>Blabla</h2>
<div class="boite p1">
<p>rthrthrt rthrthtrh rt rthtrh re ht rthrthrt rthrthtrh rt rthtrh re htrthrthrt rthrthtrh rt rthtrh re htrthrthrt rthrthtrh rt rthtrh re htrthrthrt rthrthtrh rt rthtrh re ht</p>
<p>rthrthrt rthrthtrh rt rthtrh re ht rthrthrt rthrthtrh rt rthtrh re htrthrthrt rthrthtrh rt rthtrh re htrthrthrt rthrthtrh rt rthtrh re htrthrthrt rthrthtrh rt rthtrh re ht</p>
</div>
<h3>...</h3>
</div>
Ou sinon au pire ca :
<div class="boite">
<h2>Blabla</h2>
<p>rthrthrt rthrthtrh rt rthtrh re ht rthrthrt rthrthtrh rt rthtrh re htrthrthrt rthrthtrh rt rthtrh re htrthrthrt rthrthtrh rt rthtrh re htrthrthrt rthrthtrh rt rthtrh re ht</p>
<p>rthrthrt rthrthtrh rt rthtrh re ht rthrthrt rthrthtrh rt rthtrh re htrthrthrt rthrthtrh rt rthtrh re htrthrthrt rthrthtrh rt rthtrh re htrthrthrt rthrthtrh rt rthtrh re ht</p>
<h3>...</h3>
</div>
Mais je pense que le premier est plus celui ke tu recherche ..
Essaye ca :
<div class="boite">
<h2>Blabla</h2>
<div class="boite p1">
<p>rthrthrt rthrthtrh rt rthtrh re ht rthrthrt rthrthtrh rt rthtrh re htrthrthrt rthrthtrh rt rthtrh re htrthrthrt rthrthtrh rt rthtrh re htrthrthrt rthrthtrh rt rthtrh re ht</p>
<p>rthrthrt rthrthtrh rt rthtrh re ht rthrthrt rthrthtrh rt rthtrh re htrthrthrt rthrthtrh rt rthtrh re htrthrthrt rthrthtrh rt rthtrh re htrthrthrt rthrthtrh rt rthtrh re ht</p>
</div>
<h3>...</h3>
</div>
Ou sinon au pire ca :
<div class="boite">
<h2>Blabla</h2>
<p>rthrthrt rthrthtrh rt rthtrh re ht rthrthrt rthrthtrh rt rthtrh re htrthrthrt rthrthtrh rt rthtrh re htrthrthrt rthrthtrh rt rthtrh re htrthrthrt rthrthtrh rt rthtrh re ht</p>
<p>rthrthrt rthrthtrh rt rthtrh re ht rthrthrt rthrthtrh rt rthtrh re htrthrthrt rthrthtrh rt rthtrh re htrthrthrt rthrthtrh rt rthtrh re htrthrthrt rthrthtrh rt rthtrh re ht</p>
<h3>...</h3>
</div>
Mais je pense que le premier est plus celui ke tu recherche ..
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bonjour,
Quand tu écrit ".boite p1 {...}" ça veut dire "applique le style suivant aux balises p1 qui est à l'intérieur des balises qui contiennent la classe boite"
Et
Quand tu écrit "<div class="boite p1">" ça veut dire "applique le style de la classe "boite" et de la classe "p1"
Je te suggère :
".boite_p1 {...}"
"<div class="boite_p1">"
De plus pour mettre un alignement centrale avec le margin ce n'est pas "margin : 0" mais "margin : auto"
Quand tu écrit ".boite p1 {...}" ça veut dire "applique le style suivant aux balises p1 qui est à l'intérieur des balises qui contiennent la classe boite"
Et
Quand tu écrit "<div class="boite p1">" ça veut dire "applique le style de la classe "boite" et de la classe "p1"
Je te suggère :
".boite_p1 {...}"
"<div class="boite_p1">"
De plus pour mettre un alignement centrale avec le margin ce n'est pas "margin : 0" mais "margin : auto"
Merci à tous de m'avoir répondu mais en essayant toutes vos techniques aucune d'elle ne parvient à mettre ma boite dans le droit chemin. D'autres idées ?
Ps : Je sais Psyk974 c'est pour cela qu'à l'entrée de mon site il y a indiqué "optimisé pour firefox"
Ps : Je sais Psyk974 c'est pour cela qu'à l'entrée de mon site il y a indiqué "optimisé pour firefox"
Bonjour, j'ai essayé tout vos conseils mais rien ne marche mais au moins le texte s'est centré !
http://urbanrevolution.chez.com/accueil.html
Mais toujours pas d'affichage du milieu
http://urbanrevolution.chez.com/accueil.html
Mais toujours pas d'affichage du milieu
bonjour,
je souhaiterai essayer de faire la même chose sur un site personnel que je suis entrain de réaliser donc j'aimerais savoir s'il es possible que vous m'envoyer les images (haut, milieu bas) ?? Si oui, envoyer moi un MP.
Merci d'avance!!
je souhaiterai essayer de faire la même chose sur un site personnel que je suis entrain de réaliser donc j'aimerais savoir s'il es possible que vous m'envoyer les images (haut, milieu bas) ?? Si oui, envoyer moi un MP.
Merci d'avance!!
j'aurais besoin de votre aide pour créer ma boîte (avec images haut, bas et milieu).
Car si je comprend bien par là, ces images lui permet de faire le "cadre"?? et donc j'aimerai essayer d'en faire un comme ça.
Car si je comprend bien par là, ces images lui permet de faire le "cadre"?? et donc j'aimerai essayer d'en faire un comme ça.
Ah tu veux faire un cadre ???
Pour pouvoir structuré ton site, c a d (centre bas de page, haut de page etc ....) ???
Pour pouvoir structuré ton site, c a d (centre bas de page, haut de page etc ....) ???
non, je souhaite faire un cadre assez jolie pour mon menu (menu sera composé d'hyperlien).
J'ai un site avec une image, et du côté gauche de l'image, je souhaiterai y insérer les liens (menu du site) dans un jolie cadre et du côté droit de l'image j'ai un petit texte sympatique.
J'ai un site avec une image, et du côté gauche de l'image, je souhaiterai y insérer les liens (menu du site) dans un jolie cadre et du côté droit de l'image j'ai un petit texte sympatique.
ah ok ben dsl moi je sais faire d cadre simple et ensuite moi jajoute ben des images ke je trouve sdur le net c tout.. dsl !!!
ok.
Pas grave t'inquiète.
Mais les cadres simples c'est bien avec la balise <frame> ?? car lorsque j'ai essayé hier soir, cela ne fonctionné pas.
Pas grave t'inquiète.
Mais les cadres simples c'est bien avec la balise <frame> ?? car lorsque j'ai essayé hier soir, cela ne fonctionné pas.
Euh non enfaite moi dans mon CSS je fait par exemple kom ca :
#centre
{
width:780px;
border:2px solid black;
height:440px;
overflow: auto;
padding-left:10;
padding-right:10;
background: rgb(233, 233, 233);
}
Et dans la page html je fais un <div id="centre"> ..... et là je mets tout ce que je veux dedans </div>
#centre
{
width:780px;
border:2px solid black;
height:440px;
overflow: auto;
padding-left:10;
padding-right:10;
background: rgb(233, 233, 233);
}
Et dans la page html je fais un <div id="centre"> ..... et là je mets tout ce que je veux dedans </div>
Ok.
Merci pour ce renseignement. J'essayerai cela ce soir pour voir ce que cela me donne et donc si cela me plait.
:)
Merci pour ce renseignement. J'essayerai cela ce soir pour voir ce que cela me donne et donc si cela me plait.
:)
