HTML tableaux complexes

Version imprimable

08/08/2007, 12h46
Valenten

HTML tableaux complexes

Salut à tous ! C'est bien la première fois où j'ai besoin d'aide pour de l'HTML, mais bon là c'est pas vraiment pour débutants, à mon avis ^^

Voilà.. je suis en train de programmer mon nouveau site, en m'inspirant (sans copier le code du tout - je préviens à l'avance ;) ) de ce site : www.starwars-holonet.com.

j'ai un bug sur une des lignes de mon tableau. Je peux pas expliquer ça comme ça, faut voir bien sûr. Alors je vous propose de télécharger le fichier ZIP qui contient tous les fichiers nécessaires + un ReadMe explicatif.

Voici le link : http://paleontologia.free.fr/pb_tableaux.zip

Merci d'av, @+
08/08/2007, 16h02
Momodedf

On le repetera jamais assez, les tableaux sont fait pour présenter des données tabulaires pas pour faire de la mise en page.
Pour cela il faut utiliser le CSS qui lui est un langage de formatage.

Ce n'est pas simplement une question d'étique, je te conseil de regarder cette page http://www.cybercodeur.net/weblog/pr...tions/seybold/ qui présente trés clairement pourquoi ne pas utiliser un tableau pour faire de la mise en page.
08/08/2007, 17h50
Deallyra

je rejoins l'avis des deux personnes précédentes...
ton code est à la limite du lisible...

comme d'habitude... mais c'est peut etre moi qui est bizarre... ton code est mal indenté, les br à répétitions sont franchement ignoble ^^ (désolé mais il faut dire les choses telles quelles sont... même avec des tables, tu peux faire quelque chose de plus joli pour ceux qui le regarde par la suite), on se pert dans les propriétés de tes td...
Je te conseille vivement d'utiliser les divisions au lieu des tables, et de te mettre au CSS avec identifiants et classes pour plus de lisibilité.

Je pourrais continuer mais je vais passer pour la méchante de service ^^
09/08/2007, 09h00
trotters213

:salut:
Je rejoins l'avis des personnes ci-dessus sur la mise en page tableau.
Tu devrais jeter un coup d'oeil sur ce tuto pour faire un site à base de div et de CSS et laisser tomber les tableaux ;)
10/08/2007, 12h45
Valenten

Okay...

Bon mes réponses :

- d'abord, petite erreur dans le ReadMe, j'ai oublié la ligne BANNIERE similaire à celle avec le marquee, juste en dessous...

- les < br >, c'était pour remonter le texte vu qu'à cause du bug l'attribut valign de certains <td> ne fonctionnait pas...

- j'utilise aussi CSS mais bon pas pour les tableaux... pour moi ça reste un peu lisible quand même.. mais bon je vais suivre vos conseils ^^ ... et je vais regarder le tuto, parce que faire des colonnes en <div> je doute un peu ;)

- un lien au passage, dont je me suis inspiré sans reprendre le code : http://www.starwars-holonet.com

Remarquez que ce sont des < table > aussi ^^

@+

EDIT :

je suis en train de lire le premier lien... Admettons mais pour la bande passante, je pense que vu que j'utilise seulement mon fichier index.php et qu'ensuite j'utilise une fonction PHP pour inclure la page nécessaire (basée sur l'URL : index.php?op=mapage ) normalement ça devrait être bon ..
Mais bon je pensais pas à utiliser padding comme ça... "toutes mes confuses" lol ... dans tous les cas je vien de commencer à programmer ce nouveau site donc je peux faire des modifs...

N'empêche que pour l'alignement les tableaux étaient un peu plus maniables...

------------->[] je sors ok
10/08/2007, 13h45
Tober

Question d'habitude et de pratique !

Citation:

Envoyé par Valenten

N'empêche que pour l'alignement les tableaux étaient un peu plus maniables...

Tu verras qu'une fois que t'auras pris les bonnes habitudes, ton code sera beaucoup plus lisible, simple et Logique
11/08/2007, 12h54
Valenten

Effectivement, je retire ce que j'ai dis ;) ...

Bon je ne vous cache pas que pour certains je vous ai trouvé un peu aggressif, mais bon tant pis ^^ ... et puis merci quand même.

En fait j'hésitais à utiliser trop CSS pour ce genre de truc, ça me semblait plus complexe à mettre en page alors que c'est tout le contraire... :) ;)

Ca prend bcp moins de temps à mettre en place aussi...

MERCI BEAUCOUP ^^

Maintenant tout marche, et puis bon c'est plus joli !

[edit]Okay bon c'est super mais il reste un pb. maintenant.

Mon site a cette forme, a un moment :

----------------------------|
| menu |.......page..............|
|.........|............................|
-----------------------------

pb : si la colonne page est trop grande (avec bcp de txt), celle de menu de dépasse pas les 500px. que je lui ai attribué... Or mon site contient à la fois des pages courtes et des longues. Comment faire pour que la hauteur de la colonne de menu s'adapte à celle de la page ? [/edit]
12/08/2007, 17h22
azertyman

Citation:

Envoyé par Valenten

Comment faire pour que la hauteur de la colonne de menu s'adapte à celle de la page ?

Utiliser les css et les float. Cherches, y'a plein d'exemples sur le web.

Citation:

Envoyé par azertyman

Utiliser les css et les float. Cherches, y'a plein d'exemples sur le web.

Il ne pourras pas.

Si tu veux avoir la même hauteur enter ta page et ton menu tu dois utiliser du Javascript sur tes 2 div page et menu.
Tu mets ce code dans une balise <script> entre tes balises <head> ou mieux dans un fichier .js à part que tu appeles dans ta page :
Code:

1 2 3 4 5 6 7 8 9 window.onload=ajuste function ajuste() { menu=document.getElementById('div_menu'); page=document.getElementById('div_page'); if (menu.offsetHeight>page.offsetHeight) page.style.height=menu.offsetHeight+"px"; else menu.style.height=page.offsetHeight+"px"; }

13/08/2007, 11h15
Valenten

Salut !

Merci pr ton javascript, en le lisant je pense que ça va marcher ^^...

JS, je le maîtrise pas assez, je n'en ai quasimment jamais l'utilité.
13/08/2007, 15h55
Valenten

Non résolu finalement.. ton script a un effet, il augmente la longueur, mais ne fait pas remonter l'autre page, qui redescend tjs. j'ai pas réussi à modifier la 'margin' uniquement 'top-margin'

TELECHARGER LE DOSSIER

Le dossier zip contenant ts les fichiers nécessaires est joint à ce post. j'ai simplifié les textes du site, gardé une seule page, & convertie en HTML .htm

Merci d'av' ++

Edit : oupsss...je crois qu'il faut utiliser l'attribut float, que je viens de voir dans un tuto plus haut.... j'essaie & je reviens si ça ne marche pas.. ;)

Re-Edit : normalement ça va aller.. on va voir

Re-re-Edit : okay c'est bon -> Résolu, merci au rédacteur de ce tuto ^^
(http://pbnaigeon.developpez.com/tuto...page-CSS/#LIII)

Après faut voir si le Javascript fonctionne...

Re-re-re-Edit (^^) : oui ça marche... merci beaucoup à tous !!!:merci: :yaisse: parce que sinon :arf: