[Amateur] Site à 3 styles

Bonjour,

Je viens soumettre un site que je dois effectuer dans le cadre de mes cours (rien à voir avec le webdesign).

Comme je ne savais pas trop quoi faire comme design, j'ai eu l'idée de faire plusieurs feuilles de style.

Le site est vide pour le moment, donc je poste principalement pour un feedback question visuel.

Le lien : http://www.coiffure-styling.com/site/index.php?style=paper (ne faites pas attention au nom du domaine )

Les sites ne sont pas très ergonomiques, mais le but était de mettre en avant la création avec photoshop..

D'avance je vous remercie pour votre aide

P.S. : je viens encore de vérifier ma feuille de style, validée à part elle est clean au W3C mais prise directement à l'aide du lien il m'affiche 2 erreurs impossibles à corriger vu que je n'ai pas ces codes dans mes css
Modifié par Jerome-k (18 Feb 2010 - 14:36)

Bonjour,

Jerome-k a écrit :
P.S. : je viens encore de vérifier ma feuille de style, validée à part elle est clean au W3C mais prise directement à l'aide du lien il m'affiche 2 erreurs impossibles à corriger vu que je n'ai pas ces codes dans mes css

Ta page comporte des règles CSS contenues dans un attribut style.

<img style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; width: 80px; height: 53px; " src="images/w3c_css.png" alt="Valid CSS!" />

À la vue d'un tel code, on peut grandement simplifier les règles CSS, comme suit :

<img style="border: none; width: 80px; height: 53px; " src="images/w3c_css.png" alt="Valid CSS!" />

Comme quoi il ne suffit pas de copier-coller bêtement.

Soit dit en passant, tu n'es pas obligé d'apposer un macaron pour signaler que ton code est syntaxiquement valide.

Autre remarque : même s'il y a quantité de pseudo-texte, l'ensemble de la page donne l'impression d'être en anglais. Or, dans l'élément html, tu as indiqué "fr" comme valeur des attributs xml:lang et lang, alors qu'il faudrait "en".
Modifié par Victor BRITO (18 Feb 2010 - 09:42)

Bonsoir, c'est très jolie, mais je trouve que ça fait très "psdtuts" comme design :x ...

Bonsoir,

Merci de la critique, mais que veux-tu dire? Que ce ressemble au site psdtuts? Le style wood peut-être? Ou alors qu'il y a trop de "photoshop" et que ce n'est pas assez sobre?

En faite ce genre de design me fait penser à ceux proposés sur les grand sites de tutos sur la création de layout sous photoshop (psdtuts etc).

C'est super jolie (d'ailleurs je suis incapable de faire la même chose), mais quand je parcours le web j'ai l'impression de voir énormément (trop !) de site dans ce genre (textures de bois, papiers, grunge) ...
Modifié par Benjamin-Ds (24 Feb 2010 - 00:14)

Jerome-k a écrit :
s impossibles à corriger vu que je n'ai pas ces codes dans mes css

Bonjour, comment ça se fait que tu n'as pas acces ates feuilles de styles ???

Sinon, je trouve tout simplement la presentation et les differents styles magnifiques, je pense d'ailleurs que comme Benjamin-Ds, je serait incapable de faire un site aussi beau !

Donc behn je te felicite

PS: L'affichage est normal et identique a priori avec tous les navigateur que j'ai testé très très bon point
Modifié par cuda71 (24 Feb 2010 - 04:10)

cuda71 a écrit :
Bonjour, comment ça se fait que tu n'as pas acces ates feuilles de styles ???

Réponse donnée plus haut : il faut suivre !

Bonjour,

Merci du compliment Cuda

"cuda71" a écrit :
Bonjour, comment ça se fait que tu n'as pas acces ates feuilles de styles ???

Comme l'a dit Victor, ca a été expliqué, je voulais dire que l'erreur n'était pas dans mes css, que je n'avais pas ce genre de code... Et en fait c'était une erreur dans mon html

Benjamin-Ds : Oui tu as raison sur ce point, il y a énormément de sites "bois" et également style papier comme Ndesign... Mais j'aimais bien ces styles et vu que mon imagination m'a un peu délaissée ces derniers temps

"Laurie-Anne" a écrit :
IE6 ne me dit pas la même chose...

Je me disais bien que c'était trop beau... Va falloir que je télécharge et installe cette version pour vérifier... Merci pour l'info!

Bref merci à tous et à toutes pour vos feedbacks

Jerome-k a écrit :
Bonjour,

Pas moyen d'adapter pour Ie6, mise à part le problème de transparence des PNG, je n'arrive pas à placer mon menu horizontal correctement...

http://www.coiffure-styling.com/test_ie6/index.htm (à voir sous IE6)

Il était pourtant bien placé (lui) sur la version de base. Les seuls problèmes avec IE6 étaient le menu de droite (il faut réduire une marge ou une largeur) et les png.

Sous Firefox, c'est la page qui s'agrandit, ok, mais sous safari c'est le texte qui grossit, et c'est pô bon

Jerome-k a écrit :
Pénible ce navigateur... Je comprend mieux la petite phrase ironique de Laurie-Anne

Elle est pas ironique cette signature...