Discussion :

[Invité4]

Bonjour,

j'ai mis à jour le site de notre société en créant un nouveau design nous débarrassant des tables en mettant du 100% div.
J'utilise à fond la transparence des png, donc ça passe pas sous IE < 7.

http://www.dynasites.ch/

Qu'en pensez-vous ?

Merci

[Keihilin]

Ben fais attention quand même...Un site qui s'affiche aussi mal sous IE6, ça décrédibilise quand même un peu pour une société de création de sites

[Invité4]

C'est vrai, mais c'est frustrant quand on veut profiter des technologies un peu plus récentes que 2001 .
Je pourrais faire une version spécial pour IE6.

[clb56]

Bonjour,

j'ai mis à jour le site de notre société en créant un nouveau design nous débarrassant des tables en mettant du 100% div.

Qu'en pensez-vous ?

Bonjour Eldacar

Qu'en penser effectivement...

Il y a un gros soucis dès le départ car la démarche vers les standards du web ne consiste pas du tout, concernant la mise en page, à passer de <table> à <div> mais de passer d'un html encombré de <table> n'ayant aucune pertinence particulière du point de vue de la description du contenu à une gestion du rendu à l'écran par les propriétés de positionnement de css. Le html s'en tenant à sa pure fonction de description pertinente et structurante du document et de son contenu.

Tu te retrouves donc avec plein de <div> mais dont tu ne maitrises pas du tout la logique de leur présence dans le code source et que tu utilises à la place des balises html adéquates.

Prenons ceci par exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div>
	<img src="images/titre.png" alt="DynaSites, Lausanne" />
</div>

la balise <img> est de niveau inline, c'est à dire qu'elle est assimilable a du texte simple et qu'elle n'introduit aucune rupture dans le flux de texte simple (flux de niveau texte donc). Tu choisis de baliser cette image avec un conteneur de niveau block, et tu as bien raison s'il s'agit bien d'avoir une rupture dans le flux inline. Sauf que la balise adéquate pour réaliser cela ce n'est pas <div>, c'est <p>.

Dans sa très grande mansuétude le html autorise que <div> puisse être conteneur de texte anonyme ou de balisage inline, il n'empêche que ce n'est pas la fonction de cette balise.


Prenons ceci maintenant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div class="CategoryTitle">
		Présentation
</div>

Dès la première approche de ton document on se doute bien que présentation est un en-tête d'une section dans laquelle on trouve plusieurs sous sections chacune avec son en-tête. Et là une fois de plus tu as bien raison. Mais dans ce cas pourquoi n'as tu pas rendu cela transparent via html en utilisant les balises de heading (<h1>, <h2>, etc...).

Le html est fait pour opérer ce genre de précisions dans la constitution du document web. <table> utilisée pour de la mise en page est effectivement à coté de la plaque de ce point de vue.

Mais abandonner <table> sans permettre à html de déployer toutes ses possibilités he bien c'est vraiment très dommage non ? (Déjà que des possiblités il n'en a pas tant que ça le pauvre vieux )

[djoyeux]

Je tiens aussi à dire que le png transparent fonctionne sous IE en utilisant un filtre adéquat.

Je m'en sert sur un de mes sites et ça fonctionne trés bien à condition de mettre tes liens en position relative.

De plus 2 3 détails sur le site :
- La bannière du haut fait bizarrement centré !!!
- ton site en lui-même pourrait être centré dans la Page du navigateur.
- le menu fait vraiment gros pour le peux de contenu.
- Ton site n'a pas l'air valide W3C.

- et cette phrase me parait... Bref trop ou pas assez vulgarisé

Intégration de la technologie AJAX sur votre site, pour rendre vos pages vivantes et réactives.

On rend ses pages vivante et interactive avec du PHP. Pourquoi parler ici d'AJAX ??? On sent trop que le mot AJAX et laché comme ça par ce que c à la mode.

Sinon design en générale sobre. pas mal.

De plus pour reprendre ce que disais clb56. Utiliser du H1 H2 H3 permet au moteur de recherche de mieux indexer ta page..

voila

[Invité4]

EN PHP tu ne génères en rien des pages vivantes,
une fois que c'est chargé c'est fixe.

On fait, avec AJAX, des onglets avec des div qui se rechargent, on a fait un chat en AJAX, etc.

Là c'est toi qui te trompes, tu fais effectivement des trucs vivants avec Ajax.

[Janitrix]

PHP permet le dynamisme du contenu, pas de la page en elle même, comme l'a dit Eldacar, c'est Javascript (et non Ajax qui n'est qu'une technique de développement) qui va dynamiser la page, en ajouter du mouvement, de la réaction. C'est parfois très bien réussi, mais souvent, c'est fait avec beaucoup de maladresse, ça devient lourd, et ça bousille l'accessibilité.