Page 1 sur 1

Utilisation d'un bloc "conteneur"

Publié : 25 mai 2007, 17:00
par Fabious62
Bonjour tlm,

Alors voilà j'ai quelque imcompréhension pour bien utiliser un bloc <div> "conteneur" (content en anglais :lol: ).


Pour mon site j'ai créé un bloc content, carré, qui comportera 3 bloc div (un logo un menu et une image).

Comment faire par exemple pour que le bloc "logo" soit collé en haut à gauche dans le conteneur ? Car je n'y arrive pas, même en mettant les même margin-left et margin-top que mon bloc conteneur. J'ai essayé avec des "float" aussi mais sans succès non plus.
Et oui je galère un peu :roll:

Merci d'avance.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

Re: Utilisation d'un bloc "conteneur"

Publié : 25 mai 2007, 17:35
par myahoo
[Hors sujet]
Fabious62 a écrit :"conteneur" (content en anglais :lol: ).
Là, on voit que la prononciation compte pas mal :P :
http://www.thefreedictionary.com/content

[/Hors sujet]

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

Publié : 25 mai 2007, 21:15
par Mongo Bob
Le plus simplement possible

Code : Tout sélectionner

<style title="essaistyle" media="all" type="text/css">
#divconteneur {
    border-color: #ff0000;
    border-width: 2px;
    width: 180px;
    height: 180px;
    background-color: #ffffcc;
    }

    #divlogo {
    border: 1px solid #3333ff;
    width: 60px;
    height: 60px;
    }

    #divmenu {
    border-color: #3333ff;
    border-width: 1px;
    width: 60px;
    height: 60px;
    background-color: #ffcccc;
    }

    #divimage {
    border-color: #3333ff;
    border-width: 1px;
    width: 60px;
    height: 60px;
    background-color: #ccccff;
    }


    </style>
  </head>
  <body>
    <div id="divconteneur">
      <div id="divlogo">
        logo
      </div>
      <div id="divmenu">
        menu
      </div>
      <div id="divimage">
        image
      </div>
    </div>
Fabious62 a écrit :Car je n'y arrive pas, même en mettant les même margin-left et margin-top que mon bloc conteneur.
Ben surtout pas, ça le déplacerait à l'intérieur du conteneur.
Fabious62 a écrit :J'ai essayé avec des "float" aussi mais sans succès non plus.
C'est compliquer les choses, mais c'est parfois nécessaire.
Si ça marche pas chez toi, donne ton code qu'on regarde...