[HTML/CSS] DIV et "retour à la ligne"

DIV et "retour à la ligne" [HTML/CSS] - HTML/CSS - Programmation

Marsh Posté le 20-10-2004 à 11:56:47    

Salut,
 
J'ai un DIV qui possède une hauteur spécifiée.
Dans ce DIV, j'ajoute dynamiquement des <LI>.
 
Ce que je veux : il faudrait que SI le contenu (tous les LI) ont une hauteur plus grande que celle du DIV, ALORS les LI retourne à la ligne et le DIV voit sa largeur s'agrandir automatiquement.
 

Code :
  1. <DIV style="height:100px;position:absolute;top:10px;left:10px">
  2. <LI...
  3. <LI...
  4. <LI...
  5. </DIV>


 
Ce qui donnerait :
 

-----------------------------------
| 1er LI          (X+1)ème LI     |
| 2è LI           (X+2)ème LI     |
|..               ....etc         |
| Xème LI                         |
-----------------------------------


 
Quelqu'un a une solution ?
Car pour ma part je vois pas comment faire. Avec overflow il ne semble pas y avoir de propriété adéquate.
 
Merci !


Message édité par cypress le 20-10-2004 à 11:57:25
Reply

Marsh Posté le 20-10-2004 à 11:56:47   

Reply

Marsh Posté le 20-10-2004 à 12:47:09    

Faudrait ptet commencer par faire des listes correctes, parce que <li></li> posés comme des merdes au milieu de la page SAI MAL!
ca s'imbrique dans des <ul> ou <ol> ces choses :o


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 20-10-2004 à 13:03:30    

bah, tu imbriques deux div dans ton container, un par colonne, et tu geres ça avec le meme script qui generer tes <li>


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
Reply

Marsh Posté le 20-10-2004 à 13:45:52    

the real moins moins a écrit :

bah, tu imbriques deux div dans ton container, un par colonne, et tu geres ça avec le meme script qui generer tes <li>


+1
 
sans faire 2 div je vois pas ça possible


---------------
- Xav - ...There are no crimes when there are no laws... -- Xav's World
Reply

Marsh Posté le 20-10-2004 à 16:16:37    

Hum et bien ma foi çà m'embête cette histoire. :-(
Tant pis j'v devoir compliquer le script en question.
Merci.

Reply

Marsh Posté le 20-10-2004 à 16:17:57    

if (i % nb_lignes_par_col == 0) {
 echo "</div><div>";
}
 
trop dur [:mlc]


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
Reply

Marsh Posté le 20-10-2004 à 16:45:45    

Oui certes, mais cette petite partie s'inclue dans un projet bien plus conséquent qu'un simple site web :)

Reply

Marsh Posté le 20-10-2004 à 17:04:39    

cypress a écrit :

Oui certes, mais cette petite partie s'inclue dans un projet bien plus conséquent qu'un simple site web :)


 
Alors il faut respecter la sementique et la validité de ton code.
Sinon tu va au devant de grave problème !!


---------------
Tout n'est descriptible que du point de vue de l'observateur, donc sûrement faux pour le reste du monde.
Reply

Marsh Posté le 20-10-2004 à 17:29:35    

Oui mdr là c vrai :)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed