Discussion :

[Bibouda]

Bonsoir , supposons que j'ai 2 div , l'un imbriqué dans l'autre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
   <div id="container">
      <div id="cadre"></div>
  </div>

les 2 div font la meme largeur , le container fait 100px de hauteur , et le cadre 20px , comment puis je faire en css pour positionner le cadrer tout en bas , car il est placé par défaut en haut , merci

[OverCat]

Salut,

Dans ton css, tu peux spécifier l'attribut suivant à #cadre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
margin-top:80px;

Vu que ton div globale fait 100px de haut et que ton cadre en fait 20px.

@+

[Bibouda]

d'accord , et comme tu le sais si je fais ceci j'aurais une bordure en bas plus épaisse que les autres et aussi un peu sur les cotés , donc sais tu par hasard comment mettre des bordures blanches à mon div , pour le bas , droite et gauche?

[OverCat]

Pour le bas :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

border-bottom-color:#FFFFFF;

Pour la gauche :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

border-left-color:#FFFFFF;

Pour la droite :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

border-right-color:#FFFFFF;

[Bibouda]

code xhtml

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<div id="cadre">
         <div class="bande"></div>
         <div class="bounce"></div>
      </div>

code css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
#cadre {
height: 75px;
border: 1px solid black;
width: 855px;
background: #fff;
}
 
.bande {
margin: auto;
width: 855px;
height: 20px;
background: lightgray;
}
 
.bounce {
margin-top: 60px;
background: orange;
position: absolute;
}

curieux mais avec ce code , mon div bounce est totalement invisible , meme quand je mets sur texte entre les balise html

[OverCat]

C'est normal, car tu ne lui a pas spécifié de hauteur et de largeur

[Bibouda]

çà marche , mais maintenant j'aimerais réduire la largeur à 500px par exemple et aligné mon div à droite ( comme çà j'ai une marge blanche à gauche ) , c'est faisable?

[OverCat]

Il te suffit te taper le code suivant dans ton CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
float:right;

L'attribut float te permet de positionner les éléments enfants. Dans ton cas c'est ton div imbriqué, le div bande est enfant du div cadre.