<table> défintion : la part du HTML et des CSS

<table> défintion : la part du HTML et des CSS - HTML/CSS - Programmation

Marsh Posté le 25-09-2002 à 12:05:56    

Les CSS permettent de définir le style d'un objet de manière proche et détachée de la description de la page. Cependant, pour les tableaux, je n'arrive pas clairement à faire la part du HTML et la part des CSS.
 
Qui doit s'occuper du spacing et du width ?
 
Pour l'instant, je fais le padding et le border dans le fichier CSS, mais pour spacing, je n'ai pas trouvé la balise CSS. De plus, l'attribut width - comment dire - je ne suis pas convaincu que sa place soit dans le CSS.
 
En fait, je me demande si le découplage style/présentation, est vraiment si simple. Il m'apparait au contraire que tout est lié dans une page, notamment par le layout construit à l'aide des tables, justement.


---------------
Le site de ma maman
Reply

Marsh Posté le 25-09-2002 à 12:05:56   

Reply

Marsh Posté le 25-09-2002 à 12:26:52    

Je me suis décidé à aller voir un site de référence, au hasard, w3school et voilà un copier coller de la permière table venue :
 

<table border="0" cellpadding="0" cellspacing="0" width="775">


 
Alors moi, je fais comment ? Comme eux, ou avec des CSS ? Un mix peut-être ?


Message édité par Cherrytree le 25-09-2002 à 12:27:07

---------------
Le site de ma maman
Reply

Marsh Posté le 25-09-2002 à 12:30:53    

Cherrytree a écrit a écrit :

Qui doit s'occuper du spacing et du width ?


normalement le css, mais c'est le genre de trucs que je mets directement dans le code html (vu que c'est php qui génère la page, la structure est dans les appels de fonction).
 

Cherrytree a écrit a écrit :

Pour l'instant, je fais le padding et le border dans le fichier CSS, mais pour spacing, je n'ai pas trouvé la balise CSS. De plus, l'attribut width - comment dire - je ne suis pas convaincu que sa place soit dans le CSS.


le spacing d'une cellule = sa marge. couleur de fond de la table = visible lorsque la marge d'une cellule n'est pas nulle. (ensuite il y a une histoire de border-collapse).
 

Cherrytree a écrit a écrit :

En fait, je me demande si le découplage style/présentation, est vraiment si simple.


ce n'est qu'un argument marketing. ça te permet effectivement de changer les couleurs, les images de fond, etc. mais la vraie présentation (la structure) est déjà présente dans les balises : <b>, <i>, <hx>, les <img> ajoutés (le plus souvant flottantes), etc.  
 
bref, ça te permet de séparer l'inutile du fondamental. le webmaster moyen est alors content car il peut changer l'inutile, ce qui plait à ceux qui se prétendent designers (regarde, je peux changer le stylesheet ! maintenant, c'est rouge ! :lol:)

Reply

Marsh Posté le 25-09-2002 à 12:31:49    

j'ajouterai que si un jour les documents du web sont bien construits, une option 'ignore stylesheet' sera équivalente à 'skip intro' de flash - le bonheur ! :D

Reply

Marsh Posté le 25-09-2002 à 12:33:23    

Cherrytree a écrit a écrit :

Les CSS permettent de définir le style d'un objet de manière proche et détachée de la description de la page. Cependant, pour les tableaux, je n'arrive pas clairement à faire la part du HTML et la part des CSS.
 
Qui doit s'occuper du spacing et du width ?



Les CSS.

Cherrytree a écrit a écrit :

Pour l'instant, je fais le padding et le border dans le fichier CSS, mais pour spacing, je n'ai pas trouvé la balise CSS. De plus, l'attribut width - comment dire - je ne suis pas convaincu que sa place soit dans le CSS.



C'est border-spacing : http://www.yoyodesign.org/doc/w3c/ [...] ml#borders

Cherrytree a écrit a écrit :

En fait, je me demande si le découplage style/présentation, est vraiment si simple. Il m'apparait au contraire que tout est lié dans une page, notamment par le layout construit à l'aide des tables, justement.



A partir du moment où tu sépares contenu et présentation c'est forcément plus simple. Perso je trouve ça vite saoulant de modifier la largeur d'une cellule à un endroit et le padding à un  autre.

Reply

Marsh Posté le 25-09-2002 à 12:38:39    

gm_superstar a écrit a écrit :

 
A partir du moment où tu sépares contenu et présentation c'est forcément plus simple. Perso je trouve ça vite saoulant de modifier la largeur d'une cellule à un endroit et le padding à un autre.



Merci pour border-spacing.
Néanmoins, j'irais assez dans le sens de youdontcare pour le côté artificiel que les CSS apportent à HTML. L'idée de séparer présentation et information est bonne, mais inappropriée à la réalité de la création d'une page web, où tout est inexorablement imbriqué.


Message édité par Cherrytree le 25-09-2002 à 12:39:38

---------------
Le site de ma maman
Reply

Marsh Posté le 25-09-2002 à 12:40:32    

Sinon, vous vous en servez de TH, TBODY et autres ?


---------------
Le site de ma maman
Reply

Marsh Posté le 25-09-2002 à 12:45:57    

Cherrytree a écrit a écrit :

Sinon, vous vous en servez de TH, TBODY et autres ?


au début, oui pour th. ensuite je suis passé par les css. bon exemple d'une customization qui dégrade la qualité du document ... (mais bon c'est de ma faute).

Reply

Marsh Posté le 25-09-2002 à 12:49:14    

moi j'utiliserais th, et lui definirais un style particulier si nécéssaire
 
cela dit, cherrytree, je suppose deviner sur quoi tu bosses: pq as-tu besoin de tables??


---------------
#19b | Mardi 18 Février 2003 - nous fêtons les Bernadette | contre le fleur icq!
Reply

Marsh Posté le 25-09-2002 à 13:05:39    

youdontcare a écrit a écrit :

ce n'est qu'un argument marketing. ça te permet effectivement de changer les couleurs, les images de fond, etc. mais la vraie présentation (la structure) est déjà présente dans les balises : <b>, <i>, <hx>, les <img> ajoutés (le plus souvant flottantes), etc.



Le W3C n'a rien à vendre, il ne fait pas de marketing.
 
On est actuellement dans une période transitoire, où coexistent les CSS et des tags/attributs de présentation en HTML. <u> n'existe plus en XHTML et les <hx> seront remplacés par <h> dans les prochaines normes.
 
Tu es encore dans un schéma classique où la présentation se fait à grands coups de tableaux et d'images. Ce style de document a vécu (pour des raisons maintes fois évoquées ici) et développer avec ça c'est créer des pages obsolètes. Alors bien sûr on a l'impression que c'est facile de faire une mise en page avec les tableaux, parce que c'est comme ça qu'on a toujours fait. Les CSS demandent un minimum d'apprentissage mais on s'aperçoit vite que ça sert à autre chose que de changer la couleur des liens.

youdontcare a écrit a écrit :

bref, ça te permet de séparer l'inutile du fondamental. le webmaster moyen est alors content car il peut changer l'inutile, ce qui plait à ceux qui se prétendent designers (regarde, je peux changer le stylesheet ! maintenant, c'est rouge ! :lol:)



Bon ça c'est du troll.

Reply

Marsh Posté le 25-09-2002 à 13:05:39   

Reply

Marsh Posté le 25-09-2002 à 13:10:47    

--greg-- a écrit a écrit :

moi j'utiliserais th, et lui definirais un style particulier si nécéssaire
 
cela dit, cherrytree, je suppose deviner sur quoi tu bosses: pq as-tu besoin de tables??



Tu supposes bien, je suis en effet en train de faire le design du site Java@HFR. les tables servent surtout à l'affichage du menu et des différentes boites du site. J'ai opté pour une release simpliste, parce que je prends trop de temps pour le design que j'ai en tête. La bêta sera dispo demain si tout ce passe bien.
 
Vous risquez d'être un peu déçu par rapport aux objectifs : la v1.0 du site, c'est pour avoir un support visuel plus qu'autre chose. Les articles de qualité s'accumulent et on ne peut pas encore les lire. Alors je m'arrange au plus vite pour ne pas léser nos futurs heureux lecteurs. :D


---------------
Le site de ma maman
Reply

Marsh Posté le 25-09-2002 à 13:11:51    

c tres bien comme ça
par contre, comme viens de le dire gm_superstar: les tables pour le layout, c'est tabou, on en viendra tous à bout!
 
les tables ne doivent servir qu'a présenter des données sous forme de .. tableau.


---------------
#19b | Mardi 18 Février 2003 - nous fêtons les Bernadette | contre le fleur icq!
Reply

Marsh Posté le 25-09-2002 à 13:14:33    

gm_superstar a écrit a écrit :

 
Le W3C n'a rien à vendre, il ne fait pas de marketing.
 
On est actuellement dans une période transitoire, où coexistent les CSS et des tags/attributs de présentation en HTML. <u> n'existe plus en XHTML et les <hx> seront remplacés par <h> dans les prochaines normes.
 
Tu es encore dans un schéma classique où la présentation se fait à grands coups de tableaux et d'images. Ce style de document a vécu (pour des raisons maintes fois évoquées ici) et développer avec ça c'est créer des pages obsolètes. Alors bien sûr on a l'impression que c'est facile de faire une mise en page avec les tableaux, parce que c'est comme ça qu'on a toujours fait. Les CSS demandent un minimum d'apprentissage mais on s'aperçoit vite que ça sert à autre chose que de changer la couleur des liens.
 



Ben justement les design à coups de tableaux je trouve pas ça simple, mais les divs, j'ai vaguement l'impression que ça marche pas partout pareil, alors je me méfie. Quant aux grosses images, moi j'aime bien ! [:joce]
 
Ah, sinon, en fait je ne suis pas dans un schéma patati patata, je suis à poil dans ma chambre, sur un fauteuil en cuir type ministre. :D


---------------
Le site de ma maman
Reply

Marsh Posté le 25-09-2002 à 13:15:14    

--greg-- a écrit a écrit :

c tres bien comme ça
par contre, comme viens de le dire gm_superstar: les tables pour le layout, c'est tabou, on en viendra tous à bout!
 
les tables ne doivent servir qu'a présenter des données sous forme de .. tableau.
 



Alors tu me proposes quoi, des divs avec layout absolute ?


---------------
Le site de ma maman
Reply

Marsh Posté le 25-09-2002 à 13:41:19    

gm_superstar a écrit a écrit :

Le W3C n'a rien à vendre, il ne fait pas de marketing.


je n'ai pas dit le contraire. outil != buzz généré par les medias & autres.
 

gm_superstar a écrit a écrit :

On est actuellement dans une période transitoire, où coexistent les CSS et des tags/attributs de présentation en HTML. <u> n'existe plus en XHTML et les <hx> seront remplacés par <h> dans les prochaines normes.


oui. et ? ça n'empêchera pas que l'info existera toujours dans un attribut class ou directement dans le <h>.  
 

gm_superstar a écrit a écrit :

Tu es encore dans un schéma classique où la présentation se fait à grands coups de tableaux et d'images. Ce style de document a vécu (pour des raisons maintes fois évoquées ici) et développer avec ça c'est créer des pages obsolètes. Alors bien sûr on a l'impression que c'est facile de faire une mise en page avec les tableaux, parce que c'est comme ça qu'on a toujours fait.


DOH ??? où ai-je dit ça ? je n'aime pas la présentation tableau, je n'aime pas voir des images utilisées à la place de texte.  
 

gm_superstar a écrit a écrit :

Les CSS demandent un minimum d'apprentissage mais on s'aperçoit vite que ça sert à autre chose que de changer la couleur des liens.


je sais bien. et la majeure partie d'un document (lire : article) est structurée grâce aux tags de base : <hx>, <p>, <i>, <b>. rien à voir avec les css, et je me demande bien comment on pourrait s'en affranchir.
 

gm_superstar a écrit a écrit :

Bon ça c'est du troll.


oui, une grossière exagération d'une mauvaise tendance.

Reply

Marsh Posté le 25-09-2002 à 14:08:43    

youdontcare a écrit a écrit :

oui. et ? ça n'empêchera pas que l'info existera toujours dans un attribut class ou directement dans le <h>.



Ce qui est prévu pour le <h> est révélateur de la tendance actuelle -> pousser vers une meilleure structuration du document. Aujourd'hui on peut mettre un <h2> sans qu'il y ait de <h1> avant. Avec <h> ce ne sera plus possible et il faudra jouer sur les sélecteurs des CSS.

youdontcare a écrit a écrit :

DOH ??? où ai-je dit ça ? je n'aime pas la présentation tableau, je n'aime pas voir des images utilisées à la place de texte.  
 
je sais bien. et la majeure partie d'un document (lire : article) est structurée grâce aux tags de base : <hx>, <p>, <i>, <b>. rien à voir avec les css, et je me demande bien comment on pourrait s'en affranchir.



Bon en fait on est d'accord. C'est bien le rôle du HTML de structurer/hiérarchiser le document. Cela dit, il faut voir qu'avec les CSS tu peux complètement boulverser la présentation des données (grâce notamment au positionnement absolu) et faire en sorte que ce qui s'affiche ne correspond pas à l'ordre normal des éléments tel qu'il est décrit dans le HTML.
Mais ce n'est pas une raison pour négliger la hiérarchie des éléments dans le document HTML, car celui-ci peut être destiné à être imprimé ou être consulté avec autre chose qu'un navigateur visuel.

youdontcare a écrit a écrit :

oui, une grossière exagération d'une mauvaise tendance.



Bof, quand on comme à toucher aux CSS c'est effectivement pour changer couleurs, bordures, fonds... et dans le cas d'un design simple ça suffit (et ce genre de design doit représenter la majorité des pages). C'est seulement lorsqu'on prend le temps de s'intéresser un peu plus aux CSS qu'on dépasse ce niveau.
Non, je ne vois pas ça comme une mauvaise tendance, juste une conséquence du fait qu'on est dans un période transitoire et que les CSS servent d'abord à modifier l'apparence.


Message édité par gm_superstar le 25-09-2002 à 14:09:12
Reply

Marsh Posté le 25-09-2002 à 14:21:52    

gm_superstar a écrit a écrit :

Avec <h> ce ne sera plus possible et il faudra jouer sur les sélecteurs des CSS.


hmm, sympathique.
 

gm_superstar a écrit a écrit :

Mais ce n'est pas une raison pour négliger la hiérarchie des éléments dans le document HTML, car celui-ci peut être destiné à être imprimé ou être consulté avec autre chose qu'un navigateur visuel.


oui. je ne compte plus le nombre de sites où il y a <br><br> au lieu d'un paragraphe ... et dès que tu veux copiercoller un paragraphe, boum.
 

gm_superstar a écrit a écrit :

Non, je ne vois pas ça comme une mauvaise tendance, juste une conséquence du fait qu'on est dans un période transitoire et que les CSS servent d'abord à modifier l'apparence.


période transitoire, oui. je considère toujours ça comme une mauvaise tendance.

Reply

Marsh Posté le 25-09-2002 à 15:18:59    

Question ! je veux placer une image à 140px du bord gauche du document et 10 px du haut, je fais comment s'il vous plait !
 
- à la sauvage avec spacer.gif le bien nommé ?
- autre méthode propre, utilisant les CSS ? (cette méthode, je ne la connais pas)
 
C'est dur de désapprendre pour apprendre, je trouve.


---------------
Le site de ma maman
Reply

Marsh Posté le 25-09-2002 à 15:37:11    

margin-top: 10px; margin-left: ....

Reply

Marsh Posté le 25-09-2002 à 15:38:04    

youdontcare a écrit a écrit :

margin-top: 10px; margin-left: ....


si ce n'est pas le premier élément du document, position: absolute; top: 10px; left: ...

Reply

Marsh Posté le 25-09-2002 à 21:31:55    

margin-top, OK. Par contre margin-left, sachant que c'est le premier élément, ça va m'obliger à déclarer des retrait pour les objets suivants, c'est pas un peu curieux comme manière de faire ?


---------------
Le site de ma maman
Reply

Marsh Posté le 25-09-2002 à 21:50:47    

Cherrytree a écrit a écrit :

ça va m'obliger à déclarer des retrait pour les objets suivants


:??: tu veux faire quoi ?

Reply

Marsh Posté le 25-09-2002 à 23:41:50    

youdontcare a écrit a écrit :

:??: tu veux faire quoi ?
 



Mettre un titre à 100px de la gauche, 10px du haut, sous forme d'un gif (ou d'un png, patapai). Puis le reste doit être callé à 10px du bord par exemple.


---------------
Le site de ma maman
Reply

Marsh Posté le 25-09-2002 à 23:54:32    

Cherrytree a écrit a écrit :

Puis le reste doit être callé à 10px du bord par exemple.


comprends pas. si tu veux que les éléments suivants soient influencés par la position de cette image, tu utilises les marges. sinon, position absolue. mais je doute que tu en aies besoin.
 
dessin ?

Reply

Marsh Posté le 26-09-2002 à 00:58:13    

youdontcare a écrit a écrit :

comprends pas. si tu veux que les éléments suivants soient influencés par la position de cette image, tu utilises les marges. sinon, position absolue. mais je doute que tu en aies besoin.
 
dessin ?



Un instant pour le dessin.


---------------
Le site de ma maman
Reply

Marsh Posté le 26-09-2002 à 01:06:15    

Voilà le layout, c'est tout con.
 
http://yozakura.free.fr/hfr/layout.gif
 
En fait, y a deux colonnes sous un titre, placé à (100, 10), c'est tout.


---------------
Le site de ma maman
Reply

Marsh Posté le 26-09-2002 à 01:12:28    

oh merde l'autre he, il a une tablette graphique [:dawa]


Message édité par --greg-- le 26-09-2002 à 01:12:33

---------------
#19b | Mardi 18 Février 2003 - nous fêtons les Bernadette | contre le fleur icq!
Reply

Marsh Posté le 26-09-2002 à 01:16:42    

--greg-- a écrit a écrit :

oh merde l'autre he, il a une tablette graphique [:dawa]



[:ddr555] C'est que pour les 3|33t !


---------------
Le site de ma maman
Reply

Marsh Posté le 26-09-2002 à 01:33:07    

Cherrytree a écrit a écrit :

Voilà le layout, c'est tout con.
 
http://yozakura.free.fr/hfr/layout.gif
 
En fait, y a deux colonnes sous un titre, placé à (100, 10), c'est tout.



Bon ben c'est pas compliqué à faire ça. 2 <div> principaux pour les  2 colonnes positionnés de manière absolue ou flottants, et dans chacun d'eux, un empilement de boîtes et d'images.
 
Edit: éventuellement on peut mettre l'image en dehors des colonnes et la positionner comme ça :
 
img#logo {
  display: block;
  margin: 10px 0px 0px 100px;
}


Message édité par gm_superstar le 26-09-2002 à 01:35:19
Reply

Marsh Posté le 26-09-2002 à 01:53:28    

gm_superstar : je veux et exige que tu écrives un article court et concis sur tout ce que tu sais à propos des css. j'arrive pas à suivre, et le topic "vous utilisez quel norme..." est bcp trop long :/
 
:D


---------------
#19b | Mardi 18 Février 2003 - nous fêtons les Bernadette | contre le fleur icq!
Reply

Marsh Posté le 26-09-2002 à 01:54:05    

gm_superstar a écrit a écrit :

 
Bon ben c'est pas compliqué à faire ça. 2 <div> principaux pour les  2 colonnes positionnés de manière absolue ou flottants, et dans chacun d'eux, un empilement de boîtes et d'images.
 
Edit: éventuellement on peut mettre l'image en dehors des colonnes et la positionner comme ça :
 
img#logo {
  display: block;
  margin: 10px 0px 0px 100px;
}



Il faudra que je me documente sur cette notion de bloc, si je comprends bien, en fait TOUT est basé la dessus. En tous cas, ça semble être ce que je veux.


---------------
Le site de ma maman
Reply

Marsh Posté le 26-09-2002 à 01:54:45    

--greg-- a écrit a écrit :

gm_superstar : je veux et exige que tu écrives un article court et concis sur tout ce que tu sais à propos des css. j'arrive pas à suivre, et le topic "vous utilisez quel norme..." est bcp trop long :/
 
:D



Toi au moins tu n'y vas pas par quatre chemins ! [:xp1700]


---------------
Le site de ma maman
Reply

Marsh Posté le 26-09-2002 à 03:27:08    

http://yozakura.free.fr/hfr/layout2.gif
 
Mon problème maintenant, c'est que je veux positionner mes blocs proprement sans table.
 
Je me suis documenté, j'ai donc trouvé l'attribut position, avec la valeur absolute. ça résoud le positionnement du bloc 1. Par contre comment indiquer proprement le positionnement du bloc 3, sachant, que la hauteur de 1 varie et que je veux un intervalle de 10px fixe entre 1 et 3 ? Idem pour 2 ?
 
Tous les layout que je trouve (antp.be, Mao France, Module-web) utilisent les tables pour résoudre mon problème. je veux faire sans.


Message édité par Cherrytree le 26-09-2002 à 03:28:13

---------------
Le site de ma maman
Reply

Marsh Posté le 26-09-2002 à 03:52:57    

Bon, en mettant 1 et 3 dans un div (absolute à la place de 1), et en déclarant la position de 3 relative avec un top: 10px; j'arrive à ce que je veux.
 
Par contre pour le positionnement de 2, je sèche lamentablement. A moins de fixer la largeur de 1, bien entendu, auquel cas, c'est trivial.
 
Sinon, comme je n'ai pas d'expérience à proprement parler, j'aimerai savoir si ce que je fais est bon, je veux dire utiliser du absolute, puis du relative, utiliser des div dans des div dans des div...


---------------
Le site de ma maman
Reply

Marsh Posté le 26-09-2002 à 09:19:52    

--greg-- a écrit a écrit :

gm_superstar : je veux et exige que tu écrives un article court et concis sur tout ce que tu sais à propos des css. j'arrive pas à suivre, et le topic "vous utilisez quel norme..." est bcp trop long :/
 
:D



Arf ! Oui oui, j'ai déjà commencé à écrire la FAQ, mais je suis un peu overbooké en ce moment.
 
Cela dit le topic ne fait que 8 pages pour l'instant. Quand on veut apprendre on prend son courage à 2 mains :o

Reply

Marsh Posté le 26-09-2002 à 09:28:57    

Cherrytree a écrit a écrit :

http://yozakura.free.fr/hfr/layout2.gif
 
Mon problème maintenant, c'est que je veux positionner mes blocs proprement sans table.



Bien :D

Cherrytree a écrit a écrit :

Je me suis documenté, j'ai donc trouvé l'attribut position, avec la valeur absolute. ça résoud le positionnement du bloc 1. Par contre comment indiquer proprement le positionnement du bloc 3, sachant, que la hauteur de 1 varie et que je veux un intervalle de 10px fixe entre 1 et 3 ? Idem pour 2 ?



Tes petites boîtes de gauche tu vas pas t'amuser à toutes les positionner (surtout si tu en as plus que 2)
 
Donc il faut commencer comme ça :
 

div#menus {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 100px;
}
 
div#contenu {
  position: absolute;
  left: 120px;
  top: 10px;
  width: 640px; /*A ajuster*/
}
 
div.bloc {
  margin-bottom: 10px;
}


 
Et ensuite :

<div id="menus">
  <div class="bloc">Bloc 1</div>
  <div class="bloc">Bloc 3</div>
</div>
<div id="contenu">Bloc 2</div>

Reply

Marsh Posté le 26-09-2002 à 09:37:00    

Cherrytree a écrit a écrit :

(antp.be, Mao France, Module-web) utilisent les tables pour résoudre mon problème




 
ouais moi j'ai utilisé des tables parce que j'ai mis à la norme un site qui l'était pas, pas le courage de tout refaire, puis je savais pas trop comment faire :D
j'attends que ce soit bien clair et que NS4 ait vraiment disparu :o


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

Marsh Posté le 26-09-2002 à 11:06:09    

gm_superstar a écrit a écrit :

 
Arf ! Oui oui, j'ai déjà commencé à écrire la FAQ, mais je suis un peu overbooké en ce moment.
 
Cela dit le topic ne fait que 8 pages pour l'instant. Quand on veut apprendre on prend son courage à 2 mains :o



C'est ce que j'ai fait. J'ai lu le topic en entier. [:joce]


---------------
Le site de ma maman
Reply

Marsh Posté le 26-09-2002 à 11:08:59    

gm_superstar a écrit a écrit :

 
Bien :D
 
Tes petites boîtes de gauche tu vas pas t'amuser à toutes les positionner (surtout si tu en as plus que 2)
 
Donc il faut commencer comme ça :
 

div#menus {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 100px;
}
 
div#contenu {
  position: absolute;
  left: 120px;
  top: 10px;
  width: 640px; /*A ajuster*/
}
 
div.bloc {
  margin-bottom: 10px;
}


 
Et ensuite :

<div id="menus">
  <div class="bloc">Bloc 1</div>
  <div class="bloc">Bloc 3</div>
</div>
<div id="contenu">Bloc 2</div>





Cette solution me convient complètement. C'est donc celle que je vais utiliser pour le layout de mes pages. Merci. Une question cependant :
 
Imaginons, que la largeur de 1 ne soit pas 100px, mais 20%. Comment faire pour positionner 2 : je ne peux pas écrire left: 20% + 20px alors est-ce possible proprement ?


---------------
Le site de ma maman
Reply

Marsh Posté le 26-09-2002 à 11:13:45    

Dans ce cas tu utilises la marge :
 

div#contenu {
 position: absolute;
 left: 20%;
 top: 10px;
 width: 640px; /*A ajuster*/
 margin-left: 10px;
}

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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