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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  tableau, fusion et css

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

tableau, fusion et css

n°1628519
rud01f
Posté le 22-10-2007 à 12:07:19  profilanswer
 

Bonjour,
 
Je suis en train de remodeler un ancien site internet,
j'essaie de séparer le fond de la forme au maximum.
 
J'utilise du conde xhtml et du css pour cela, malheureusement
je n'arrive pas à retranscrire la forme d'un tableau  avec des
cellules fusionnées.
 
Voici ce que j'aimerais obtenir :
 
www.walking-energie.com/time.html
(le premier tableau "Horaires : Walking - Nordic Walking" )
 
Si vous avez des solutions, je vous en remercie d'avance !
 
Adrien

mood
Publicité
Posté le 22-10-2007 à 12:07:19  profilanswer
 

n°1629020
gatsu35
Blablaté par Harko
Posté le 23-10-2007 à 06:27:36  profilanswer
 

Si tu considères ces données comme des données tabulaires, dans ce cas tu les laisses en tableaux.
 
Dans le cas contraire, il serait bon d'agencer les données afin qu'elles aient un look and feel différent d'un tableau, pour les horaires on laisse tel quel.
 

Code :
  1. <div class="infosSorties">
  2. <h3>Horaires : Walking - Nordic Walking</h3>
  3. <ul>
  4.  <li>- Mardi</li>
  5.  <li>- Jeudi :</li>
  6. </ul>
  7. <div class="infos">
  8.  15h30 à 17h00<br />
  9.  dès le 28.08.2007 au 22.11.2007<br />
  10.  dans la région du Lavaux<br />
  11. </div>
  12. <p class="desc">
  13.  Lieu dit "La Goille" à Savigny
  14. </p>
  15. <p class="more">
  16.  Sorties dans la région du Lavaux - Savigny - Chalet à Gobet
  17. </p>
  18. </div>
  19. <div class="infosSorties">
  20. <h3>Tarif pour 12 sorties :</h3>
  21. <ul>
  22.  <li>Walking :</li>
  23.  <li>Nordic Walking : </li>
  24. </ul>
  25. <div class="infos">
  26.  frs 80.-<br />
  27.  frs 110.-<br />
  28.  (y compris location des bâtons)
  29. </div>
  30. </div>
  31. <style>
  32. .infosSorties h3 {color:#6699FF;font-size:14px;overflow:hidden; zoom:1}
  33. .infosSorties ul {float:left; width:30%; list-style:none; margin:0; padding:0}
  34. .infosSorties ul li {margin:0; padding:0}
  35. .infosSorties .infos {overflow:hidden; zoom:1; text-align:center;}
  36. .infosSorties .desc {clear:both}
  37. .infosSorties .more {font-weight:bold;}
  38. </style>


n°1631758
rud01f
Posté le 26-10-2007 à 15:11:48  profilanswer
 

Excellent Gatsu!
Ca m'aide bien à avancer en gardant quelque chose de plus propre à mes yeux!
Merci.


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

  tableau, fusion et css

 

Sujets relatifs
Recherches valeur dans tableau => indication position (macro)Comportement d'une boucle sur un tableau modifié dans la boucle
Colonnes de même hauteur avec bordures : possible sans tableau ?[CSS] Decentrage du contenu d'un tableau [résolu]
Génération dynamique de lignes sur un tableautableau avec rendu type "figer les volets" Excel
Insertion de tableau dans une richtextbox[Résolu] Tableau dynamique
Marcro et Fusion d'un tableau Excel dans Word[C] Comment faire une fusion de plusieurs tableau de donné?
Plus de sujets relatifs à : tableau, fusion et css


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