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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [HTML/CSS] Colonnes en CSS

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[HTML/CSS] Colonnes en CSS

n°671147
Sixtiz
Serial glandeur
Posté le 11-03-2004 à 21:59:23  profilanswer
 

Bon je cherche à faire la chose suivante : j'ai une série de

Code :
  1. <div class="case">
  2.   blablabla
  3. </div>


assez longue. Pour gagner de la place je voudrais pouvoir les affichuer en 2 ou 3 colonnes à l'aide de feuilles de style.
 
Pour l'instant pour deux colonnes j'utilise :

Code :
  1. .case {
  2.   width: 45%;
  3.   float: left;
  4. }


Ca marche, mais seulement si les cases ont la même hauteur.
 
Si ce n'est pas le cas, la case 1 sera bien en haut à gauche, la 2 en haut à droite mais si elle est plus haute que la case 1, la case 3 sera bien à gauche mais pas immédiatement sous la 1 : le haut sera aligné sur le bas de la case 2  :fou:
 
Une idée pour faire ça de façon simple et propre ? Moi je bloque...


Message édité par Sixtiz le 11-03-2004 à 22:00:48
mood
Publicité
Posté le 11-03-2004 à 21:59:23  profilanswer
 

n°671175
cerel
Posté le 11-03-2004 à 22:16:15  profilanswer
 

Regarde ces sites :
http://openweb.eu.org
http://www.alsacecreations.com/articles/
 
J'espere qu'ils pourront t'aider, sinon essaye de metre une page online montrant le probleme. Une image en dit parfois plus qu'un explication pas toujours claire du probleme.

n°671198
krtek
Just Do It
Posté le 11-03-2004 à 22:28:54  profilanswer
 

donne la propriété "clear : both;" a ta case 3, de ce fait elle ne pourra pas s'afficher a coté dune case qui est déclaré comme float, et sera  forcément en dessous des cases 1 et 2...  
 
mais je ne suis pas sur que c'est cela que tu souhaite... comme cerel je ne trouve pas ton problème très clair, et jai du mal a me rendre compte de ce que tu souhaite faire...

n°671229
Lorr Hyde
L'univers est trop grand Zut !
Posté le 11-03-2004 à 22:43:58  profilanswer
 

bon 2 ou 3 colonne en float de longuer différente, mais qui doivent toujours être les une a cote des autres ..
c'est bien ça ?
 
si je comprend juste je pense que le clear:both; devrait t'aider
CSS

Code :
  1. .case
  2. {
  3.    float: left;
  4.    width: 33%;
  5. }
  6. .spacer
  7. {
  8.    clear: both;
  9.    visibility: hidden;
  10. }


HTML

Code :
  1. <div>
  2.      <div class="case">blabla</div>
  3.      <div class="case">blabla</div>
  4.      <div class="case">blabla</div>
  5.      <hr class"spacer"></div>
  6. </div>


 
ca devrait le faire


---------------
Tout n'est descriptible que du point de vue de l'observateur, donc sûrement faux pour le reste du monde.
n°671239
Sixtiz
Serial glandeur
Posté le 11-03-2004 à 22:49:23  profilanswer
 

Ok c'est vrai qu'un exemple c'est plus pratique alors voilà : http://193.48.225.246/sixtiz/test.html.
 
Le problème est donc d'éviter l'espace entre la case 1 et la case 3...
 
Edit : Pb de DNS... ça fait un bail que ça dure d'ailleurs  :pfff:


Message édité par Sixtiz le 11-03-2004 à 23:07:20
n°671253
gm_superst​ar
Appelez-moi Super
Posté le 11-03-2004 à 22:57:51  profilanswer
 
n°671268
Sixtiz
Serial glandeur
Posté le 11-03-2004 à 23:07:06  profilanswer
 

Désolé les DNS merdouillent c'est pas nouveau... :pfff:
 
J'ai mis l'ip ça devrait marcher maintenant ;)

n°671290
krtek
Just Do It
Posté le 11-03-2004 à 23:17:02  profilanswer
 

arf, je ne sais pas si cela est possible...en tout cas moi je ne vois pas !


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

  [HTML/CSS] Colonnes en CSS

 

Sujets relatifs
String en format HTML[HTML/CSS] pobléme de couleur
Concretement, comment faire pour generer du html a partir de xmlParle couramment C, C++, PHP, SQL, HTML et un peu le français.
Fichier d'aide Html[MySQL] Besoin d'aide à propos des types de colonnes
[HTML/JS/CSS] document.getElementById('id' ).style.display='none';bulle d'information en html
[HTML,CSS] Synchroniser la taille de deux colonnes 
Plus de sujets relatifs à : [HTML/CSS] Colonnes en CSS


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