100% css - dois je garder un tableau?
123pierre
Messages postés
53
Statut
Membre
-
Dalida Messages postés 7114 Statut Contributeur -
Dalida Messages postés 7114 Statut Contributeur -
Bonjour,
Je débute vraiment sur le css.
Jusque la je faisait tout mes sites sous forme de tableau. Apparemment le tableau c'est quand même obsolète donc je suis passé (aujourd'hui) en calques css.
Avis aux expérimentés:
J'ai une bannière, un menu a gauche et ma page centrale.
(La bannière et le menu sont sous forme d'un template dreamweaver).
> Croyez vous que je garde quand même un tableau pour ces 3 éléments très distincts ou alors, sus au tableau et je fait tout en calques css? (je pensais que le tableau garderais quand même une ultime stabilité a la structure)
Question anodine, mais qui m'évitera certainement de tout refaire pour la ennieme fois ..
Merci pour votre aide..
Pierre
Je débute vraiment sur le css.
Jusque la je faisait tout mes sites sous forme de tableau. Apparemment le tableau c'est quand même obsolète donc je suis passé (aujourd'hui) en calques css.
Avis aux expérimentés:
J'ai une bannière, un menu a gauche et ma page centrale.
(La bannière et le menu sont sous forme d'un template dreamweaver).
> Croyez vous que je garde quand même un tableau pour ces 3 éléments très distincts ou alors, sus au tableau et je fait tout en calques css? (je pensais que le tableau garderais quand même une ultime stabilité a la structure)
Question anodine, mais qui m'évitera certainement de tout refaire pour la ennieme fois ..
Merci pour votre aide..
Pierre
A voir également:
- 100% css - dois je garder un tableau?
- Tableau word - Guide
- Trier un tableau excel - Guide
- Tableau ascii - Guide
- Imprimer un tableau excel - Guide
- Tableau croisé dynamique - Guide
6 réponses
La question doit se penser en terme de sens .
Est ce que ce que tu souhaite mettre dans un tableau est une donnée tabulaire, ou non ?
Si joint un extrait d'un document que j'avais fait pour expliquer la sémantique d'un site :
[...] Il en est de même pour les tableaux. Quel est le sens d'un tableau; Sa sémantique ?
Un tableau est une structure qui sert à présenter des données tabulaires c'est à dire des données où toutes les lignes et/ou toutes les colonnes contiennent le même type d'information. En html pour définir la porté de ces information nous utilisons la balise <caption> .
Imaginons une page présentant une boutique en ville. Sur cette page nous voulons présenter ce que nous vendons, et nos horaires d'ouverture. Quel est le plus important ? Nos produits évidement. Donc nous nous devons de traduire cette importance par une sémantique adaptée. Donc logiquement, dans la structure de notre page, nous allons faire un paragraphe (<p>) pour définir ce que nous vendons dans nos magasin, et tout aussi logiquement un tableau (<table>) pour indiquer nos horaires d'ouverture. D'un point de vue technique, nous comprenons tout aussi bien, q'un moteur de recherche, ce que webmaster a voulu nous dire.
Il serait donc totalement absurde de présenter notre page sous cette forme :
Cela ferait perde tout sens à notre page. Les moteurs de recherche doivent apporter plus d'importance à pommes ou à 17h ? A coup sur, nous aurions un positionnement vraiment enviable sur le terme "9h-17h", alors que sur pommes, étant donné la concurrence sur ce terme commercial, nous devrions nous estimer heureux en 10ieme page de n'importe quel moteur.[...]
Si tu souhaite avoir le reste du document demande le mois en MP (ou par mail via mon profil) je te l'enverais
Est ce que ce que tu souhaite mettre dans un tableau est une donnée tabulaire, ou non ?
Si joint un extrait d'un document que j'avais fait pour expliquer la sémantique d'un site :
[...] Il en est de même pour les tableaux. Quel est le sens d'un tableau; Sa sémantique ?
Un tableau est une structure qui sert à présenter des données tabulaires c'est à dire des données où toutes les lignes et/ou toutes les colonnes contiennent le même type d'information. En html pour définir la porté de ces information nous utilisons la balise <caption> .
Imaginons une page présentant une boutique en ville. Sur cette page nous voulons présenter ce que nous vendons, et nos horaires d'ouverture. Quel est le plus important ? Nos produits évidement. Donc nous nous devons de traduire cette importance par une sémantique adaptée. Donc logiquement, dans la structure de notre page, nous allons faire un paragraphe (<p>) pour définir ce que nous vendons dans nos magasin, et tout aussi logiquement un tableau (<table>) pour indiquer nos horaires d'ouverture. D'un point de vue technique, nous comprenons tout aussi bien, q'un moteur de recherche, ce que webmaster a voulu nous dire.
Il serait donc totalement absurde de présenter notre page sous cette forme :
<table>
<td>
<tr> </tr>
<tr>Elle vend des pommes, des poires, et des scoubidoubidouHa</tr>
</td>
<td>
<tr> </tr>
<tr>
<table>
<td>
<tr>Lundi</tr>
<tr>Mardi</tr>
<tr>Jeudi</tr>
<tr>Vendredi</tr>
</td>
<td>
<tr>9h-17h</tr>
<tr>9h15-18h</tr>
<tr>10h-17h</tr>
<tr>8h30-13h</tr>
</td>
</table>
</tr>
</td>
</table>
Cela ferait perde tout sens à notre page. Les moteurs de recherche doivent apporter plus d'importance à pommes ou à 17h ? A coup sur, nous aurions un positionnement vraiment enviable sur le terme "9h-17h", alors que sur pommes, étant donné la concurrence sur ce terme commercial, nous devrions nous estimer heureux en 10ieme page de n'importe quel moteur.[...]
Si tu souhaite avoir le reste du document demande le mois en MP (ou par mail via mon profil) je te l'enverais
pyschopathe
Messages postés
2053
Statut
Membre
135
Je plussoie glabok et j'insiste sur le fait qu'utiliser un tableau pour la mise en page n'a aucun sens (pas de sémantique) et induit un code lourd et difficilement lisible alors que CSS permet de faire la même chose, en plus concis, plus flexible et, lorsque les balises sont choisies avec discernement, apporte un dimension sémantique largement supérieure.
Salut,
Là ça dépendra de tes goûts...
Certains aiment passer par les <table>, d'autres les <div>, d'autres les include en php..
C'est juste un choix.
Perso oui, juste pour une présentation Banniere/Menu/Footer : des div sont plutot rapides à mettre en place, et souples via le css..
Là ça dépendra de tes goûts...
Certains aiment passer par les <table>, d'autres les <div>, d'autres les include en php..
C'est juste un choix.
Perso oui, juste pour une présentation Banniere/Menu/Footer : des div sont plutot rapides à mettre en place, et souples via le css..
Tu restes plus libres à concevoir des données en DIV qu'en TABLE (il est facile de remodifier l'emplacement de données dans des div que pour des tableaux).
Merci pour vos reponse..
moi je m'arretais juste au probleme de coding.
En gros jusqu'a present j'utilisais photoshop qui me decoupait mon image en un magnifique bric a brac de tables invisible. Pratique pour placer les textes html au pixel pres et garder un graphisme stable.
Mais c'est vrai que si je voulais changer le moindre pixel, j'etais obligé de refaire toute la page.
Je viens de voir que deux gros sites, canal+ et google, n'utlisent absolument aucun tableau. Meme pour placer une banniere ou un menu..
Je me tate..
A+ et encore merci pour votre aide..
Pierre.
moi je m'arretais juste au probleme de coding.
En gros jusqu'a present j'utilisais photoshop qui me decoupait mon image en un magnifique bric a brac de tables invisible. Pratique pour placer les textes html au pixel pres et garder un graphisme stable.
Mais c'est vrai que si je voulais changer le moindre pixel, j'etais obligé de refaire toute la page.
Je viens de voir que deux gros sites, canal+ et google, n'utlisent absolument aucun tableau. Meme pour placer une banniere ou un menu..
Je me tate..
A+ et encore merci pour votre aide..
Pierre.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Utilise des Div auquel tu attribut des id c'est bien et ça se gère facilement avec un feuille de style (css)
salut,
moi je m'arretais juste au probleme de coding.
ben utilise la meilleure et seule technique valable : CSS.
Pratique pour placer les textes html au pixel pres et garder un graphisme stable.
tout aussi faisable en CSS, souvent plus facilement.
il faut te former un minimum et après tu verras que c'est beaucoup plus simple de tout faire toi même car ça te permet de maîtriser complètement ce que tu fais.
Je me tate..
ben arrête et va faire un tour chez alsacreations.com par exemple !
moi je m'arretais juste au probleme de coding.
ben utilise la meilleure et seule technique valable : CSS.
Pratique pour placer les textes html au pixel pres et garder un graphisme stable.
tout aussi faisable en CSS, souvent plus facilement.
il faut te former un minimum et après tu verras que c'est beaucoup plus simple de tout faire toi même car ça te permet de maîtriser complètement ce que tu fais.
Je me tate..
ben arrête et va faire un tour chez alsacreations.com par exemple !
