Nouveau design

Nouveau design - Web design - Graphisme

Marsh Posté le 21-04-2006 à 22:49:59    

Salut,
 
Je viens de reprendre de design de mon site, je souhaiterai avoir quelques avis...
 
C'est un site sur ma galerie photos (qui sont d'ailleurs libres de droits pour un usage perso). J'ai voulu garder la couleur grise du script de la galerie car ça fait assez bien ressortir les photos. De plus le web étant mondial et n'importe qui étant en mesure de consulter mon site j'ai mis l'accent sur le côté planétaire, le côté volatile, impalpable et infini du web.
 
www.temca.net
 
Les autres infos sont mes autres passions et surtout la moto. Je "sponsorise" à ma façon un pilote de la roadster cup 600 pour qui je suis en train de faire le site (loin d'être terminé)
 
D'avance merci.
 
 
 
Chris


Message édité par temca le 21-04-2006 à 23:03:12
Reply

Marsh Posté le 21-04-2006 à 22:49:59   

Reply

Marsh Posté le 22-04-2006 à 01:54:06    


 
 
le design est sympa, mais à ta place pour une gallerie de photographe j'aurais utilisé du flash, pour mettre un peu d'animation dans tout ça, faire des transition entre les photos.

Reply

Marsh Posté le 22-04-2006 à 12:55:52    

Salut,
 
Flash...beuurk!!!
 
Etant sur Mac, voici mes impressions:
Tes textes noir sur fond foncé, sont pas très lisibles.
Une difference d'affichage entre Safari et Firefox.
Les textes avec Safari, sortent des limites fixées par les bords.
 
Tu t'imagines le jour où tout le monde se mettra au Mac :bounce:  :bounce:  :bounce:  :bounce:  ;)


---------------
Un forum étant un lieu d'échange, j'accepte les MP uniquement pour les rendez-vous coquins - Imac PPC G3 350Mhz Mac OS X 10.3.9
Reply

Marsh Posté le 22-04-2006 à 17:59:27    

Bonjour,
Je confirme, ton site s'affiche assez mal avec Firefox, le texte apparaît noir, avec la mauvaise police de caractères, et mal cadré !...


Message édité par post_it le 22-04-2006 à 17:59:42
Reply

Marsh Posté le 22-04-2006 à 19:22:14    

Salut
 
Merci pour ces précieuses infos, faut que je recale ça donc... Le prob c'est que je ne suis que sous windaube et j'ai pas de mac pour bien câler tout ça afin que tout le monde voit la meme chose que moi . Par contre sur mon firefox ça sort nickel.... c'est quelle version que tu as post_it ?
 
C'est quand que l'on aura un seul et même navigateur et que je ne sois pas obligé de tester sous plusieurs pour tout caler. Car, une fois modifié, ce qui sort bien sous safari, est ce que ça va bien sortir sous ie ou mozilla ?? ( c'est vraiment ce que je trouve chiant, l'interprétation d'un navigateur à l'autre des pages, quelle perte de temps pour rien, alors que tous devraient etre en mesure d'afficher la meme chose - non ?)
 
Merci encore !
 
Cordialement
 
Chris

Reply

Marsh Posté le 22-04-2006 à 19:32:59    

Je viens de percuter que donc si le texte est noir c'est que le navigateur ne lit pas mon fichier .css qui doit afficher du texte blanc.... je vais l'intégrer dans le head plutot que sur une feuille séparée (non mais quel bordel je vous jure.... si chaque navigateur fait la sienne, je suis pas sorti de l'auberge)

Reply

Marsh Posté le 22-04-2006 à 21:17:25    

Non. C'est pas qu'il ne le lit pas, c'est que tu as un truc qui cloche un peu:
 

Code :
  1. .td_menu {
  2. padding-left: 0px;
  3. padding-top: 0px;
  4. padding-right: 0px;
  5. padding-bottom: 0px;
  6. font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
  7. font-weight: normal;
  8. font-size: 10px;
  9. text-align: center;
  10. color: #ffffff;}
  11. a:link {color: #ff9933; TEXT-DECORATION: underline;} /* ICI JE NE COMPRENDS PAS TRES BIEN*/
  12. a:visited {color: #ff6600}
  13. a:active {color: #ffffff}
  14. a:hover {color: #ffffff; TEXT-DECORATION: none;}
  15. } /* *************************************************** il referme quoi? */
  16. .td_lecteur {
  17. padding-left: 0px;
  18. padding-top: 0px;
  19. padding-right: 0px;
  20. padding-bottom: 0px;
  21. font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
  22. font-weight: normal;
  23. color: #ffffff;
  24. font-size: 10px;
  25. text-align: center;}
  26. a:link {color: #ff9933; TEXT-DECORATION: underline;} /* IDEM*/
  27. a:visited {color: #ff6600}
  28. a:active {color: #ffffff}
  29. a:hover {color: #ffffff; TEXT-DECORATION: none;}
  30. }
  31. .td_gauche {
  32. vertical-align: top;
  33. padding-left: 16px;
  34. padding-right: 8px;
  35. padding-top: 10px;
  36. padding-bottom: 0px;
  37. font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
  38. font-weight: normal;
  39. font-size: 10px;
  40. text-align: justify;
  41. color: #ffffff;}
  42. a:link {color: #ff9933; TEXT-DECORATION: underline;}  /* IDEM*/
  43. a:visited {color: #ff6600}
  44. a:active {color: #ffffff}
  45. a:hover {color: #ffffff; TEXT-DECORATION: none;}
  46. h1 {font-family:Verdana; font-size:10px;}
  47. }


 
Le problème est que tu as 3 '}' qui referment mais je ne vois pas d'ouverture.
Corrige toujours ça et ça marchera p'tetre mieux.
 
@+


Message édité par oualad le 22-04-2006 à 21:18:37

---------------
Un forum étant un lieu d'échange, j'accepte les MP uniquement pour les rendez-vous coquins - Imac PPC G3 350Mhz Mac OS X 10.3.9
Reply

Marsh Posté le 22-04-2006 à 21:22:30    

Tiens jette un coup d'oeil ici


---------------
Un forum étant un lieu d'échange, j'accepte les MP uniquement pour les rendez-vous coquins - Imac PPC G3 350Mhz Mac OS X 10.3.9
Reply

Marsh Posté le 22-04-2006 à 21:33:09    

Arf vi, tu as bien vu... bravo et merci ! je vais déjà corriger ça. Merci encore

Reply

Marsh Posté le 22-04-2006 à 22:42:47    

re- C'est encore moi, bonsoir...
 
Si je peux abuser, ça donne quoi chez vous maintenant que j'ai modifié la css ?
 
Un grand merci d'avance !
 
Bon week end  
 
Chris

Reply

Marsh Posté le 22-04-2006 à 22:42:47   

Reply

Marsh Posté le 22-04-2006 à 22:48:28    

Bouah top top ton lien ! merci !!

Reply

Marsh Posté le 22-04-2006 à 23:05:26    

Safari=Firefox= :bounce:  
 
En d'autres, termes: ton seul problème était une erreur dans ta CSS. A présent, tes textes sont bien en blanc, il n'y a plus de décalage.
 
Comme tu vois, dans la plupart des cas, une bête erreur peut créer des ravages :lol:  
 
 :hello:


---------------
Un forum étant un lieu d'échange, j'accepte les MP uniquement pour les rendez-vous coquins - Imac PPC G3 350Mhz Mac OS X 10.3.9
Reply

Marsh Posté le 22-04-2006 à 23:08:05    

Oh tu as même mis le lien CSS W3. Tu sais maintenant que tu dois faire tes test via le validateur. Il ne faut pas pour autant être trop stricte et s'arracher les cheveux pour être conforme à 100%, mais c'est un bon moyen de vérifier qu'on ne fait pas de conneries.
@+


---------------
Un forum étant un lieu d'échange, j'accepte les MP uniquement pour les rendez-vous coquins - Imac PPC G3 350Mhz Mac OS X 10.3.9
Reply

Marsh Posté le 22-04-2006 à 23:18:18    

Oui c'est vrai, je l'ai mis pour le fun mais je vais le virer je crois, ça fait trop top ! lol, en tous cas j'espère que l'ensemble des internautes pourra le voir comme j'ai souhaité le montrer. Pour la validation html je peux modifier les "alt" manquants (manque de tps)  et <scritp> mais pour ce qui est de l'opacité sur mes petites vignettes, tant bien même seul i.e puisse le lire : Je le garde. Tant pis... Merci de me préciser qu'il ne faut pas que je m'arrache les cheveux sur la validation stricte car je suis bien capable de le faire !
 
Merci encore, oualad, pour ta participation ici. Si tu as d'autres infos, je suis preneur...

Reply

Marsh Posté le 23-04-2006 à 12:53:46    

Reply

Marsh Posté le 23-04-2006 à 13:17:24    

Ah oui, tiens, ça vient de mon serveur ça... Faut que je vois avec l'hébergeur

Reply

Marsh Posté le 23-04-2006 à 20:17:40    

temca a écrit :

...mais pour ce qui est de l'opacité sur mes petites vignettes, tant bien même seul i.e puisse le lire : Je le garde. Tant pis...


Attention à ce genre de remarques. Les navigateurs alternatifs sont en hausse. Et ne faire un site que s'il est "visible" que pour les IE est, à mon sens, une mauvaise idée.
 
J'ignore ce que cette histoire d'opacité crée puisque sur Mac aussi bien avec Safari que Firefox, le site s'affiche de la même manière. N'ayant pas le temps d'analyser ton code, qu'apporte cette histoire d'opacité?
 
 


---------------
Un forum étant un lieu d'échange, j'accepte les MP uniquement pour les rendez-vous coquins - Imac PPC G3 350Mhz Mac OS X 10.3.9
Reply

Marsh Posté le 23-04-2006 à 21:26:47    

Oui, oui, je comprends ce que tu veux dire. Je ne veux pas empêcher des visiteurs de consulter mon site s'ils utilisent un navigateur alternatif. Donc je ne mets pas de scripts dédiés qui empêchent de faire correctement fonctionner le site.  
L'opacité fait qu'en passant la souris sur une des vignettes de droite (les 6 images) il y a un effet d'opacité sur l'image survolée (plus ou moins sombre). Au pire, un autre navigateur n'affichera rien de l'opacité et on aura une image "normale" à cliquer, donc c'est juste un effet visuel que je trouve sympa et qu'il fonctionne ou pas sur certains navigateurs ne change en rien l'aspect du site.
Je ne penses pas à exclure les visiteurs aux navigateurs alternatifs, mais juste garder des effets qui me plaisent. Et c'est dommage que tous les navigateurs ne puissent tout lire.  
Je me reprends à rêver, mais un seul et même navigateur serait pour moi une "vraie" solution. Car passer autant de temps à faire un design et l'intégrer dans une page web qu'à vérifier sa compatibilité avec les principaux navigateurs du marché et corriger pour chacun... bof bof, pas très productif à mon goût et surtout peu passionnant.

Reply

Marsh Posté le 29-04-2006 à 21:21:56    

http://www.temca.net/echange-de-liens.html
 
çà foire sur la gauche : l'image est répétée


---------------
Feed-back HA/Ventes HFR | http://www.nexen.org Lans dans le nord de la France
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed