"Css" et balise "Div", besoin de vos conseils... [HTML] - HTML/CSS - Programmation
Marsh Posté le 22-03-2004 à 11:07:53
CSS = mise en forme
Donc les CSS ne vont pas remplacer des <table> ou <div>, ils permettent juste de les mettre en forme.
L'intérêt des div par rapport aux table, c'est que les div ce ne sont que des bêtes blocs auxquels on donne un style via CSS.
Les table à l'origine c'est pas prévu pour de la mise en page.
Pour le débat table/div, y a ceci : http://openweb.eu.org/articles/problemes_tableaux/
Pour les div, dans pas mal de cas il y moyen que ça passe sur Mozilla / Opera 6 & 7 / IE 5 & 6.
Parfois il y a des bidouillages à rajouter.
Et dans certains cas on atteint les limites des CSS2 (la norme actuelle) et on doit se contenter des table.
Marsh Posté le 22-03-2004 à 11:09:03
antp a écrit : CSS = mise en forme |
merci, c'est trés clair ! juste une précision qu'est ce que tu entend par "parfois il y a des bidouillages à rajouter...".
Marsh Posté le 22-03-2004 à 11:11:03
Il y a aussi http://incongru.webdynamit.net/LaNouvelleFAQ qui peut servir
Marsh Posté le 22-03-2004 à 11:12:46
cvb a écrit : |
un navigateurs comme IE ne calcul pas les distance de la meme facon que les autres, il y a donc parfois certais bidouillage a faire pour prendre en compte tous les navigateurs (cf lien vers openweb)
Marsh Posté le 22-03-2004 à 11:12:56
cvb a écrit : Salut, |
A terme oui. Tout va dans le sens d'un meilleur support des standards et l'apparition d'outils facilitant leur développement (efforts dans DW2004 même si ça reste embryonnaire, NVU/composer, etc.).
L'utilisation des tableaux pour la mise en page est un détournement de leur mission initiale. Changer les habitudes prendra un peu de temps, mais le mouvement est en cours.
Presque tout est possible avec les CSS (a fortiori avec les navigateurs respectant complètement les standards), cf. http://www.cssvault.com/ où tous les sites sont faits en CSS.
cvb a écrit :
|
Internet Explorer a encore des lacunes dans le support des standards, mais il existe des moyens de contourner ces effets de bord :
http://www.fastclemmy.com/index.ph [...] t-Explorer
Tu peux envoyer bouler NN4 :
http://www.pompage.net/pompe/paitre/
Des liens pour avancer :
http://incongru.webdynamit.net/FaQ/
http://openweb.eu.org/
Marsh Posté le 22-03-2004 à 11:13:54
antp a écrit : Et dans certains cas on atteint les limites des CSS2 (la norme actuelle) et on doit se contenter des table. |
C'est surtout les limites d'IE que je rencontre moi
Marsh Posté le 22-03-2004 à 11:18:04
fastclemmy a écrit : |
Oui, c'est sûr, mais même si IE supportait correctement CSS2 y a certains trucs qui ne sont pas prévus et pour lequels il faut bidouiller.
Marsh Posté le 22-03-2004 à 11:22:55
fastclemmy a écrit : |
C'est très clair, mais bon... Tant qu'autant de gens continueront à l'utiliser, il faudra le prendre en compte...
Sinon, pour les "bidouilles", en ce qui me concerne, je suis contre. Il faut faire évoluer le web-design au rythme des technos, et pas vouloir aller plus vite que la musique si on veut des sites "perdurables".
C'est le même problème que les gens qui utilisent en permanence la dernières béta instable d'un logiciel au lieu d'utiliser la dernière version stable, à la différence que là, on est tributaire d'un public.
Faire des pages, c'est assurer la compatibilité maximum avec le passé, le présent mais aussi et surtout le futur, donc les hack, moi je dis --> exit. Car rien ne permet de savoir comment ils seront interprêtés, et de plus, c'est la politique de "l'adpatation" à tel ou tel navigateur.
Il faut cherche "le code qui passe partout", sans adaptation pour tel ou tel navigateur, quite à être moins "sémantique" par moment.
Cela n'empêche pas évidemment d'utiliser les div dès que c'est possible et avantageux, ce qui représente quand même l'immense majorité des cas.
Je tiens à répéter ce point de vue, parce qu'à mon sens, le pire ennemi des normes, c'est le mec butté qui pense qu'à utiliser les dernières normes à tout prix, quite à avoir des problèmes ensuite et ne pas assurer une véritable compatibilité avec les navigateurs actuels. C'est une démarche absurde qui ne fait que conforter les professionnels qui disent que les divs c'est nul etc... etc...
Marsh Posté le 22-03-2004 à 11:31:36
Tout à fait d'accord. Perso je ne suis pas très chaud pour l'utilisation de ces hacks.
Marsh Posté le 22-03-2004 à 11:39:34
Vous me conseillez quoi pour assurer, une bonne lisibilité de mes sites web ? Utiliser à petite dose, les CSS, où dans son intégralité ? Utiliser les claques ? Quel est en gros la meillieur façon d'apprendre les CSS et toutes ses fonctionnalitées ?
ps : je suis entrain de lire vos différents liens.
Marsh Posté le 22-03-2004 à 11:44:12
cvb a écrit : Utiliser les claques ? |
T'as raison, une bonne baffe des fois y'a pas mieux pour apprendre !
Sinon, plus sérieusement, je te conseille d'y passer totalement. Commence par bien apprendre les concepts du positionnement en CSS (cf. les 3 articles d'openweb à ce sujet), c'est le plus difficile à comprendre quand on a été habitué à utiliser des tableaux...
EDIT: commence par des exemples simples de mise en page pour bien voir comment les éléments interagissent...
Marsh Posté le 22-03-2004 à 11:45:35
fastclemmy a écrit : |
merci, je suis pas Mazo !
Sinon, les CSS me fait penser étrangement à un langage programmation. Sinon, merci pour tes conseils. comme tu dis, je fais apprendre sur des exemples simple. Je mets pas la charue avant les boeufs
Marsh Posté le 22-03-2004 à 11:59:13
Putain j'en reviens pas comment ça devient à la mode les CSS ...
Mais bon il faudrait aussi le donner ce lien pour qu'il soit completement convaincu:http://www.csszengarden.com/tr/francais/
Etudie bien ces pages, cliques sur les liens à droite..
A première vue rien d'extraordinaire, mais en fait si tu lis le site, tu remarquera que c'est exactement le même contenu, et même exactement le meme code HTML (Xhtml en fait)
Y'a que le CSS qui change...
Voilà quoi , ça tue ce truc .
Marsh Posté le 22-03-2004 à 12:00:09
La première chose est d'apprendre les trucs de base si tu ne les connais pas, comme la mise en forme du texte, les titres, etc. par CSS (en gros faire une page valide mais sans le menu sur le côté ou la banderole en haut). Ensuite tu peux passer au positionnement.
Marsh Posté le 22-03-2004 à 12:05:29
protoinou a écrit : Putain j'en reviens pas comment ça devient à la mode les CSS ... |
je vois les avantages du CSS, mais c'est l'adptation qui va être compliqué. Mais pas impossible. Je veux surtout que mes pages perso, actuellement faites avec des tableaux, tournent bien et soit bien interprétées par les différents navigateurs quand elles seront refaites en CSS ou tout du moins quand j'aurais maitriser cette technique
Edit : Antp > je compte bien y aller par étape ! et faire des brouillons avant de m'attaquer proprement dit au diffèrents sites
Allez hop, au boulot !
Marsh Posté le 22-03-2004 à 13:32:57
cvb a écrit : Vous me conseillez quoi pour assurer, une bonne lisibilité de mes sites web ? Utiliser à petite dose, les CSS, où dans son intégralité ? Utiliser les claques ? Quel est en gros la meillieur façon d'apprendre les CSS et toutes ses fonctionnalitées ? |
Heu, on est en train de confondre plusieurs choses là :
Il est évident qu'on fait TOUT, ABSOLUMENT TOUT avec des CSS, c'est l'utilisation de div qui dans certains cas est sujette à caution.
Il faut être bien clair.
Que tu utilises une table ou un div, les propriétés sont mises DANS LES CSS quoi qu'il arrive.
Marsh Posté le 22-03-2004 à 14:42:37
hermes le messager a écrit : |
Aprés c'est une question d'outils ? et d'optimisation des pages, ect...? Personellement, comme je l'ai dis, je vais commencer à vois les feuilles de stye tout doucement pour à l'avenir alléger mes pages !
Marsh Posté le 22-03-2004 à 15:21:12
CVB regarde ce lien, ça te donne l'exemple parfait du passage de tableaux au CSS :
http://www.openweb.eu.org/articles [...] standards/
Regarde bien ça tu va pleurer, tu va voir que c ultra simple et ultra mieux !!!
Marsh Posté le 22-03-2004 à 15:24:42
protoinou a écrit : CVB regarde ce lien, ça te donne l'exemple parfait du passage de tableaux au CSS : |
Et des tableaux avec toutes les propriétés en CSS, c'est quoi ? C'est plus des CSS ?
Ya d'une part :
- mise en page avec CSS <> - mise en page avec attributs HTML.
Et d'autres part :
- Mise en page avec div <> - mise en page avec des tables.
Marsh Posté le 22-03-2004 à 15:29:57
hermes le messager> De quoi j'ai pas compris ce que tu voulais dire
Marsh Posté le 22-03-2004 à 15:31:43
hermes le messager a écrit : |
La mise en page n'est pas faite par CSS mais par les lignes et colles des tableaux dans ce cas
Si tu utilises des div, la mise en forme n'est faite que par CSS (sans CSS, t'as plus tes colonnes)
Marsh Posté le 22-03-2004 à 15:36:57
antp a écrit : |
Argument qui se tient mais qui n'est pas tout à fait exact.
Un liste comporte aussi des sous-éléments qui vont déterminer un comportement "graphique".
Une table qui sert de "contenant" pour un autre élément est certe détournée, mais ça reste un élément HTML comme un div reste un élément HTML lui aussi.
Après, c'est certain que se passer de table quand c'est possible, c'est toujours mieux.
Marsh Posté le 22-03-2004 à 15:37:41
protoinou a écrit : hermes le messager> De quoi j'ai pas compris ce que tu voulais dire |
Tu confonds le problème des CSS et celui des DIV contre TABLE.
Marsh Posté le 22-03-2004 à 15:40:06
cvb a écrit :
|
L'avenir à terme c'est d'avoir des pages entièrement en XML, avec une feuille de style pour que ça soit consultable dans les navigateurs classiques.
Le contenu pourrait être ensuite traité par des logiciels clients (plus besoin de conneries genre Javascript pour donner un semblant d'interactivité), qui pourraient être très diversifiés.
, la fumette ça me réussit pas.
Marsh Posté le 22-03-2004 à 15:40:56
Docteur_Canard a écrit : |
Au contraire, je pense que ta description est la bonne.
Marsh Posté le 22-03-2004 à 15:42:33
antp a écrit : CSS = mise en forme |
J'avais même pas vu que tu avais déjà relevé le problème dès le deuxième message.
Marsh Posté le 22-03-2004 à 15:46:09
Le pb c'est qu'on se sert du tag table pour mettre en forme alors qu'il ne faut pas, il faut utilisé les feuilles de style CSS sur les tags aproprié.
Non ? Et on utilise le DIV (pour définir un bloc à mettre en forme) ... Mais çà peut être autre chose qu'un DIV ...
Marsh Posté le 22-03-2004 à 15:51:47
protoinou a écrit : Le pb c'est qu'on se sert du tag table pour mettre en forme alors qu'il ne faut pas |
Ben ça dépend, si tu as une table à faire, tu utilises une table.
Citation : il faut utilisé les feuilles de style CSS sur les tags aproprié. |
Oui, presque toujours, sauf quand on est obligé de faire une page web avec une feuille de style différente pour chaque navigateur (j'exagère... quoi que...)...
Marsh Posté le 22-03-2004 à 16:32:26
hermes le messager a écrit : |
Ce passage là m'interesse, qu'est ce que tu veux dire exactement ? t'as l'air de ne pas tout dire ?
Marsh Posté le 22-03-2004 à 16:34:26
cvb a écrit : |
Tu le comprendras par toi-même sur le terrain.
Pour le moment, contente-toi d'une chose :
- le fait d'utiliser UNIQUEMENT les CSS à la place des attributs dans le HTML.
Marsh Posté le 22-03-2004 à 16:51:46
hermes le messager a écrit : |
Bon....benh...merci !
Marsh Posté le 22-03-2004 à 10:52:08
Salut,
Ont dit que les CSS, remplace progressivement les tableaux,ect...essentiellement pour des raisons de maintenance et de cout de revient. Peu importe. Je me pose deux questions ?
Merci d'acance pour les réponses
@+
cvb
ps : Avant de me lancer pour refondre les sites, j'aimerais le faire avec ses nouvelles méthode et "delaisser" les tableaux.
Message édité par cvb le 22-03-2004 à 10:54:55