CSS problème code

Fermé
lilburrows Messages postés 643 Date d'inscription samedi 26 mai 2007 Statut Membre Dernière intervention 24 avril 2012 - 12 févr. 2009 à 18:38
lilburrows Messages postés 643 Date d'inscription samedi 26 mai 2007 Statut Membre Dernière intervention 24 avril 2012 - 19 févr. 2009 à 07:08
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
A voir également:

31 réponses

  • 1
  • 2
Réponse 1 / 31
lilburrows Messages postés 643 Date d'inscription samedi 26 mai 2007 Statut Membre Dernière intervention 24 avril 2012 61
12 févr. 2009 à 18:56
UP
0
Réponse 2 / 31
Marco la baraque Messages postés 996 Date d'inscription vendredi 9 mai 2008 Statut Contributeur Dernière intervention 5 novembre 2009 329
13 févr. 2009 à 03:11
Bonsoir,
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,
0
Réponse 3 / 31
974_Vin's_974 Messages postés 547 Date d'inscription vendredi 23 janvier 2009 Statut Membre Dernière intervention 19 février 2009 102
13 févr. 2009 à 04:53
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 ..
0
Réponse 4 / 31
Psyk974 Messages postés 551 Date d'inscription lundi 2 février 2009 Statut Membre Dernière intervention 30 mars 2010 51
13 févr. 2009 à 06:20
Fait gaffe avec tes images PNG, cela pose problème sur IE ;)

0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 31
Azer_Ty Messages postés 104 Date d'inscription vendredi 31 octobre 2008 Statut Membre Dernière intervention 4 juillet 2011 60
13 févr. 2009 à 09:45
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"
0
Réponse 6 / 31
lilburrows Messages postés 643 Date d'inscription samedi 26 mai 2007 Statut Membre Dernière intervention 24 avril 2012 61
13 févr. 2009 à 18:48
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"
0
Psyk974 Messages postés 551 Date d'inscription lundi 2 février 2009 Statut Membre Dernière intervention 30 mars 2010 51
14 févr. 2009 à 06:11
ce n'est pas plutôt margin : 0 auto 0 auto; qu'il faut mettre ;) ?
0
Réponse 7 / 31
lilburrows Messages postés 643 Date d'inscription samedi 26 mai 2007 Statut Membre Dernière intervention 24 avril 2012 61
14 févr. 2009 à 20:07
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
0
Réponse 8 / 31
lilburrows Messages postés 643 Date d'inscription samedi 26 mai 2007 Statut Membre Dernière intervention 24 avril 2012 61
16 févr. 2009 à 03:47
Up !
Aucun bon codeur sur CCM ?!!
Ca m'étonne...
0
Réponse 9 / 31
974_Vin's_974 Messages postés 547 Date d'inscription vendredi 23 janvier 2009 Statut Membre Dernière intervention 19 février 2009 102
16 févr. 2009 à 04:52
Ta réussi ou pas ???

0
Réponse 10 / 31
loicDu28 Messages postés 332 Date d'inscription dimanche 11 janvier 2009 Statut Membre Dernière intervention 2 février 2016 53
16 févr. 2009 à 09:56
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!!
0
Réponse 11 / 31
974_Vin's_974 Messages postés 547 Date d'inscription vendredi 23 janvier 2009 Statut Membre Dernière intervention 19 février 2009 102
16 févr. 2009 à 09:59
Quelles images ????

0
Réponse 12 / 31
loicDu28 Messages postés 332 Date d'inscription dimanche 11 janvier 2009 Statut Membre Dernière intervention 2 février 2016 53
16 févr. 2009 à 10:04
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.
0
Réponse 13 / 31
974_Vin's_974 Messages postés 547 Date d'inscription vendredi 23 janvier 2009 Statut Membre Dernière intervention 19 février 2009 102
16 févr. 2009 à 10:09
Ah tu veux faire un cadre ???

Pour pouvoir structuré ton site, c a d (centre bas de page, haut de page etc ....) ???
0
Réponse 14 / 31
loicDu28 Messages postés 332 Date d'inscription dimanche 11 janvier 2009 Statut Membre Dernière intervention 2 février 2016 53
16 févr. 2009 à 10:14
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.
0
Réponse 15 / 31
974_Vin's_974 Messages postés 547 Date d'inscription vendredi 23 janvier 2009 Statut Membre Dernière intervention 19 février 2009 102
16 févr. 2009 à 10:19
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 !!!

0
Réponse 16 / 31
loicDu28 Messages postés 332 Date d'inscription dimanche 11 janvier 2009 Statut Membre Dernière intervention 2 février 2016 53
16 févr. 2009 à 10:20
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.
0
Réponse 17 / 31
974_Vin's_974 Messages postés 547 Date d'inscription vendredi 23 janvier 2009 Statut Membre Dernière intervention 19 février 2009 102
16 févr. 2009 à 10:28
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>

0
Réponse 18 / 31
loicDu28 Messages postés 332 Date d'inscription dimanche 11 janvier 2009 Statut Membre Dernière intervention 2 février 2016 53
16 févr. 2009 à 10:31
Ok.

Merci pour ce renseignement. J'essayerai cela ce soir pour voir ce que cela me donne et donc si cela me plait.

:)
0
Réponse 19 / 31
974_Vin's_974 Messages postés 547 Date d'inscription vendredi 23 janvier 2009 Statut Membre Dernière intervention 19 février 2009 102
16 févr. 2009 à 10:33
ok ;)

Et si tu ve mettre une image dedan en fon décran tu rajoute

background: url("images/fond_decran.png")no-repeat top center;

Et si tu veux enlevé les bordures noirs autour du cadre tu enleve le "border:2px....."


0
Réponse 20 / 31
loicDu28 Messages postés 332 Date d'inscription dimanche 11 janvier 2009 Statut Membre Dernière intervention 2 février 2016 53
16 févr. 2009 à 10:38
ok, merci pour ces informations.

Si je met pas de fond, le fond de la page reste même à l'intérieur du cadre??

cordialement
0

Discussions similaires

sertissage des cables rj45
lekludo -
brupala -

7 réponses
Code de renvoi d'appel : Ooredo, Mobilis...
midoou07 -
Camille -

13 réponses
Réinitialisation d'un téléphone mobile chinois avec touche
Nadjitam -
Papounet17000 -

1 réponse