| Auteur | |
|---|---|
| Jerome-k | # 18 Feb 2010 - 00:36:41  |
| 25 Posts |
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) |
 |
|
| Victor BRITO | # 18 Feb 2010 - 09:42:01 |
Je ne suis pas mort, je dors  2214 Posts |
Bonjour,Jerome-k a écrit : Ta page comporte des règles CSS contenues dans un attribut style. À la vue d'un tel code, on peut grandement simplifier les règles CSS, comme suit : 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) En campagne contre la balkanisation du Web, pour rappeler qu'il existe un seul Web Mon avatar : l'ancien département de la Seine (le grand 75 d'avant 1968) |
 |
|
| HammHetfield | # 18 Feb 2010 - 10:37:12 |
 403 Posts |
Sous Mac, Safari, tes images n'ont pas les bonnes couleurs, du coup le passage image->couleur via CSS comporte à chaque fois une cassure. Pour régler ce problème, il faut faire Enregistrer pour le Web et les périphériques (sous Photoshop) Pas regardé le code Retrouvez moi sur Twitter : twitter.com/HammHetfield |
| |
|
| Jerome-k | # 18 Feb 2010 - 14:34:06 |
| 25 Posts |
Bonjour et merci pour vos remarques,"Victor BRITO" a écrit : Oui je te l'accorde, en même temps je ne savais pas qu'il vérifiait le code dans le html, j'aurai du m'en douter  Merci pour l'info, maintenant tout est valide (*happy*)!Pour le code langue, j'ai également copié sans vraiment y prêter attention.. J'ai changé en "eng" comme la plupart des mots sont dans cette langue.. Merci Victor "HammHetfield" a écrit : Pourrais-tu me préciser en 2 mots lesquelles s'il te plait? Sinon le code m'importe moins que le design pour le moment, je n'ai pas encore tout éclairci, j'ai laissé des parties non utilisées dans certaines pages. Modifié par Jerome-k (18 Feb 2010 - 14:38) |
|
|
| Benjamin-Ds | # 23 Feb 2010 - 21:50:23 |
R.A.S 166 Posts |
Bonsoir, c'est très jolie, mais je trouve que ça fait très "psdtuts" comme design :x ... |
| |
|
| Jerome-k | # 23 Feb 2010 - 23:22:43 |
| 25 Posts |
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? |
|
|
| Benjamin-Ds | # 24 Feb 2010 - 00:11:37 |
R.A.S 166 Posts |
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) |
| |
|
| cuda71 | # 24 Feb 2010 - 04:05:14 |
| 13 Posts |
Jerome-k a écrit : 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) |
|
|
| Laurie-Anne | # 24 Feb 2010 - 08:55:26 |
 Modérateur 5736 Posts |
cuda71 a écrit :IE6 ne me dit pas la même chose... |
| |
|
| Victor BRITO | # 24 Feb 2010 - 09:42:13 |
Je ne suis pas mort, je dors 2214 Posts |
cuda71 a écrit : Réponse donnée plus haut : il faut suivre ! En campagne contre la balkanisation du Web, pour rappeler qu'il existe un seul Web Mon avatar : l'ancien département de la Seine (le grand 75 d'avant 1968) |
| |
|
| Jerome-k | # 24 Feb 2010 - 12:11:59 |
| 25 Posts |
Bonjour, Merci du compliment Cuda "cuda71" a écrit : 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 : 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 | # 25 Feb 2010 - 17:16:52 |
| 25 Posts |
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) |
|
|
| Obiwan | # 26 Feb 2010 - 00:58:53 |
| 6 Posts |
Y'a un truc de pas cool avec les boîtes, fait "Ctrl" + "+" pour grossir la taille du texte, et paf y'a plus rien qui rentre, et comme tout le monde ne navigue pas avec le même grossissement ...  |
|
|
| Laurie-Anne | # 26 Feb 2010 - 08:47:16 |
| Modérateur 5736 Posts |
Jerome-k a écrit : 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. |
| |
|
| Jerome-k | # 26 Feb 2010 - 23:43:18 |
| 25 Posts |
 ....Bon... J'ai réussi a rattrapper le gros des erreurs, reste quelques problèmes de position et certaines parties des png manquantes, je ne sais pas trop pourquoi d'ailleurs... Mais en gros ca ne gache pas l'accessibilité je trouve! Pénible ce navigateur... Je comprend mieux la petite phrase ironique de Laurie-Anne Obiwan: j'ai agrandi comme tu m'as dit, j'ai ctrl plus plussé et chez moi tout s'agrandit normalement  |
|
|
| Obiwan | # 27 Feb 2010 - 18:39:21 |
| 6 Posts |
Sous Firefox, c'est la page qui s'agrandit, ok, mais sous safari c'est le texte qui grossit, et c'est pô bon |
|
|
| Laurie-Anne | # 27 Feb 2010 - 18:41:30 |
| Modérateur 5736 Posts |
Jerome-k a écrit :Elle est pas ironique cette signature... |
| |
|
| Jerome-k | # 27 Feb 2010 - 20:12:49 |
| 25 Posts |
C'était ironique le fait que je dise que c'était ironique Je ne sais pas comment remédier au problème du grossissement sous safari |
|
|
XHTML Best Effort ValidCSS 3 Might Become Valid
Quelle est la couleur du cheval #FFFFFF d'Henri IV ?
(Julien Lepers)
Suggérer une citation best-of
Alsacréations est une communauté dédiée à la conception de sites web de qualité, notamment grâce aux standards W3C, aux feuilles de styles CSS, aux langages HTML et XHTML, et à l'accessibilité (en savoir plus...)
http://www.alsacreations.com/
