Utilisation d'un bloc "conteneur"

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateur : chinon37

Fabious62
Arias
Messages : 15
Inscription : 11 mai 2007, 19:38

Utilisation d'un bloc "conteneur"

Message 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
myahoo
Animal mythique
Messages : 8279
Inscription : 02 sept. 2005, 00:13

Re: Utilisation d'un bloc "conteneur"

Message 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
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message 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...
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités