<div> vide et <table> non finie

<div> vide et <table> non finie - HTML/CSS - Programmation

Marsh Posté le 17-07-2003 à 16:50:19    

J'ai à nouveau un problème avec mes div. J'ai:
 

Code :
  1. <div id="conteneur">
  2.   <div id="contenu1">Texte</div>
  3.   <div id="contenu2">Texte2</div>
  4. </div>
  6. #conteneur{position:absolute; border-style:solid; border-color:#B40C4A;}
  7. #contenu1{position:absolute; left:0px; top;0px}
  8. #contenu2{position:absolute; left:100px; top:0px}


 
Mais du coup, le div #conteneur est vide et j'ai pas le cadre autour. Enfin c'est ce que j'ai cru comprendre en lisant la FAQ sur les CSS/XHTML et en effet quand je rajoute un &nbsp; apres mon deuxieme <div>, tout va bien. Mais est ce qu'il n'y a pas un moyen plus propre que de mettre des espaces n'importe ou dansle code ? Et pk mon conteneur est considéré comme vide ?


Message édité par ojbis le 18-07-2003 à 11:28:37
Reply

Marsh Posté le 17-07-2003 à 16:50:19   

Reply

Marsh Posté le 17-07-2003 à 16:54:27    


essaye comme ceci:

Code :
  1. #conteneur{position:absolute; border-style: 1px solid #B40C4A;}



---------------
.: Clône de Drasche .:. Ebichuleys .:. Avec l'Aloe Vera je fais de beaux cacas [:dawa] .: www.oserselancer.com :.
Reply

Marsh Posté le 17-07-2003 à 16:56:21    

Urd-sama a écrit :


essaye comme ceci:

Code :
  1. #conteneur{position:absolute; border-style: 1px solid #B40C4A;}


 


 
heu soit "border: tout le brol", soit spécifier le border-width, border-style et border-color, mais pas mettre tout dans le border-style :D


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 17-07-2003 à 16:58:53    

ben c'est surtout que comme il met ses trucs en absolu, ca sort du flox, donc c'est normal que son conteneur aie une taille nulle. Maintenant, va savoir pourquoi il a voulu le faire comme ça.

Reply

Marsh Posté le 17-07-2003 à 17:02:48    

antp a écrit :


heu soit "border: tout le brol", soit spécifier le border-width, border-style et border-color, mais pas mettre tout dans le border-style :D


 :jap: c'est juste, coquille de ma part


---------------
.: Clône de Drasche .:. Ebichuleys .:. Avec l'Aloe Vera je fais de beaux cacas [:dawa] .: www.oserselancer.com :.
Reply

Marsh Posté le 17-07-2003 à 17:09:02    

gizmo a écrit :

ben c'est surtout que comme il met ses trucs en absolu, ca sort du flox, donc c'est normal que son conteneur aie une taille nulle. Maintenant, va savoir pourquoi il a voulu le faire comme ça.


 
parceque je veux faire un truc comme ca:
 
   -------------------------------------------------
   !                  Texte : bla lbala laebzal    !
   !               zertlkze : zertkjzmerlthk       !
   !                  zemor : zelmrktjzmekl        !
   -------------------------------------------------
 
avec les : tous alignés quelque soit la longueur du texte à gauche et à droite.
 
donc je me suis dit: je fais un div pour le cadre, dans lequel je met un div pour le texte à gauche des : et un div pour le texte à droite des :. Et si je les sort pas du flux, j'ai le texte positionné en dessous puisque c'est un div.
 
PS: je debute en XHTML/CSS, avant je faisais des <table> dans tous les sens donc j'ai surement pas les bon reflexes pour faire la mise en page.


Message édité par ojbis le 17-07-2003 à 17:09:49
Reply

Marsh Posté le 17-07-2003 à 17:16:52    

bah pour ce cas-ci perso je mettrais une table, mais bon ... :D


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 17-07-2003 à 17:21:04    

Les tables c'est bon, mangez-en [:minusplus] :D

Reply

Marsh Posté le 17-07-2003 à 17:23:36    

antp a écrit :

bah pour ce cas-ci perso je mettrais une table, mais bon ... :D


 
oui mais si je met une table avec des width=50%, le W3cValidator il va gueuler...

Reply

Marsh Posté le 17-07-2003 à 17:24:02    

style="width: 50%;"


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 17-07-2003 à 17:24:02   

Reply

Marsh Posté le 17-07-2003 à 17:24:35    

ojbis a écrit :


 
oui mais si je met une table avec des width=50%, le W3cValidator il va gueuler...

Ben tu fais un CSS tout bête :
 
.tabletruc {
 width : 50%;
}
 
 
et puis
<table class="tabletruc"> ...  

Reply

Marsh Posté le 17-07-2003 à 17:26:12    

C'est plutôt aux td qu'à table que le width doit s'appliquer :p


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 17-07-2003 à 17:27:26    

antp a écrit :

C'est plutôt aux td qu'à table que le width doit s'appliquer :p

:heink:  
 
C'est pas du tout le même but :D

Reply

Marsh Posté le 17-07-2003 à 17:28:46    

Citation :


 une table avec des width=50%


 
j'en ai déduit qu'il veut que chacune des deux colonnes fasse 50%


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 17-07-2003 à 17:30:27    

En fait on sait pas ce qu'il veut  [:skylight]

Reply

Marsh Posté le 18-07-2003 à 11:11:27    

bon j'ai fait ca avec une table et c'est vrai que ca reste propre et validé par W3Cvalidator mais je sais pas pourquoi mais je me suis mis dans la tete que les tables étaient bannies avec xhtml1.1    :sarcastic:


Message édité par ojbis le 18-07-2003 à 11:11:46
Reply

Marsh Posté le 18-07-2003 à 11:31:09    

maintenant j'ai un problème avec le W3cValidator sur ma table :D  
Il me dit:  
 

Code :
  1. Line 56, column 15: end tag for "table" which is not finished (explain...).


 
Quels sont les elements indispensable dans une table ?
Le code source généré par mon script PHP:
 

Code :
  1. <table>
  2.            <tr> 
  3. <td class="gauche">     <b>Titre :&nbsp;</b>   </td>
  4.   <td class="droite">     Titre3   </td>
  5. </tr>
  6. <tr>   <td class="gauche">     <b>Date :&nbsp;</b>   </td> 
  7. <td class="droite">     2003-12-05   </td>
  8. </tr>
  9. <tr>
  10. <td class="separation"><img src="../../images/pt-noir.gif" width="500px" height="2px" alt=""/>   </td>
  11. </tr>
  12. </table>


 
Je comprend pas, j'ai pourtant des <tr> dans ma table


Message édité par ojbis le 18-07-2003 à 11:32:41
Reply

Marsh Posté le 18-07-2003 à 11:32:57    

commence par indenter ton code, parce que c'est illisible comme ça.

Reply

Marsh Posté le 18-07-2003 à 11:34:05    

gizmo a écrit :

commence par indenter ton code, parce que c'est illisible comme ça.


 
ouep je m'en suis rendu compte une fois le message posté  :D

Reply

Marsh Posté le 18-07-2003 à 11:36:46    

ta table est correct, mis à part la dernière ligne quine contient qu'une cellule, cela doit venir d'ailleur

Reply

Marsh Posté le 18-07-2003 à 11:37:50    

il manque un td /td pour le troisième tr /tr


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 18-07-2003 à 11:43:30    

j'avais oublié un colspan="2" au dernier tr mais c'est pas ca le probleme.

Reply

Marsh Posté le 18-07-2003 à 20:53:07    

Bonsoir ojbis,
 
Avec quel doctype travailles-tu ?
Ceci est valide

Code :
  1. <?xml version="1.0" encoding="ISO-8859-1"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6. <title>Titre de mon document</title>
  7. </head>
  8. <body>
  9. <table>
  10.    <tr>   
  11.      <td class="gauche"><b>Titre :&nbsp;</b></td> 
  12.      <td class="droite">Titre3</td>
  13.    </tr>
  14.    <tr>
  15.      <td class="gauche"><b>Date :&nbsp;</b></td> 
  16.      <td class="droite">2003-12-05</td>
  17.    </tr>
  18.    <tr>
  19.      <td class="separation"><img src="../../images/pt-noir.gif" width="500px" height="2px" alt=""/></td>
  20.    </tr>
  21. </table>
  22. </body>
  23. </html>

       


---------------
Amicalement, Monique
Reply

Marsh Posté le 21-07-2003 à 09:29:48    

je travaille avec un doctype xml 1.1 strict. Mais apres avoir retapé mon code je n'ai plus de problème. Ceci était sans doute du à la présence d'un caractère parasite que je n'arrivais pas à voir (fin de semaine oblige  :D )

Reply

Marsh Posté le 22-07-2003 à 20:33:28    

ojbis a écrit :

parceque je veux faire un truc comme ca:
 
   -------------------------------------------------
   !                  Texte : bla lbala laebzal    !
   !               zertlkze : zertkjzmerlthk       !
   !                  zemor : zelmrktjzmekl        !
   -------------------------------------------------
 
avec les : tous alignés quelque soit la longueur du texte à gauche et à droite.
 
donc je me suis dit: je fais un div pour le cadre, dans lequel je met un div pour le texte à gauche des : et un div pour le texte à droite des :. Et si je les sort pas du flux, j'ai le texte positionné en dessous puisque c'est un div.
 
PS: je debute en XHTML/CSS, avant je faisais des <table> dans tous les sens donc j'ai surement pas les bon reflexes pour faire la mise en page.


Une méthode sans tableau :
 

<div>
  <div class="label">Texte :</div>bla lbala laebzal
</div>
<div>
  <div class="label">zertlkze :</div>zertkjzmerlthk
</div>
...


 

div.label {
  float: left;
  width: 50%;
  text-align: right;
}


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 23-07-2003 à 16:31:14    

c'est ce que j'ai fait, et ca marche bien merci

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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