Tableaux : Gestion % et px.

J'ai quelques questions sur les tableaux :) et la gestion de leurs taille.

Je code des pages en PHP qui gere des tableaux de largeurs dynamique.
J'aimerais que en parametre de la fonction qui me genere mon tableaux je puisse transmettre la tailel du tableau.

LE probleme n'ets pas le codage PHP, ca ok. Mais j'aimerais que la taille specifiée puisse etre de type % ou px, en fonction du choix de l'utilisateur.

Donc comment gerer un tableau en utilisant de maniere hybride les % et les PX ?

Mon tableau a pour contrainte : 3 colonnes dont C1 = C3 = 15px, et C2 la taille du tableau - 30 PX.
En ce qui concerne le parametre taille sous fome de px, ok.... simples operations mathematiques, masi en % ca deviens plus compiqué ... car je ne peux pas faire 100%-30px .... si ? ;)

DE maniere generale, comment gerer correctement les tableaux elasiques .....

Citation:

---

Envoyé par Clorish

Mon tableau a pour contrainte : 3 colonnes dont C1 = C3 = 15px, et C2 la taille du tableau - 30 PX.
En ce qui concerne le parametre taille sous fome de px, ok.... simples operations mathematiques, masi en % ca deviens plus compiqué ... car je ne peux pas faire 100%-30px .... si ? ;)

---

Ben en fait si

Tu peux parfaitement définir que ton tableau fait une largeur de 100%
Et définir que la cellule de la première colonne fait 15px
Idem pour la seconde
Et de fait, la cellule de la troisième colonne fera 100%-30px

ben en fait non .... si je specifie 100% pour le tableau, 15px pour la colonne 1 et 15 pour la 3e ... l a2e etant non definie j'ai des comportemetn etrange et une taille des cellules aleatories.

J'ai donc pris l'habitude de definire pour chaques cellules un width et un height tel que la somme des width d'une ligne est egal au width du tableau et un height equivalent sur toutes les lignes.

Mais la je suis dans l'incapacité de definir une valaur pour la cellule centrale ....

j'ai fait quelques tests et effectivement cela devient aléatoire, même en précisant les deux premières colonnes en px et en laissant la troisième libre

je n'ai donc pas vraiment de solutions

définis la largeur des colonnes en % (même si cela ne répond pas à ton besoin) ...

Oui mais convertir 15px en % a partir d'une taille en % c'ets chaud ...
et ma cellule doit faire 15px, j'y place en image de fond de mon skin ....

Ou alors, je bascule tout en % avec des balises Images en align BottomRight ..... mais bon la taille de mon tableaux reste aleatoire :)
Mais cela depends peut etre du contenu non ? actuelement il est vide ....

Sinon, je reste en px mais c'est casse pied car si la tailel en px du tableau depasse la taille en px de la cellule qui le contient .. ca risque de foirer le design non ?

Dans ce cas, qu'est ce qui prends le dessus : La taille de la cellule hote qui maximise la taille du tableau ? ou le tableaux qui "repousse" les bords de la cellule hote ?

j'ai pas tre bien compris ce que tu voulait.
tu veux que l'utilisateur puisse passer d'un tableaux exprimer en % a un tableaux exprimer en PX ?
tu a 2 choix possible, soit tu enferme tes % et tes PX dans des variable PHP en fonction d'un cookie ou autre.
soit tu fait 2 feuille de style different.

Non c'ets pas tout a fait cela.
Bon on resume :
J'ai une page compose (pour faire simple) d'un tableau 3x3 dont les cellules du bord definissent le bord de ma page (ie carré aux bord arrondis) et la cellule centrale le contenu de ma page.
Donc pour ce tableau la, mes colones sont definies de la sorte : 15px/970px/15px pour un total de 1000px.

Dans la cellule centrale, contenue de ma page, je creer un nouveau tableau : 2colonnes, 1 ligne dont la partie gauche definie le menu et la partie droite le corps de ma page.

Mettons 170/800 toujours en Px.

Ensuite dans le contenue de ma page (partie droite) mettons que je veulle afficher un e serie de "news" avec un fond de couleut et un bandeau de titre. Bref comme on le voir partout.
Admettons pour faire simple que cette zone de texte soit composée d'un tableau de 3x3 dont la partie centrale sert de zone de text.
LEs proportions sont : 15/670/15 pour un total de 700 sur les 800 disponible (toujours en PX).

La ou mon probleme se pose c'est que ce "skin" de zone de text type newn est un skin qui se repete souvent dans differentes parties.
Donc je decide de le mettre (comme tout le reste d'ailleur) sous forme de templates.
J'ai donc 2 fonctions php qui me permettent de generer la partie haute et la partie basse du tableau entre lequel je vais pourvoir ecrire le contenu de la cellule qui correspond au texte de cette zone de texte.
(Ya encore quelqu'un ? ;))

Or comme c'est un template, il peut etre utilisé partout. J4ai donc utilisé un parametre de cette fonction pour generer le width du tableau et je m'en sert pour calculer le width de la partie centrale.
Mais j'aimerais que celon les cas, ce tableau soit inséré avec un width en px (700 dans notre exemple) ou en pourcentages pour eviter a faire des calculs ....
Donc si je veux que cela prenne 90% de l'espace, j'ai un souci pour conserver une taille effective de 15px pour les 2 bordures .. sinon mon image de fond se repete et c'est moche :) (elle fait 15x15px)
Donc l'ideal pour moi serait de faire quelque chose du genre :

C1 = 15px
C2 = 90%-30px
C3 = 15px

Ou alors, je me pose la question suivante :

Si je defini un tableau de width 900px dans une cellule de 700px .. qui l'emporte ? le tableau qui est limité a 700px (taille max) ou ma cellule qui est etiree jusqu'a 900px ?

(ou encore un truc hybride et aleatoire comme html sait si bien le faire ... genre tableau interne de 800 et cellule hote 1000px ;))

le conteneur l'emporte sur le contenu si il est definit en PX= sa ces pour ton enigme de fin de message.
bien sur IE va arranger sa a sa sauce (surrement faire un compromis avec les 2) mais FF le prendra comme sa.
pour le reste , laisse moi 2 jours histoire d'apprendre ton message par coeur que j'arrive a tout comprendre ^^
ta pas un screen ou un lien ?

Citation:

---

Envoyé par Clorish

Or comme c'est un template, il peut etre utilisé partout.

---

Et si tu passais par ce qui est prévu pour mettre en forme un design, soit le css, et que tu arrêtais de te prendre la tête avec des tableaux qui ne sont pas fait pour faire ce genre de mise en page ?

ça serait fait en 2-3 coups de cuillères à pot et tu n'aurais plus à te prendre la tête sur un calcul de largeur pour le contenu ;)

ben j'ai cru comprendre que les divs ne sont pas encore tres bien gérés :(

Les css sont actuellement suffisement implémentés sur tous les navigateurs actuels pour passer à une mise en page css plutôt qu'en tableau.

c'est en fait plus les Div qui me pose des problemes .... il me smeble que tous les navigateurs ne les reconnaissent pas correctement ....

Je te conseille l'utilisation des div ...
Puis tu definis la largeur d'un tableau dans un tableau (IE comprend 100% de la largeur autorisée mais FF je suis pas sur)
Mais si tu fais :

Code:

---

1 2 3 4 5

(800*$largeur_en_pourcentage/100) - 30 = $largeur_en_px; C1 = 15px C2 = $largeur_en_px C3 = 15px

---

Ca marche pas ?

PS : Tout le monde n'est pas en 1024*769 aussi...

Bien sur que j'ai pensé au ratio ... mais pour cela il faut connaitre la taille max. Et si je la connait .... plus besoin du % ;)

j'irais jetter un coup d'oeil sur les divs ..... depuis le temps qu'on en parle :)
Mais a premiere vu ca me semble un peu restrictifs.

Pour bien demarrer : comment on peu faire, par exemple, pour faire ceci :http://digitalisland.free.fr/divers/Mod%e8le.jpg
le fond degradé en moins ..... lubie du boss ;)