<div> vide et <table> non finie

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : <div> vide et <table> non finie

ojbis

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

Code :

<div id="conteneur">
<div id="contenu1">Texte</div>
<div id="contenu2">Texte2</div>
</div>
#conteneur{position:absolute; border-style:solid; border-color:#B40C4A;}
#contenu1{position:absolute; left:0px; top;0px}
#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   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

Publicité

urd-sama

waste of space

essaye comme ceci:

Code :

#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 :.

antp

Super Administrateur
Champion des excuses bidons

Urd-sama a écrit :

essaye comme ceci:

Code :

#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

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

gizmo

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.

urd-sama

waste of space

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

: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 :.

ojbis

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

antp

Super Administrateur
Champion des excuses bidons

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

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

skylight

Made in France.

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

ojbis

antp a écrit :

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

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

antp

Super Administrateur
Champion des excuses bidons

style="width: 50%;"

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

Publicité

skylight

Made in France.

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"> ...

antp

Super Administrateur
Champion des excuses bidons

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

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

skylight

Made in France.

antp a écrit :

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

:heink:

C'est pas du tout le même but

antp

Super Administrateur
Champion des excuses bidons

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

skylight

Made in France.

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

ojbis

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

ojbis

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

Code :

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 :

<table>
<tr>
<td class="gauche"> <b>Titre : </b> </td>
<td class="droite"> Titre3 </td>
</tr>
<tr> <td class="gauche"> <b>Date : </b> </td>
<td class="droite"> 2003-12-05 </td>
</tr>
<tr>
<td class="separation"><img src="../../images/pt-noir.gif" width="500px" height="2px" alt=""/> </td>
</tr>
</table>

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

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

gizmo

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

ojbis

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é

gizmo

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

antp

Super Administrateur
Champion des excuses bidons

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

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

ojbis

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

bmgg4

Bonsoir ojbis,

Avec quel doctype travailles-tu ?
Ceci est valide

Code :

<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Titre de mon document</title>
</head>
<body>
<table>
<tr>
<td class="gauche"><b>Titre : </b></td>
<td class="droite">Titre3</td>
</tr>
<tr>
<td class="gauche"><b>Date : </b></td>
<td class="droite">2003-12-05</td>
</tr>
<tr>
<td class="separation"><img src="../../images/pt-noir.gif" width="500px" height="2px" alt=""/></td>
</tr>
</table>
</body>
</html>

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

ojbis

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 )

gm_superstar

Appelez-moi Super

ojbis a écrit :

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

ojbis

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

Publicité

FORUM HardWare.fr

Programmation

HTML/CSS

<div> vide et <table> non finie

Sujets relatifs
affichage des infos d'une table postgresql en passant par PHP	virer la ligne vide au début d'un formulaire
Table SQL de pays	[MySQL] Select qui ne sélectionne que la moitié d'une table,
1 table ou 2 ?	[Mysql] créer n nom de table avec un # dedans ???
[MYSQL] Déplacer des enregistrements d'une table à une autre	Enregistrement numero de table
[mysql] peut-on change l'id d'un enregistrement dans une table	[KornShell] Tester si une variable est vide!
Plus de sujets relatifs à : <div> vide et <table> non finie

Page générée en 0.088 secondes