Aujourd'hui est un grand jour.

Cela fait un moment que j'essaie de faire des pages en css, juste en css. Mais il y avait toujours des trucs qui buguaient. Soit c'était nickel sous Mozilla et pas du tout sous Internet Explorer ou  l'inverse, soit ça n'allait nulle part pour ce que je voulais faire, bref, un vrai casse-tête chinois le css, j'en étais venue à maudire le css, à regretter mes bons tableaux bien lourds, hmmm...

Et aujourd'hui, enfin, pour la première fois, j'ai tenté la première page d'un site pour un nouveau client en css, et incroyable ! En quelques heures, plié, rangé, tout était nickel sous les DEUX navigateurs. En plus, ça ressemble exactement à l'interface graphique que j'ai réalisée sous Fireworks.  J'ai encore du mal à le croire.

Ce résultat magnifique sera visible en ligne je pense d'ici quelques semaines.

En attendant, voici les leçons que j'ai retenues à force d'explorer forums, tutoriaux et autres cavernes du Web, qui m'ont aidée à réaliser cette fameuse page :

- La position absolue, que je trouvais très utile au départ pour positionner un calque comme je veux, pose en fait plein de problèmes de compatibilité entre navigateurs si l'on applique cette position à beaucoup de calques. Mieux vaut donc ne l'utiliser que quand c'est vraiment nécessaire.
- La position float est super pour aligner des éléments comme des colonnes, c'est-à-dire les uns à côté des autres, en plus elle me rappelle un peu mes bons vieux tableaux.
- Il n'est pas utile d'attribuer systématiquement un type de position (absolute, relative, fixed ou float) à un élément. Si l'on n'attribue aucun type de position à un div, il suit tranquillement le flux normal du positionnement des éléments. La position n'est utile QUE lorsqu'on on veut décaler l'élément du flux, ce que j'ai mis un peu de temps à comprendre, d'où certains soucis.
- Il est indispensable de comprendre le positionnement naturel des éléments (les éléments bloc s'alignent verticalement et les éléments en-ligne s'alignent horizontalement) avant d'attaquer quoi que ce soit en css.
- Les marges négatives sont très utiles pour centrer l'ensemble d'une page horizontalement ET verticalement.
- Il est bien d'utiliser différents types de balises bloc, comme p ou li, et non pas juste div, div et div comme je faisais avant.

Et j'ai encore plein de choses à apprendre, youpi !

Voici mon problème. Je fais partie des inconditionnels des tableaux en matière de développement Web. C'est simple, j'adore les tableaux. Alors que d'autres galèrent à mettre toutes leurs colonnes à la même largeur ou à caler une image là et le texte là, moi j'arrive à tout faire sur les tableaux. Je maîtrise à fond. Un site Web est facile à faire pour moi grâce aux tableaux. Ben oui, à l'époque où je me suis intéressée au Web, c'était LA technique professionnelle, les tableaux. Utiliser des pixels transparents pour gérer les dimensions des cellules, c'était un truc de pro. Mais c'est vrai que lorsque j'ai vraiment débuté dans le Web, c'était en... 2002. Hmm. C'est vrai que ça commence à dater.

Et donc la suite de mon problème c'est que depuis quelque temps, j'entends beaucoup parler des css. A ce qu'il paraît les css c'est l'avenir, je dirais même que c'est le présent, en fait je suis même complètement has been avec mes tableaux et mes pixels transparents. Je suis allée faire un petit tour sur certains sites qui traitaient du sujet. Et en fait mes tableaux ça :
- rend les pages lourdes
- rend le site difficile à modifier par la suite
- rend le site difficile d'accès aux aveugles et handicapés
- rend le site difficile d'accès sur les téléphones mobiles
- ne correspond pas aux normes W3C (les quoi au fait ???)
- et d'autres choses encore

Conclusion, moi avec mes beaux tableaux, je n'ai plus ma place sur la toile, je ne suis pas une pro, je ne suis pas dans l'air du temps, autant le dire, honte sur moi.

Il est vrai que, depuis quelque temps, je m'efforce de devantage travailler avec les css, c'est-a-dire que j'applique plus de classes css sur mes cellules de tableaux mais, je l'avoue, mes tableaux sont toujours là. En réalité, il faudrait que j'utilise des div, ben oui des div, ces trucs qui servent à positionner des éléments dans une page grâce aux css, justement. En fait, depuis l'existence des css, les tableaux ne devraient pas servir à mettre en page un site Web à proprement parler. Ils devraient servir à exposer des données tabulaires, des données qui ont leur place dans un tableau. Et pour mettre en place des éléments dans une page, on doit plutôt utiliser les div.

Ma conclusion est donc que même si je suis très triste d'abandonner mes tableaux auxquels je m'étais bien habituée (snif), il va falloir que je me mette aux css si je ne veux pas me retrouver la plus ringarde des Webmasters (si ce n'est déjà fait d'après les commentaires cuisants que je lis sur l'utilisation des tableaux). Les css, il faut du temps pour s'y mettre, ça paraît compliqué au départ lorsque l'on est habitué aux tableaux, mais bon ensuite le site est beaucoup plus facile à modifier. Allez, courage Marie-Luce, css, me voici.