[HTML] alignement cellules d'un tableau.

alignement cellules d'un tableau. [HTML] - HTML/CSS - Programmation

Marsh Posté le 25-07-2005 à 11:55:22    

Salut à tous,
Je souhaite crée une interface de type time line en html. Malheureusement, il y une contrainte (et non des moindre) : ça doit être en HTML 4.0 donc pas possible d'utiliser du XHTML (donc pas de div avec attribut de style position par exemple...). J'essai donc de faire ça avec des tableaux mais l'alignement n'est vraiment pas très précis.
Est-ce que quelqu'un à déjà était confronté à ce problème ?


---------------
Free, parce que je le vaux bien !
Reply

Marsh Posté le 25-07-2005 à 11:55:22   

Reply

Marsh Posté le 25-07-2005 à 11:58:28    

pourquoi ne pas utiliser du Xhtml ?
a partir du moment ou tu fais du HTML4.0 je pense que tu peux passer au 4.01 avec une DTD.  
 
tu es limité par rapport aux navigateurs ?? et donc rester en CSS 1.0 ?

Reply

Marsh Posté le 25-07-2005 à 12:08:00    

gatsusat a écrit :

pourquoi ne pas utiliser du Xhtml ?
a partir du moment ou tu fais du HTML4.0 je pense que tu peux passer au 4.01 avec une DTD.  
 
tu es limité par rapport aux navigateurs ?? et donc rester en CSS 1.0 ?

t'as tout compris, c'est pour une appli qui utilise un browser embarqué des plus basique...


---------------
Free, parce que je le vaux bien !
Reply

Marsh Posté le 25-07-2005 à 12:11:51    

heu tu peux po changer ton browser embarquer pour un browser du type gecko ou autre ?

Reply

Marsh Posté le 25-07-2005 à 12:19:58    

Non, impossible, je suis obligé d'utilisé celui là :(


---------------
Free, parce que je le vaux bien !
Reply

Marsh Posté le 25-07-2005 à 12:24:45    

erf, si c'est pour une appli windows, autant utiliser le le moteur de IE, suffit de faire un appel à l'api windows et paf tu peux faire du html comme tu veux
m'enfin bon, donc tu dois faire une mise en page en tableau, ya rien de plus facile pourtant

Reply

Marsh Posté le 25-07-2005 à 15:38:03    

c'est pour un set top box donc je suis coincé avec le browser embarqué.
 
Voici un exemple de mon problème :
 
http://wanab.free.fr/html_test/table_test_01.gif
 
http://wanab.free.fr/html_test/table_test_01.html
 
suivant le contenu des cellules, l'alignement part en c******


---------------
Free, parce que je le vaux bien !
Reply

Marsh Posté le 25-07-2005 à 15:44:40    

Je cherche à avoir une graduation horizontal fix : Une cellule représente 5 minutes.
La première ligne de mon tableau possède 24 cellules soit 2h (= 24x5min)
Ensuite, j'utilise des collspan pour les lignes suivantes.
Le problème c'est que l'alignement dépend du contenu des cellules


---------------
Free, parce que je le vaux bien !
Reply

Marsh Posté le 25-07-2005 à 15:52:09    

Si je met des width sur ma première ligne pour fixer les autres comme ceci :

<tr>
<td width="10"></td><td width="10"></td><td width="10"></td><td width="10"></td><td width="10"></td><td width="10"></td>
<td width="10"></td><td width="10"></td><td width="10"></td><td width="10"></td><td width="10"></td><td width="10"></td>
<td width="10"></td><td width="10"></td><td width="10"></td><td width="10"></td><td width="10"></td><td width="10"></td>
<td width="10"></td><td width="10"></td><td width="10"></td><td width="10"></td><td width="10"></td><td width="10"></td>
</tr>


ça marche presque ! Sauf si le contenu d'une cellule est trop long. Dans ce cas, ça décale tout.


---------------
Free, parce que je le vaux bien !
Reply

Marsh Posté le 25-07-2005 à 15:56:31    

exemple :
http://wanab.free.fr/html_test/table_test_02.gif
 
http://wanab.free.fr/html_test/table_test_03.gif


---------------
Free, parce que je le vaux bien !
Reply

Marsh Posté le 25-07-2005 à 15:56:31   

Reply

Marsh Posté le 25-07-2005 à 16:23:01    

pourquoi ne pas imbriquer des tableaux dans ton tableau

Reply

Marsh Posté le 25-07-2005 à 17:49:03    

Le problème c'est que si le contenu d'une cellule dépasse le width auquel il était censé être restreint, la cellule grandi quand même.
Je ne comprends donc pas en quoi imbriquer des tableaux pourrait changer quelque chose dans ce cas. A moins que j'ai loupé quelque chose ?
L'idéal serait de pouvoir avoir un width strict qui impose la taille de la cellule quelque soit sont contenu. Mais je n'ai pas l'impression que cela soit possible :(


---------------
Free, parce que je le vaux bien !
Reply

Marsh Posté le 26-07-2005 à 10:28:49    

l'attribut CSS table-layout:fixed; avec un nowrap semble être ce dont j'ai besoin mais, le browser embarqué ne reconnait pas ce style :cry:


---------------
Free, parce que je le vaux bien !
Reply

Marsh Posté le 26-07-2005 à 10:53:50    

Et que veux-tu faire des contenus trop long ? Cacher la fin ? ou ...


---------------
La curiosité est un vilain défaut car l'erreur et la frustration sont de croire qu'elle pourra être satisfaite !
Reply

Marsh Posté le 26-07-2005 à 16:39:44    

dans l'idéal, se serait d'ajouter des "...". Pourquoi, t'as une solution ?


---------------
Free, parce que je le vaux bien !
Reply

Marsh Posté le 26-07-2005 à 16:47:34    

un overflow, je crois ke c'est compris dans les CSS1 l'overflow:auto;

Reply

Marsh Posté le 26-07-2005 à 17:30:23    

+1 overflow:hidden
et justement je sais pas si c'est CSS1 ?


---------------
La curiosité est un vilain défaut car l'erreur et la frustration sont de croire qu'elle pourra être satisfaite !
Reply

Marsh Posté le 26-07-2005 à 18:10:01    

overflow:hidden tout comme table-layout:fixed = CSS2 :(
http://www.w3schools.com/css/css_reference.asp
 
Je sens que je vais devoir découper le contenu à la volée... :heink:


---------------
Free, parce que je le vaux bien !
Reply

Marsh Posté le 27-07-2005 à 17:24:24    

DaFunK a écrit :

Salut à tous,
Je souhaite crée une interface de type time line en html. Malheureusement, il y une contrainte (et non des moindre) : ça doit être en HTML 4.0 donc pas possible d'utiliser du XHTML (donc pas de div avec attribut de style position par exemple...). J'essai donc de faire ça avec des tableaux mais l'alignement n'est vraiment pas très précis.
Est-ce que quelqu'un à déjà était confronté à ce problème ?


HTML 4 = XHTML, hein ;) C'est juste la syntaxe qui change ;)

Reply

Sujets relatifs:

Leave a Replay

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