Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1575 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°877832
cypress
La colline de cyprès
Posté le 20-10-2004 à 11:56:47  profilanswer
 

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
mood
Publicité
Posté le 20-10-2004 à 11:56:47  profilanswer
 

n°877861
masklinn
í dag viðrar vel til loftárása
Posté le 20-10-2004 à 12:47:09  profilanswer
 

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
n°877869
the real m​oins moins
Posté le 20-10-2004 à 13:03:30  profilanswer
 

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 ?
n°877904
Xav_
The only one...
Posté le 20-10-2004 à 13:45:52  profilanswer
 

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
n°878129
cypress
La colline de cyprès
Posté le 20-10-2004 à 16:16:37  profilanswer
 

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

n°878130
the real m​oins moins
Posté le 20-10-2004 à 16:17:57  profilanswer
 

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


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
n°878156
cypress
La colline de cyprès
Posté le 20-10-2004 à 16:45:45  profilanswer
 

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

n°878182
Lorr Hyde
L'univers est trop grand Zut !
Posté le 20-10-2004 à 17:04:39  profilanswer
 

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.
n°878221
cypress
La colline de cyprès
Posté le 20-10-2004 à 17:29:35  profilanswer
 

Oui mdr là c vrai :)


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
[html] largeur d'une balise Select[HTML/Javasript] Aide pour un compte à rebours SVP
(html) Centrer un tableau dans un tableau...Un lien quand on clique sur une div ?
[CSS] Mise ne forme des liens dans une class ?Editeur html wysiwyg comme dreamweaver....
[Oracle Text Search] Vous avez une doc en ligne ?[HTML] UL & LI
Valeur de retour d'une fonction si erreurMise en forme d'un texte saisie avec HTML
Plus de sujets relatifs à : [HTML/CSS] DIV et "retour à la ligne"


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR