[HTML] Le topic des questions c...

Le topic des questions c... [HTML] - HTML/CSS - Programmation

Marsh Posté le 05-08-2002 à 21:59:05    

Désolé, j'ai la flemme ce soir, et comme tout le monde me désilusionne je suis sans cesse en train de refaire mes pages :sweat:  
 
Donc maintenant, apres avoir supprimé ma frame, je valide W3C, et là, pouf impossible de mettre height dans un <table> :fou:  
 
Ma question : comment je fais pour avoir un tableau/paragraphe d'une certaine taille centrer verticalement et horizontallement dans ma page. avant je faisait :
 

<table height="100%" width="100%">
   <tr>
      <td align="center" valign="middle">
         ...          
         mon truc centré en milieu de page
         ...
      </td>
   </tr>
</table>


 
mais bon , c'est pas "validate".


Message édité par Snipe Foo le 05-08-2002 à 22:30:42
Reply

Marsh Posté le 05-08-2002 à 21:59:05   

Reply

Marsh Posté le 05-08-2002 à 22:29:40    

valign="center" =>  :non:  
 
valign prend comme valeur : top , middle, bottom   pincipalement
pour plus difos : http://www.w3schools.com/css/pr_pos_vertical-align.asp

Reply

Marsh Posté le 05-08-2002 à 22:32:27    

oups, biensur valign="middle" j'ai tapé à la volé, pas de copier coller (je sais pas faire :D )
 
mais c'est pas ça le problem, c'est que cette methode n'est pas valide car on a pas le droit de mettre height dans table, donc si le tableau ne fait pas la hauteur de la page, ça marche plus :(

Reply

Marsh Posté le 05-08-2002 à 22:49:17    

td.maclasse {
  text-align: center;
  vertical-align: middle;
}
 
<td class="maclasse">

Reply

Marsh Posté le 05-08-2002 à 23:03:21    

tout mes tableau sont en css
aucun prob, essayer ce kan ta proposer au dessus

Reply

Marsh Posté le 06-08-2002 à 13:14:16    

le probleme ne vient pas de l'alignement mais du fait qu'il est interdit par html 4 de faire un tableau d'une hauteur de 100% donc ma question est : comment faire pour centre verticalement dans ma page ?


Message édité par Snipe Foo le 06-08-2002 à 13:14:48

---------------
Ma réflexion sur cette affaire vient de connaître une avancée déterminante.
Reply

Marsh Posté le 06-08-2002 à 13:18:07    

ben, faut faire des cellules vides et jouer avec... ou faire des tableaux en css...

Reply

Marsh Posté le 06-08-2002 à 13:21:08    

LexTuhor a écrit a écrit :

ben, faut faire des cellules vides et jouer avec... ou faire des tableaux en css...




 
c'est autorisé en css de mettre un height pour une balise <table> ?


---------------
Ma réflexion sur cette affaire vient de connaître une avancée déterminante.
Reply

Marsh Posté le 06-08-2002 à 13:59:27    

Oui on peut, mais ta hauteur doit être fixe (en pixels) et pas en pourcentage.
 
De toute façon il n'est pas possible de centrer verticalement un tableau. Il faut utiliser un <div>

Reply

Marsh Posté le 06-08-2002 à 14:29:16    

et comment faut faire pour que le div prenne toute la page ?


---------------
Ma réflexion sur cette affaire vient de connaître une avancée déterminante.
Reply

Marsh Posté le 06-08-2002 à 14:29:16   

Reply

Marsh Posté le 06-08-2002 à 14:50:57    

Par exemple :
 
div.centre1 {
  border: 2px solid gray;
  position: absolute;
  margin-top: auto;
  margin-bottom: auto;
  top: 0px;
  bottom: 0px;
  left: 5%;
  height: 300px;
  width: 90%;
}
 
Un cadre de 300 pixels de haut et 90% de la largeur centré verticalement et horizontalement. Mais IE ne le positionne pas correctement...
 
Autre solution :
 
div.centre2 {
  border: 2px solid gray;
  position: absolute;
  top: 5%;
  left: 5%;
  height: 90%;
  width: 90%;
}
 
Un cadre de 90% de haut et de large centré verticalement et horizontalement. Cette fois, ça marche avec IE.
 
Après à toi de jouer sur les valeurs top, left, right, bottom, height, width, margin-top, margin-bottom...
 
Voir : http://www.yoyodesign.org/doc/w3c/ [...] ing-scheme et http://www.yoyodesign.org/doc/w3c/css2/visudet.html (pas évident à appréhender mais une fois que tu as compris le principe tu pourras positionner à peu près tout ce que tu veux)


Message édité par gm_superstar le 06-08-2002 à 14:51:58
Reply

Marsh Posté le 06-08-2002 à 15:16:35    

merci :jap:


---------------
Ma réflexion sur cette affaire vient de connaître une avancée déterminante.
Reply

Sujets relatifs:

Leave a Replay

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