Http://domaine de villaine.free.fr Des critiques s'il vous plaît

Bonjour,

Je viens à vous afin de vous soumettre mon site et suivre vos observations concernant sa conception.

http://domainedevillaine.free.fr

Par avance je vous rememrcie. Herspear
Modifié par Herspear (12 Nov 2005 - 12:15)

Hello,

Merci de bien vouloir afficher le nom de ton site dans le titre du sujet, comme cela est demandé dans le message d'annonce de ce forum : "A lire avant de poster : Ergonomie, Design et demandes de critiques"

Bonjour,

Pas mal, juste peut-être les alt sont un peu cours : deux fois "chalet" alors qu'il ne s'agit certainement pas de la même image. Mais bon, c'est un détail. Sinon, vraiment pas mal.

A part ça, tu as 15 petites erreurs, la plupart sont facilement corrigeables.


Juste peut-être, mets l'adresse de ton site dans le titre de ton sujet, c'est recommandé par le topic d'annonce du salon.
Modifié par QuentinC (12 Nov 2005 - 12:13)

Salut,

Je trouve moi aussi que c'est sympa et que l'agencement est bien fait.
J'aurais simplement une petite observation à faire : sur Firefox, tu as une scroll-bar générale (je pense qu'elle n'est pas voulue) qui sert à faire apparaitre l'adresse de ton site.
Avec la scrollbar interne, ça fait deux scrollbar sur la même page peu beaucoup.

Il doit certainement avoir moyen de corriger ce petit problème en modifiant la taille du bloc général...

Voilà

Salut Raphael,

Ok j'ai corrigé. Excuses moi...

Salut QuentinC,

Ben je te remercie pour tes observations.

Pourais tu m'aider un peu plus s'il te plaît?

Pour moi les erreurs sont 8+7. Cad qu'en fait depuis que j'ai mis le croll en couleur dans le conteneur il ne l'assimile pas vraiment. Cependant, j'ai fait ce site compatible pour IE ou Mozilla. Je ne sais pas vraiment ce que cela donne sous les autres...

Pour la photo en double, je ne sais pas vraiment ce que tu veux dire.

Merci de m'aider. Herspear

PS : je travaille sur ce site en vue de modifier mon propore site : http://rootsreggae.free.fr qui lui n'est plus vraiment compatible avec ce qui se fait aujourd'hui.

A ce sujet d'ailleurs, je parcoure énormément de sites afin de me donner des idées. J'aime bien les effets flash mais ne sait pas si c'est bien compatible.

Bien à toi et merci encore pour ton aide. Herspear

Salut Cygnus,

Et bien ta remarque est intéressante car moi j'ai une scrollbar verticale qui sert à faire défiler la page lorsque cela est nécessaire mais rien d'autre. Ma résolution est 1152*864. Lorsque j'essaie en 800-600 je te dis pas les srcoll se dédoublent.

Peux tu me dire comment je peu corriger ce pb?

Par avance mercie de ton aide. Herspear

Tiens, j'avais même pas remarqué... Merci Raphaël pour m'avoir grillé à une seconde !

Selon cette page, voici tes 15 erreurs.

Validator a écrit :

1. Error Line 23 column 21: end tag for element "A" which is not open.
<DIV class=header></A> </DIV>

Là c'est assez clair non ? C'est sûrement un truc infâme généré par un WYSIWYG.

Validator a écrit :

2. Error Line 25 column 7: document type does not allow element "LI" here; missing one of "UL", "OL", "DIR", "MENU" start-tag.
<P> <li><a href="http://domainedevillaine.free.fr/"id="accueilnav">Accueil</a></

Un petit <li> qui se balade sans <ul> ou <ol>.
Les erreurs 3 à 8 sont les mêmes.

La 9, 10 et 11, tu fermes un paragraphe qui n'a jamais été ouvert nulle part.


La 12, 13, 14 et 15 : c'est nouvau, ou bien c'est de l'art abstrait, </br> ??

En résumé : en moins d'une heure j'en suis sûr, tu peux corriger facilement toutes ces petites erreurs.

Bonsoir QuentinC,

Bon j'ai viré selon tes recommandations et selon ce que dit le validateur.

Cependant si je vire le li devant chacune de mes ligne de menu, j'obtiens ce que tu peu constater dans ma page d'accueil (je l'ai laissé exprêt pour que tu puisses constater).

Sinon, j'ai viré les br à répétition que j'avais à la fin d'une ligne c'était pour essayer de caler le logo XITI au maximum en bas à gauche de ma page centrale. Aussi mon but est d'essayer de le recaler dans ce coin à gauche mais selon la méthode que tu voudras bien m'indiquer.

Tu vois je ne suis pas une bête. J'attends donc une nouvelles fois ton aide. Par avance merci. Herspear

Mes des éléments <li> n'on rien à faire là tout seuls. Un élément <li> est normalement inclus à lintérieur de <ul> ou <ol> et définit les différents items de liste.
Ces éléments <li> que tu place comme ça dans l'air, c'est uniquement pour le design. ET le design, c'est les CSS qui doivent s'en occuper.

Je n'ai pas la même chose sous IE et FF (je suis en 1280x960). Sous FF le fond marron qui sert de support au lien (ex: burning spear) est trop court et s'arrête au lien poster.
ce qui est plus ennuyeux, c'est que ce pb existe aussi sur les autres pages (ex : news de burning spear) et que du coup la fin du texte est sur le background-color (blanc sur beige clair => on y voit rien).

L'imbrication des balises me laisse globalement perplexe

  <p><font face="Verdana, Arial, Helvetica, sans-serif" size="1"><b><font size="2" color="#CCCCCC"><br />

    <br />
    </font><font face="Verdana, Arial, Helvetica, sans-serif" size="1"><b><font size="2" color="#CCCCCC">04/12/05<br />
    </font><br />
    <span class="Style1">Spear will be in puerto Rico in August. Everything is going great in the<br />
    studio. And all the fans can look for another great CD from the Spear.<br />
    </span></b></font><font size="2"></font><font size="2" color="#CCCCCC"><br />
    03</font><font size="2" color="#CCCCCC">/30/05<br />

  </font><br />
  <span class="Style1">The show for May 29, 2005 in San Diego, California, USA is cancelled.

  </span></b></font></p>

Je n'ai pas compté mais la profusion d'éléments <font> ... </font> me semble être un record à homologuer

Pourquoi utiliser toutes ces balises de style, certaines étant dépréciées (<font>, <b>) alors que une class ou un id bien employé te permettrait de styler ton cela dans ta feuille de style.
Modifié par Merlin (12 Nov 2005 - 22:30)

Salut,

Lorsqu'on fait un zoom, le menu part en vrille du fait que la taille de son bloc est fixe.
ça le fait sous safari ; camino ; firefox et IEmac.

Sous Opera, le zoom est appliqué à chaque bloc donc tout se décale vers la droite sans faire apparaitre de barre de scroll horizontal.
Gênant ...

Pour info, je surfe sous Mac

Salut dieteticien et Merlin,

Juste pour vous dire que le site que je suis entrain de travailler est http://domainedevillaine.free.fr

L'autre site http://rootsreggae.free.fr est mon propore site sur lequel je travaillerai plus tard lorsque j'aurai réglé les derniers pbs sur le premier.

Cependant, je suis d'accord avec les pbs que rencontre le reggae site. Il y a du boulot en perspective.

Bien à vous en attendant votre aide sur le premier. Herspear

Salut,

Je parlais bien du site en titre
Désolé de te décevoir mais mes remarques s'appliquent à http://domainedevillaine.free.fr ...

Voici une capture sous Safari (mac) :


@+

Edit :
Je n'ai zoomé qu'une seule fois ; après c'est encore pire ...
C'est gênant pour les gens qui voient mal le zoom leur est précieux.
Modifié par dieteticien (12 Nov 2005 - 23:23)

Pour une fois que je ne suis pas allé voir le code source......
C'est quand même curieux que le validator ne trouve rien à redire à ces éléments <font>. Je pensais que <font> était tout aussi interdit en XHTML 1.0 strict qu'en HTML 4.01 transitional.

Bonsoir dieteticien,

Oui j'ai cru comprendre que lorsque tu parlais de menu il s'agissait bien de ce site. Cependant comme je l'ai précisé plus haut, le site est compatible que pour IE et Mozilla.Pour moi c'est déjà énorme.

Je ne suis pas assez fort pour les autres navigateur.

Actuellement je suis entrain de ramer en rapport avec le pb que j'ai d'ailleurs sous ce menu (LI).

A vrai dire je ne sais pas quoi en faire. Lorsque j'aurais trouvé la solution pour mon menu ce sera valide mais pour l'instant je pédale.

Bien à toi et merci pour ta collaboration. Herspear

Bonsoir QuentinC,

AHHHHHHHHHHHHHHH tu vois avec moi l'informatique réserve bien des surprises.

Je suis tjs entrain de pédaler dans ce menu de LI. Alors j'en fait quoi de ces trucs?

Je les retrouve dans le css d'ailleurs. Ce qui me permet d'en donner un style comme tu sais mieux que moi.

HELP HELP HELP Herspear

Ho punaise, je me suis gouré de site (mais ce que je disais est vrai, quand même).

Pour me faire pardonner, la réponse pour les "li" est que au lieu d'écrire

<p>	<a href="http://domainedevillaine.free.fr/"id="accueilnav">Accueil</a>
<li><a href="http://domainedevillaine.free.fr/Leschalets.htm"id="Leschaletsnav">Les Chalets</a></li>
    <li><a href="http://domainedevillaine.free.fr/Legite.htm"id="Legitenav">Le Gîte</a></li>

	<li><a href="http://domainedevillaine.free.fr/Activites.htm"id="Activitesnav">Les Activités</a></li>
	<li><a href="http://domainedevillaine.free.fr/Situation.htm"id="Situationnav">Situation</a></li>
	<li><a href="http://domainedevillaine.free.fr/Contact.htm"id="Contactnav">Contact</a></li>
	<li><a href="http://domainedevillaine.free.fr/Liens.htm"id="Liensnav">Liens</a></li><BR><BR>

tu écris:

<p>	<a href="http://domainedevillaine.free.fr/"id="accueilnav">Accueil</a>
<ul>  
    <li><a href="http://domainedevillaine.free.fr/Leschalets.htm"id="Leschaletsnav">Les Chalets</a></li>
    <li><a href="http://domainedevillaine.free.fr/Legite.htm"id="Legitenav">Le Gîte</a></li>

	<li><a href="http://domainedevillaine.free.fr/Activites.htm"id="Activitesnav">Les Activités</a></li>
	<li><a href="http://domainedevillaine.free.fr/Situation.htm"id="Situationnav">Situation</a></li>
	<li><a href="http://domainedevillaine.free.fr/Contact.htm"id="Contactnav">Contact</a></li>
	<li><a href="http://domainedevillaine.free.fr/Liens.htm"id="Liensnav">Liens</a></li>
</ul>

et si tu ne veux pas de puce devant les élément de ta liste tu styles l'ul avec la propriété list-style-type: none; dans ta feuille de style

Pour ce que dit dieteticien, c'est exactement la même chose sous FF/Moz, il suffit que tu agrandisses la taille des caractères (CTRL +) et le menu se met en vrille de la même façon

et merci de mettre TOUTES les balises en minuscules et de TOUTES les fermer (exemple : écrire <br /> eu lieu de <BR>, beurkkk...)
Modifié par Merlin (12 Nov 2005 - 23:53)

Herspear a écrit :
Bonsoir dieteticien,

Oui j'ai cru comprendre que lorsque tu parlais de menu il s'agissait bien de ce site. Cependant comme je l'ai précisé plus haut, le site est compatible que pour IE et Mozilla.Pour moi c'est déjà énorme.

Je ne suis pas assez fort pour les autres navigateur.

(...)

Alors là, je réponds simplement que le problème de ton menu est le même pour tous les navigateurs :

dieteticien a écrit :
(...)
Lorsqu'on fait un zoom, le menu part en vrille du fait que la taille de son bloc est fixe.
ça le fait sous safari ; camino ; firefox et IEmac.
(...)

J'ai pas encore testé sous linux mais c'est sûr, ça fera pareil.
Tu ne dois pas FIGER le bloc qui contient ton menu ; "c'est tout"
C'était mon pb sur mon 1er site valide xhtml et css (et Dieu que ça m'a ennervé de voir que ça merdait)

@+

Ben écoutes dans un premier temps j'en suis toujours à régler ce pb de li. Tu vas dire queje suis nul mais lorsque j'inclus ul avt et aps et bien ca me donne ca



Ensuite j'ai essayer ta méthode en modifiant la feuille de style. Rien ne s'est passé.

Alors j'ai toujours ces 7 erreurs de li qui m'empêche de valider ce site.

Ouf j'ai l'impression de cramer sur place

Alors ton aide est la bien venu tt en te remerciant. Herspear

Herspear a écrit :
Tu vas dire que je suis nul

Oui tu es nul !
Non, mais tu crois quoi ???
Mon site, j'y ai passé du temps

Non, je déconne !
Tu vas y arriver (j'y suis arrivé alors ... )
Regardes mon code source pour mon menu.
C'est pas un exemple 100% parfait loin de là mais il est OK XHTML et CSS.

<div id="gauche">

          <!-- affichage du menu -->

			<ul class="menugauche">
<li><a href="introduction.php" title="Page d'introduction">Introduction</a></li>
<li><a href="avant.php" title="Page d'avant propos">Avant Propos</a></li>
<li><a href="definitions.php" title="Page de définitions">Définitions</a></li>
<li><a href="calcul.php" title="Page de calcul poids idéal">Poids Idéal ?</a></li>
<li><a href="dieteticien.php" title="Page sur le métier de dieteticien">Le Diététicien</a></li>
<li><a href="recettes.php" title="Page de menus et de recettes">Menus-Recettes</a></li>
<li><a href="liens.php" title="Page de liens utiles">Liens Utiles</a></li>
<li><a href="regime.php" title="Obtenir un régime">Votre Régime</a></li>
<li><a href="consultations.php" title="Déroulement des consultations">Consultations</a></li>
<li><a href="recherche.php" title="Page de recherches" accesskey="4">Recherches</a></li>
<li><a href="contact.php" title="zone de contact" accesskey="9">Contact</a></li>
<li><a href="accessibilite.php" title="Page sur l'accessibilité" accesskey="0">Accessibilité</a></li>

			</ul>
</div>

@+

Edit :
j'oubliais le truc pour que ton menu ne parte pas en vrille.
Mon menu est contenu dans un bloc nommé "gauche" qui a ces propriétés :

#gauche {
	BORDER: 0;
	LEFT: 0px;
	MARGIN-LEFT: 0;
	MARGIN-TOP: 14px;
	HEIGHT: 20em;
	WIDTH: 9em;
	POSITION: absolute;
	TEXT-ALIGN: center
}

Edit2 :
Je viens de faire des tests en copiant ta page.
Il est tard et je suis moi aussi assez "nul" mais c'est vrai que quand ton menu est entre <ul> et </ul>, il disparait.
En fait, je pense qu'il se décale à droite et n'est plus visible.
Je pense donc que ça vient vraiment des caractéristiques de son bloc conteneur.
Je file au lit là ... Je commence à devenir tout froid ...
Modifié par dieteticien (13 Nov 2005 - 01:26)