CSS problème code

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
Configuration: Windows XP
Firefox 3.0.6

31 réponses

Résumé de la discussion

Problème courant en CSS : créer une boite avec une image en haut, un contenu au milieu et un bas, le milieu n'appliquant pas le style attendu malgré les essais proposés. Des réponses privilégient la correction des sélecteurs, notamment en évitant '.boite p1' au profit de '.boite .p1', et proposent de regrouper les styles ou d'utiliser une classe pour le milieu afin de forcer l'application. D'autres explications proposent de renommer les éléments en '.boite_p1' et d'employer une balise div portant cette classe, tout en utilisant 'margin: auto' pour centrer l'ensemble et obtenir l'effet souhaité.

Bobot (l’IA à votre service)
  1. Oui donc il y a Haut.png, Bas.png et ensuite pour les bordures droite et gauche il y a Milieu.png qui se répète en hauteur.
    1. En faite ton cadre, il est composé de plusieurs images, une pour la ligne du bas, une pour la ligen du haut, et pour les deux lignes du coté t'en à une autre ..??? c ça que t'arrive pas à afficher c ca ???

      Et cette image sapel milieu.png c bien ca ??
      Kel est le nom de l'image de la ligne du bas et du haut ??

      1. Non !
        Vous voyez le sommet et le bas de la boite ?
        Et bien elle est crée par des images .png, et pour les bords gauche et droite il y a une image "milieu.png" avant elle s'affichait mais j'avais des problèmes avec le haut et le bas donc j'ai modifié tout mon code et maintenant il me reste à réussir à afficher le milieu.

        J'espère avoir été clair ;p
        1. bonjour,

          je crois si j'ai bien compris, son problème c'est qu'il a une image au centre de son cadre mais elle ne s'affiche pas.

          C'est ça lilburrows??
          1. Tu me parle de la boite arrondi là ???

            Ben je voi des chose dedan moi je vois :

            Blabla

            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

            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

            ???!!
            1. Et bien regarde :

              http://urbanrevolution.chez.com/accueil.html

              Tu vois le milieu de cette "boîte" n'est pas affichée, j'aimerais simplement qu'il s'affiche pour pouvoir écrire mon texte à l'intérieur.
              1. Et moi alors !!!
                C'est fou ça depuis quelques moi personne ne sait répondre à mes questions !
                Pourtant quelqu'un qui connaît bien le langage CSS devrait facilement trouver la solution.
                Enfin il faut croire que même à travers le net ma gueule n'inspire pas confiance...
                Pourquoi moi :'(

                Non aller serieusement, personne n'as une idée ? :)
                1. 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
                  1. 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....."

                    1. Ok.

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

                      :)
                      1. 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>

                        1. 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.
                          1. 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 !!!

                            1. 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.
                              1. Ah tu veux faire un cadre ???

                                Pour pouvoir structuré ton site, c a d (centre bas de page, haut de page etc ....) ???
                                1. 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.
                                  • 1
                                  • 2