Discussion :

[francoisch]

Bonjour

L'essentiel de ma page actuelle est une table de 4 lignes et 3 colonnes ; chaque case contient, soit un texte, soit une image.

Ma question : comment faire ça sans <table> en bonne syntaxe CSS ?

Je souhaite éviter les positionnements absolus exprimés en pixels pour que ma page soit visible à toutes les résolutions.

Est-ce que je fais autant de Div que de lignes, par exemple ?

Je n’ai pas trouvé d’information jusqu’ici dans le Forum.

Par avance merci de votre aide.

Francois

[MasterOfChakhaL]

Salut,

L'interet du css est de séparer la mise en forme du contenu.

Pour en profiter pleinement, il faut que tu te bases sur ton contenu pour écrire ton html, tu mets ensemble les choses qui vont ensemble et puis c'est tout.

Ce n'est qu'ensuite que tu t'occupes de la mise en page.
Il est vrai que pour servir la cause du design, tu peux être amené à rajouter quelques éléments dans ton code, mais il ne faut pas faire les choses à l'envers.

Je sais que ce que je te raconte ne t'avancera pas beaucoup, mais c'est surtout pour te dire que si tu souhaites obtenir le même résultat qu'un tableau sans tableau, ben tu te compliques la vie et j'aurais même tendance à te dire de garder tes tableaux...

[francoisch]

bonjour et merci de ta réponse.

Oui, j'avais bien conscience d'enfoncer un peu une porte ouverte en posant cette question.

Par ailleurs, j'ai bien aimé ta référence car je connais Tucson pour y être allé; effectivement, c'est tout carré.

Je vais continuer à faire des essais à la fois avec un tableau et sans tableau, pour voir et comprendre.

En tout cas, je comprend déjà qu'il n'y a pas qu'une seule réponse.

Merci.

Francois

[mLk92]

Avec ou sans tableau, généralement cela dépend du besoin, on verra souvent des applications logicielles réalisé en tableau pour une compatibilité presque infaillible selon les navigateurs, en dehors de cela tout dépendera de tes besoins réelles.

Mais il est vrai qu'un site en CSS total est bien mieux qu'un site en tableau, il y a tellement de possibilité en css, et le css 3 à venir permettra des développement web beaucoup plus fluides, plus simple, mais aussi beaucoup plus restrictif, étant donnée que ni internet explorer a encore beaucoup de mal avec le respect des standard et ne comprend finalement pas grand chose au Css 2.

M'enfin, personnellement, quand je dois retoucher un site en tableau, les balises <table> je les remplace par un div, les <tr> par un <p> et les <td> par leur contenu. Après pour les affichage en lignes tu dispose de multiples propriétés.
Pour ce qui est du positionnement, il te faut bien comprendre ce que chaque positionnement inclue, pourquoi ? comment ? compatibilité ? réaction ? quel est leur influence sur les bloc, les conteneurs et le contenu ?

Je te conseille d 'acheter le livre de Raphael Goetter: CSS 2, Pratique du design Web. C'est comme une bible pour moi .

Et puis visite les sites Developpez.com, et w3c.org pour la validation des pages

Voili Voilà Voilou

Bon Courage

[Malarkey]

Déjà, connais tu la différence entre une balise container, type <p> et une balise linéaire, type <span> ?

En lisant le bouquin qu'on tesite plus haut, ça a été une révélation pour moi, et ce qu'il faut bien comprendre, c'est qu'il faut déjà connaitre le role des balises et leurs caractèristiques afin de construire un codage sémantique!

Le CSS, n'a pour but que de faire une mise en page.