Titre: Problème de mise en forme
Posté par: Gizmil le le 07-11-2007 a 23:53:18
Salut à tous,
J'ai décidé d'apprendre à utiliser les div pour designer plus facilement mes pages web. J'ai des problèmes avec le positionnement que je trouve un peu obscur à comprendre... J'ai ici un petit problème concret à vous soumettre!
Imaginons une succession de blocs placés de cette manière:
Voici comment je code ça:
Code:
<div id="contener">
<div id="1"></div>
<div id="2"></div>
<div id="3"></div>
<div id="4"></div>
<div id="5"></div>
</div> |
|
Code:
#1{
float:left;
width:qqch px;
height:qqch px;
}
#2{
float:left;
width:qqch px;
height:qqch px;
}
#3{
float:left;
width:qqch px;
height:qqch px;
}
#4{
float:left;
width:qqch px;
height:qqch px;
}
#5{
float:left;
width:qqch px;
height:qqch px;
} |
|
Disons qu'ensuite, je veuille combler le trou situé entre les blocs 1 et 5 et sous les blocs 2, 3, 4, comment m'y prendre?
J'essaye ceci mais le bloc n°6 reste sous les autres:
Code:
<div id="contener">
<div id="1"></div>
<div id="2"></div>
<div id="3"></div>
<div id="4"></div>
<div id="5"></div>
<div id="6"></div>
</div> |
|
Code:
#1{
float:left;
width:qqch px;
height:qqch px;
}
#2{
float:left;
width:qqch px;
height:qqch px;
}
#3{
float:left;
width:qqch px;
height:qqch px;
}
#4{
float:left;
width:qqch px;
height:qqch px;
}
#5{
float:left;
width:qqch px;
height:qqch px;
}
#6{
clear:both;
width:qqch px;
height:qqch px;
} |
|
|
Titre: Re:Problème de mise en forme
Posté par: mzwygart le le 08-11-2007 a 00:09:51
Salut, t'as essayé ça ?#1{
float:left;
width:qqch px;
height:qqch px;
}
#2{
float:left;
width:qqch px;
height:qqch px;
}
#3{
float:left;
width:qqch px;
height:qqch px;
}
#4{
float:left;
width:qqch px;
height:qqch px;
}
#5{
float:left;
width:qqch px;
height:qqch px;
}
#6{
float:left;
width:qqch px;
height:qqch px;
}
#2346{
float:left;
width:qqch px;
height:qqch px;
}
|
|
<div id="1"></div>
<div id="2346">
<div id="2"></div>
<div id="3"></div>
<div id="4"></div>
<div id="6"></div>
</div>
<div id="5"></div>
|
|
|
Titre: Re:Problème de mise en forme
Posté par: Gizmil le le 08-11-2007 a 01:38:03
Ah mince... c'est tellement simple, comment j'y ai pas pensé? lol
Un grand merci pour ta lumière, je vais pouvoir avancer... ;) |
Titre: Re:Problème de mise en forme
Posté par: Gizmil le le 08-11-2007 a 10:59:32
| Ca ne marche pas... :-\ Le bloc reste sous les autres! La seule différence, c'est qu'il s'est placé complètement à gauche, comme sur le schéma, alors qu'il ne l'était pas avant! |
Titre: Re:Problème de mise en forme
Posté par: Gizmil le le 08-11-2007 a 14:55:32
| Autant pour moi, j'avais dû faire une fausse manip! Ca fonctionne à présent! :) |
Titre: Re:Problème de mise en forme
Posté par: mzwygart le le 08-11-2007 a 15:08:19
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|