Remarques, avis et optimisation html et css

[pp51]

Bonjour,

Je suis entrain d'essayer de refaire mon site avec les CSS.

Voici la page de test:
http://www.princessedunjour.com/

Et la page CSS:
http://www.princessedunjour.com/

Le rendu graphique est celui que je veux, mais je suis preneur de vos remarques/avis pour optimiser l'ensemble.

J'ai déjà des idées là dessus, mais les pros sont sans doute plus à même de me conseiller cligne

Merci à tous !

[ptitcastor]

Sans commentaire sur le graphique,

Le retour sur la page d'accueil de chaque page serai optimisé avec un lien pointant sur http://princessedunjour.com au lieu de http://www.princessedunjour.com/index.htm

L'optimisation CSS est négligeable pour sortir mieux dans les moteurs de recherche pour ne pas dire le moteur!

Pour passer le test CSS il faudrai commencer par passer le HTML http://validator.w3.org/ puis valider le CSS sur le même site.

[thegwil]

Yo !

Une réflexion que je me fais : vu la sobriété des menus, était-il bien nécessaire d'utiliser des images ? Je pose la question parce qu'étant donné que les items des menus sont textuels uniquement, je ne vois pas l'utilité d'employer des gif. D'autant plus qu'ils sont de très mauvaise qualité.

Sinon, design simple et sobre comme je les aime. Quoique tu pourrais peut-être égayer un peu le tout. Le mariage n'est-il pas l'un des plus beaux jours d'une vie après tout ?

[Aquarius]

Je ferai la même remarque que thegwil, à savoir des munus en texte plutot qu'en gif, certainement mieux pris en compte par les moteurs

[Lymf]

personnellement je pense comme thegwil qu'il faut égayer un peu la chose...

Le marriage est sensé (ca l'est malheureusement pas toujours) être le plus beau jour de la vie de quelqu'un, il faut que le site fasse rêver, donne envie, avec des couleurs qui accrochent (dans le blanc biensûr)... un peu plus de fioritures... c'est le contraire des portails quoi

[pp51]

Yo thegwil !

Je me pose effectivement la question sur les images sur le menu, je pense que je vais le refaire en texte avec une bonne vielle feuille de style en utilsant des dégradés de violet, c'est vrai que ça donnerait un peu plus de relief

En tout cas merci pour tes remarques

[thegwil]

Bah de rien.
Fais-nous signe quand tu auras remagnié tes pages. Je serai heureux de les visiter.

PS : n'oublie pas de remplacer </div id="..."> par un simple </div>, c'est largement suffisant

[memoclic]

bonjour,

Effectivement les liens en image sont peu justifiables.

erreur ici

Code: Tout sélectionner

<a href=accessoires-colliers-mariage.htm"</a>

erreur ici : </a> en trop

Code: Tout sélectionner

<div id="photo_home">
<img src="Fleur%20de%20Cristal2.jpg" alt="Princesse d'un Jour" id="photo_home" /></a>

Fleur%20de%20Cristal2.jpg nom du fichier avec espace et majuscule. à éviter

<style> vide

Code: Tout sélectionner

<style type="text/css">
</style>

télécharge l extension tidy pour firefox. ca t aidera à voir ce genre de choses.

sinon au niveau css
je crois que

Code: Tout sélectionner

img {
border-width: 0;
border-style: none;
}

peut etre remplacé par

Code: Tout sélectionner

img {
border:none;
}

pourquoi un float:left sur les li du menu ? pourquoi ne pas utiliser display:inline ?

sinon pour eviter d avoir à redefinir font family
ajoute ceci en début de css

Code: Tout sélectionner

*{
font-family: Tahoma, Times, serif;
}

perso j aime pas trop le absolute mais c est un choix perso