Un avis sur OM-Passion

Bonjour,

Je me soucis toujours de l'estétique de mon site et je voulais avoir vos avis sur http://www.om-passion.com/.

J'envisage dans les prochains jour de laisser tomber les tableaux (<table> ...)

Voila, merci
Modifié par willyz85 (19 Jun 2005 - 20:39)

Salut,

Le choix de couleurs me semble adapté, et le contraste assez bon. Le blanc sur bleu clair pourrait poser des problèmes de lecture à certaines personnes ayant des problèmes de vision, mais le choix est tout de même logique, vue le sujet.
Essaie de donner un peu plus d'espace à tes titres de section : sous Firefox, le texte blanc est collé aux bords.
Je trouve qu'il y a trop de contenu sur une même page : ça gène la lisibilité.

Merci Je vais régler le pb pour la barre des titres

Pour ce qui es du contenue, je ne sais pas ce que je pourrais enlever de l'acceuil. Peut être le classement ?

Pour l'utilisation des div au lieu des tableaux, bein, j'y arrive pas :| Rien que pour le haut et le bas des menus puis pour la page équipe type, je vais galléré

Pour le contenu, je ne te serais d'aucune aide : je ne m'y connais absolument pas en foot et je n'aime pas ça; je suis donc totalement incapable de te dire ce que des fans de foot pensent être le plus important comme info.

Pour ce qui est de passer des tableaux aux divs, je te conseille la chose suivante : occulte tout ce que tu as appris sur la mise en page en tableaux, puis regarde ta page, et décris la en cherchant à déterminer ce qu'est chaque chose, et non la façon dont c'est représenté.
Exemple : ne dis pas "un tableau avec un texte en gras bleu dans la première case et un lien dans chaque case suivante, avec une par ligne" mais "un menu avec un titre suivi d'une liste de liens".

A partir de là, essaie de te baser sur une conception modulaire : d'abord les gros morceaux, puis les détails.

Pour tout ce qui est texte, liste ... je pense être capable de le faire mais pour cette page par exemple :

http://www.om-passion.com/type_saison_04.html qui est totalement généré en php

et pour

<table width="180" cellspacing="0" cellpadding="0" border="0">
	<tr>
		<td class="g_haut"><img src="images/spacer.gif" alt="" width="8" height="4"></td>
		<td class="haut" valign="top" align="right"><span class="titre">Sommaire</span></td>
		<td class="d_haut"><img src="images/spacer.gif" alt="" width="8" height="4"></td>
	</tr>
</table>

Je ne serais pas comment m'y prendre



Merci de vos réponce en tout cas

Commence par repérer quels sont les éléments structurants de ta page, puis leurs contenus, et leurs imbrications (des fois, un papier et un crayon ça peut aider pour ça).
Après, tu as quelques tutoriels qui devraient pouvoir t'aider par ici :
http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/
Regarde aussi les liens qui sont donnés autour, tu devrais trouver ton bonheur.

willyz85 a écrit :
Pour tout ce qui est texte, liste ... je pense être capable de le faire mais pour cette page par exemple :

http://www.om-passion.com/type_saison_04.html qui est totalement généré en php

et pour

<table width="180" cellspacing="0" cellpadding="0" border="0">
	<tr>
		<td class="g_haut"><img src="images/spacer.gif" alt="" width="8" height="4"></td>
		<td class="haut" valign="top" align="right"><span class="titre">Sommaire</span></td>
		<td class="d_haut"><img src="images/spacer.gif" alt="" width="8" height="4"></td>
	</tr>
</table>

Je ne serais pas comment m'y prendre

Merci de vos réponce en tout cas

Pour la page générée en php, ça dépend du php.
Pour le code que tu donnes, regarde du côté des propriétés de dimension (height, width, padding, margin). Tu dois logiquement pouvoir faire la même chose, mais sans toutes ces cases et ces spacers qui polluent le code.

PS : Attention à ton orthographe.