3246 sujets

Critiques de vos sites: code et design

Besoin de vos avis pour mon site

j'aime bien le design il est simple et compréhensible
mais c'est vrai qu'il n'est pas magnifique (peut-être le couleurs
Bonjour,
Je ne suis pas spécialiste,mais
Je n'ai pas vu le Doctype et
le tableau pour présenter des images ne pourrait-il pas être remplacé par une seule image avec un alt bien renseigné Smiley eek
salut chmel,

je suis 100% d 'accord avec toi.
En ce qui concerne le doctype , je le mettrai prochainement(je dois encore y reflechir...)

En ce qui concerne le tableau "image"; je suis d'accord avec toi....mais
c'est une contrainte imposée par le graphiste...le cercle en fond doit passer strictement derriere les photos....c'est la charte....et comme le jpg transparent n'existe pas....et que le graphisme à été réalisé par une personne peu experimentée en webdesign(et donc n'a pas conscience des contraintes techniques...)....
Ce tableau, bien que pas vraiment satisfaisant est la "meilleurs" solution
que j'ai trouvée......tu as peut être un idée alternative à me proposer.

a+ Smiley cligne
Modifié par dubnet (10 Sep 2005 - 23:43)
Question design: sobre, simple, efficace.

Question code:
<table id="table_photo" width="456" height="201" border="0" cellpadding="0" cellspacing="0">

	
	<tr>
		<td width="107" height="50" rowspan="3">
			<img src="images/spacer.gif" width="107" height="50" alt=""></td>
		<td rowspan="3">
			<img src="images/img1_02.jpg" width="158" height="50" alt=""></td>
		<td width="190" height="24" colspan="2">
			<img src="images/spacer.gif" width="190" height="24" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="24" alt=""></td>

	</tr>
	<tr>
		<td width="31" height="25">
			<img src="images/spacer.gif" width="31" height="25" alt=""></td>
		<td>
			<img src="images/img1_05.jpg" width="159" height="25" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="25" alt=""></td>
	</tr>

	<tr>
		<td width="31" height="40" rowspan="2">
			<img src="images/spacer.gif" width="31" height="40" alt=""></td>
		<td rowspan="2">
			<img src="images/img1_07.jpg" width="159" height="40" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>

		<td colspan="2">
			<img src="images/img1_08.jpg" width="265" height="39" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="39" alt=""></td>
	</tr>
	<tr>
		<td colspan="4">
			<img src="images/img1_09.jpg" width="455" height="112" alt=""></td>
		<td>

			<img src="images/spacer.gif" width="1" height="112" alt=""></td>
	</tr>
</table>


Tout ca peut etre enlevé et remplacé par quelques lignes !

<style type="text/css">	

ul.list li.li_promo a
{
color:red;
}
ul.list li.li_promo a span
{
color:black;
}
	
</style>

Pourquoi ne pas directement mettre ca dans la feuille de style externe ?

<!--[if IE]>
<link rel="stylesheet" type="text/css" media="screen" href="correction_IE.css" />
<!  -->


Il y a certainement un moyen pour éviter une feuille de style spécial IE, surtout sur une mise en page simple comme la tienne.

Question éthique: il y a un forum pour les avis Smiley cligne
Pourquoi ne pas mettre l'image en PNG transparent (8 bits), ca ferait une seule image à la place de ce long long code...
Modifié par Sylvain (11 Sep 2005 - 09:37)
ok merci de deplacer mon sujet...j'ai fait une erreur.

PNG transparent...j'y ai bien pensé mais le pb c'est le poids.....
Tout a fait faux, c'est un préjugé.
En testant, je suis certain qu'on fait pratiquement le même poid en JPG qu'en PNG transparent 8 bit (ce qui est pratiquement identique au GIF, si ce n'est que c'est libre), vu la taille de l'image.
Et, ca allégera énormément ton code.
oui...t'as raison...je crois que j'ai fini par m'embrouiller moi même.
j'arrive à 25/30k au lieu de 35/40k+des emmerdes plus un code qui fout par terre tous mes efforts de comformité aux normes W3C donc
merci sylvain

quelle est le niveau de comptabilité des png transparents?
Modifié par dubnet (11 Sep 2005 - 13:16)
Les PNG transparents avec une seule couleur de transparence marchent sur environs tout les navigateurs récents, à ce que je sache (au moins IE5 et, safari, nestscape et mozilla).
Par contre, PNG transparent avec alpha, ca marche chez tout le monde sauf IE (autant dire chez personne, si on regarde les statistiques...)
Bonjour,

J'aime beaucoup ce design !
Smiley murf

Pour encore mieux utiliser "la gestion des blancs" dans cette mise en page, un peu de contraste dans le contenu : mise en valeur des titres (ou sous-titres), peut-être l'emploi de liste :

Vos objectifs :

- le dépassement de soi
- l'implication personnelle
- etc.

pour une lecture immédiate.
Sujet clos
Aller à