Centrer verticalement un tableau

Centrer verticalement un tableau - Web design - Graphisme

Marsh Posté le 20-11-2002 à 18:48:56    

Centrer verticalement un tableau ss DreamW c'est possible sans bidouille en js ?

Reply

Marsh Posté le 20-11-2002 à 18:48:56   

Reply

Marsh Posté le 20-11-2002 à 19:01:11    

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>TEST</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css"><!-- TABLE {height : 100%;} --></style>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center" valign="middle">  
     
</td>
  </tr>
</table>
</body>
</html>


Message édité par Profil supprimé le 20-11-2002 à 19:06:43
Reply

Marsh Posté le 20-11-2002 à 19:03:58    

j'attends ......  :D  

Reply

Marsh Posté le 20-11-2002 à 19:05:59    

fouef a écrit a écrit :

j'attends ......  :D  
 




 
 
J'avais confondu alignement vertical avec horizontal .... :D  
 
 
 
==> Ce code te permet de passer le Validateur  W3C

Reply

Marsh Posté le 20-11-2002 à 19:07:28    

T'es un chef, merci, tu me sort d'un impasse.  :love:
 
edit :
enfin en partie, la hauteur du tableau n'est plus paramétrable. :(


Message édité par fouef le 20-11-2002 à 19:11:20
Reply

Marsh Posté le 20-11-2002 à 19:21:58    

tu mets ton tablo dans un autre tablô que tu mets à 100% et dans lequel tu centres verticalement le contenu


---------------
BlueType - création de sites internet la rochelle
Reply

Marsh Posté le 20-11-2002 à 19:31:51    

:jap:  
 
fouef -> http://fouef.free.fr/smileys_perso/neuneu.gif


Message édité par fouef le 20-11-2002 à 19:32:31
Reply

Marsh Posté le 20-11-2002 à 19:32:27    

frenzy a écrit a écrit :

tu mets ton tablo dans un autre tablô que tu mets à 100% et dans lequel tu centres verticalement le contenu




 
 
 :pfff:        :D
 
 
 
PS: ça marche mais c'est pas W3C compliant .... avec les intégristes présent sur ce forum j'fais gaffes moi maintenant ...


Message édité par Profil supprimé le 20-11-2002 à 19:33:41
Reply

Marsh Posté le 20-11-2002 à 19:33:59    

Ultra Bestial a écrit a écrit :

 
 
 
 :pfff:        :D
 
 
 
PS: ça marche mais c'est pas W3C compliant .... avec les intégristes présent sur ce forum j'fais gaffes moi maintenant ...




 
:D m'en fou


Message édité par frenzy le 20-11-2002 à 19:34:31

---------------
BlueType - création de sites internet la rochelle
Reply

Marsh Posté le 20-11-2002 à 19:34:55    

J'annule le http://fouef.free.fr/smileys_perso/neuneu.gif
 
marchpo  :(

Reply

Marsh Posté le 20-11-2002 à 19:34:55   

Reply

Marsh Posté le 20-11-2002 à 19:43:05    

beh si pourtant!
regarde la source de mon site http://eexellcv.free.fr/


---------------
BlueType - création de sites internet la rochelle
Reply

Marsh Posté le 20-11-2002 à 19:44:01    

Code :
  1. <html>
  2. <head>
  3. <style>
  4. .tab-main {width: 100%; height: 100%;}
  5. .tab-tab {width: 600px; height: 300px; border-width: 1px; border-color: #000000; border-style: dashed;}
  7. .td-main {width: 100%; height: 100%; text-align: center; vertical-align: middle;}
  8. .td-tab {width: 100%; height: 100%; border-width: 1px;}
  9. </style>
  10. </head>
  12. <body>
  13. <table class="tab-main">
  14. <tr>
  15.   <td class="td-main">
  16.  
  17.   <table class="tab-tab">
  18.    <tr>
  19.     <td class="td-tab">
  20.     un tablo centré
  21.     </td>
  22.    </tr>
  23.   </table>
  24.  
  25.   </td>
  26. </tr>
  27. </table>
  29. </body>
  30. </html>


 
normalement, ça marche... en tout cas chez moi...

Reply

Marsh Posté le 20-11-2002 à 20:05:54    

xkamui a écrit a écrit :

Code :
  1. <html>
  2. <head>
  3. <style>
  4. .tab-main {width: 100%; height: 100%;}
  5. .tab-tab {width: 600px; height: 300px; border-width: 1px; border-color: #000000; border-style: dashed;}
  7. .td-main {width: 100%; height: 100%; text-align: center; vertical-align: middle;}
  8. .td-tab {width: 100%; height: 100%; border-width: 1px;}
  9. </style>
  10. </head>
  12. <body>
  13. mais ca c avec le CSS !
  14. <table class="tab-main">
  15. <tr>
  16.   <td class="td-main">
  17.  
  18.   <table class="tab-tab">
  19.    <tr>
  20.     <td class="td-tab">
  21.     un tablo centré
  22.     </td>
  23.    </tr>
  24.   </table>
  25.  
  26.   </td>
  27. </tr>
  28. </table>
  30. </body>
  31. </html>


 
normalement, ça marche... en tout cas chez moi...




---------------
Recherche lecteur cd imac 1ere generation !
Reply

Marsh Posté le 20-11-2002 à 20:17:19    

ThorgaI a écrit a écrit :

 




 
et il es où le problème.... c'est sans le JS qu'il voualit... pas sans les CSS, non :??:

Reply

Marsh Posté le 20-11-2002 à 20:22:02    

xkamui a écrit a écrit :

 
 
et il es où le problème.... c'est sans le JS qu'il voualit... pas sans les CSS, non :??:




lol oui  :D Mais bon , c plus compliké d'inserer du css que du .js  , et si tu  lui donne pas le fichier css correspondant , il avancera pas bcp  :p  
tien o fait je t posté un private msg , tu pourra jeter un coup d'oeuil stp !
 :)


---------------
Recherche lecteur cd imac 1ere generation !
Reply

Marsh Posté le 20-11-2002 à 20:23:26    

ThorgaI a écrit a écrit :

 
lol oui  :D Mais bon , c plus compliké d'inserer du css que du .js  , et si tu  lui donne pas le fichier css correspondant , il avancera pas bcp  :p  
tien o fait je t posté un private msg , tu pourra jeter un coup d'oeuil stp !
 :)  




 
ah bon ??? c'est si compliqué que ça ???
 
sinon, pas besoin de lui ajouter le fichier css, je l'ai intégré au code html (en haut, entre les balise <style></style>)
et oui, j'ai répondu au mp


Message édité par xkamui le 20-11-2002 à 20:31:43
Reply

Marsh Posté le 20-11-2002 à 20:45:33    

N'en jettez plus, je me débrouille avec le conseil de UB, finalement ça ne me dérange pas trop que le tableau fasse toute la page (ça m'arrange même pour certaines). En tous cas  :jap:  à tous.

Reply

Marsh Posté le 20-11-2002 à 21:43:10    

fouef a écrit a écrit :

N'en jettez plus, je me débrouille avec le conseil de UB, finalement ça ne me dérange pas trop que le tableau fasse toute la page (ça m'arrange même pour certaines). En tous cas  :jap:  à tous.




 
c'est ce que je faisait mais en css

Reply

Marsh Posté le 20-11-2002 à 21:50:11    

Ultra Bestial a écrit a écrit :

 
 
 
 :pfff:        :D
 
 
 
PS: ça marche mais c'est pas W3C compliant .... avec les intégristes présent sur ce forum j'fais gaffes moi maintenant ...



Si ça l'est à condition de faie correctement les choses et d'utiliser les CSS ...


---------------
Tant que la couleur de la peau sera plus importante que celle des yeux, nous ne connaitrons pas la paix. ● L'écriture, c'est la mémoire du futur. ● Mods FO4
Reply

Marsh Posté le 20-11-2002 à 21:54:41    

Gilbert Gosseyn a écrit a écrit :

Si ça l'est à condition de faie correctement les choses et d'utiliser les CSS ...




=> merci [:xtc]  [:toukc]  [:tilleul]  [:poischich]

Reply

Marsh Posté le 20-11-2002 à 23:33:56    

on peux fixer la hauteur d u tablo ??  [:sovxx]  
j ai cherché dans tous les sens..... jamais reussi [:proy]

Reply

Marsh Posté le 21-11-2002 à 00:09:06    

Gilbert Gosseyn a écrit a écrit :

Si ça l'est à condition de faie correctement les choses et d'utiliser les CSS ...




 
 
C'est exactement ainsi que j'ai illustré mon exemple.
 
 
Quand j'parlais d'intégristes du code .... c'est bizarre j'pensais à toi  :D  
 
 
Mais t'inquiète pas je le suis autant que toi sauf que je ne souhaite plus désormais accabler les gens de gfx avec des arguments qui ne les intéressent pas.  :)


Message édité par Profil supprimé le 21-11-2002 à 00:22:08
Reply

Marsh Posté le 21-11-2002 à 00:19:37    

Ultra Bestial a écrit a écrit :

 
 
 
 :pfff:        :D
 
 
 
PS: ça marche mais c'est pas W3C compliant .... avec les intégristes présent sur ce forum j'fais gaffes moi maintenant ...




tellment pas compliant que ça ne marche qu'avec IE

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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