2010-10-19 11 views
0

Nous devons concevoir une mise en page Web. table à l'aide que nous pouvons diviser la mise en page en six zones (cellules), comme indiqué ci-dessous:Problème de rowspan ou colspan de la table HTML?

ZONE 1 ZONE 2 ZONE 3

ZONE 4 ZONE 5 ZONE 6

Maintenant, il est possible de fusionner la zone 2, ZONE 5 et ZONE 6? Nous devons utiliser DIV?

Répondre

0

Je ne suis pas 100%, mais cela ressemble à un travail pour CSS. Pourquoi voulez-vous des tables?

(est-il essentiel que la zone 1 & Zone 3 ont la même hauteur?)

+0

Merci pour votre réponse. La zone 1 et la zone 3 ont des largeurs et des hauteurs différentes. Nous pouvons les contrôler en utilisant la table mais nous sommes incapables de fusionner ZONE 2, ZONE 5 et ZONE 6. Toute aide? – Malik

+0

Vous devrez utiliser des flotteurs: un div pour flotter: à gauche pour les zones 1 et 4, un div pour float: aucun pour les zones 2, 5 et 6 et un div pour float: juste pour la zone 3. Le premier à ne devrait pas avoir n'importe quel remplissage, marge etc., et ont la position: relative. Dans le premier div (float: left) ajouter deux divs, pas de marge, pas de remplissage. 50% de hauteur. Ajoutez les trois premiers divs dans un container-div. Je pense que cela va fonctionner – Onkelborg

+0

Merci encore. Laisse-moi essayer. Nous vous contacterons. – Malik

2

Voir: Why tables for layout is stupid

Utilisez CSS à la place.

+0

Merci pour votre réponse. Je pense aussi la même chose que div est la seule solution. Juste besoin de confirmer que passer de la table à div n'est pas facile. Ce sera très utile si vous pouvez spécifier plus de ressources pour "cours accéléré dans les dispositions basées par Div". Merci encore. – Malik

+0

@Malik - ça vaudra la peine d'apprendre le modèle de boîte CSS (http://www.w3schools.com/css/css_boxmodel.asp). En fait, jetez un oeil à tous les trucs CSS dans les écoles w3 - c'est un super site (http://www.w3schools.com/css/default.asp) - bonne chance! – Galwegian

+0

Merci encore pour votre réponse rapide et vos ressources. Comme vous le savez, les développeurs font toujours face à "LES DATES LIMITES". Quelque chose de plus précis comme la première ressource aidera beaucoup et peut-être que je suis capable de dormir :(. – Malik