Geckozone

Merci à ma Maman et aussi à Ymai-Kazé-Chinon37-Flore-Mongo Bob-Josar-Boudet et j'en passe sans qui je ne serais jamais arrivé en haut de ce Mont-Ventoux que représentait pour moi le html et les CSS.

Vous étiez là dans l'ombre avec le tuto idoine et le post salvateur qui était comme une main dans le dos (pas trop bas la main, hein quand même les gars !).

J'en ai bavé, cauchemardé, transpiré, mangé mon caleçon, manqué plus d'une fois de descendre de ma machine pour monter dans la voiture balai d'un pro de l'informatique à qui confier mon bouzin... toujours sur le point de m'inscrire sur le forum pour pousser un grand "AU SECOURS", mais je trouvais toujours un post existant dans ce forum pour repartir.

Bref, j'ai mis du temps, mais j'y suis arrivé : mon site est en ligne. Sûrement avec des défauts (la têtière est trop haute, je sais. Je vais corriger ça quand j'aurai le temps.)

Je suis sur Mac/Firefox où tout s'affiche nickel mais sur IE PC, il y avait plein de bugs (n'ayant pas ce genre de machine sous la main, j'ai point vu !!!!). J'espère que maintenant tout s'affiche correctement !!!!

Vous me dites si vous voyez des zooooreurs ?

www.geobio-logique.com
mes css : http://www.geobio-logique.com/provisoire/export.css

le validateur W3C ne veut pas de moi.
Je suis pourtant parti d'un gabarit AlsaceCréations

Pour le contenu... désolé si ça fait hérisser le poil à plus d'un sur ce forum !

Merci encore pour votre aide virtuelle.

V i n c e

Message envoyé avec : Mozilla/5.0 (Macintosh; U; PPC Mac OS X 10.4; fr; rv:1.9.0.7) Gecko/2009021906 Firefox/3.0.7

Pour passer la validation, si tu remplaçais

Code : Tout sélectionner

<html style="direction: ltr;" lang="fr-fr"><head>

par

Code : Tout sélectionner

<html dir="ltr;" lang="fr-fr"><head>

Quant au contenu, nous ne sommes pas là pour juger.
Pour l'instant, il est encore possible de publier ce qu'on veut sur le net... pourvu que ça dure!!

Je pense que tu devrais réduire la place prise par ton en-tête. Tu peux au minimum superposer ton menu sur la bannière, la moitié de la hauteur me semble largement suffisante.

Pourquoi les gens gâchent cette partie qui est celle où les yeux se portent en premier?

Un mauvais équilibre?

C'est ce que je pense aussi, on se sens comprimé dans cette interface. Pas assez d'espace donné à la lecture et trop à l'inutile.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7 (.NET CLR 3.5.30729)

C’est propre, félicitations !

Le code est très propre, la feuille de style est utilisée à bon escient, il n’y a pas grand-chose à redire ah si, un détail quand même : inutile de définir une classe « exergue », les balises <em> et <strong> servent à ça — libre à toi de leur donner une apparence spécifique via la feuille de style.

Vince a écrit :Vous me dites si vous voyez des zooooreurs ?

D’un point de vue esthétique, je trouve dommage d’avoir limité la hauteur du conteneur principal, ça gêne la lecture et ce n’est pas très joli sur de grands écrans.
Dans le même ordre d’idée, il y a parfois des "float" qui ne sont pas très judicieux et qui font de grands espaces vides, comme par exemple le chapitre sur les figures acoustiques de Chladni au-delà d’une certaine largeur de fenêtre.

Vince a écrit :le validateur W3C ne veut pas de moi.

Outre ce que t’a signalé chinon37, il y a aussi le fait que le validateur w3c n’aime pas les <embed>. Je sais que ce code

Code : Tout sélectionner

<object> [] <embed> [] </object>

est systématiquement proposé par YouTube et consorts, mais je ne sais pas pourquoi. Pour autant que je sache, la balise <embed> ne sert absolument à rien et elle est invalide.

Merci à tous pour vos réactions !

Chinon37 a écrit :
Code : Tout sélectionner
<html dir="ltr;" lang="fr-fr"><head>

J'achète !

Chinon37 a écrit :Pour l'instant, il est encore possible de publier ce qu'on veut sur le net... pourvu que ça dure!!

Fabrice.Tres.Net a écrit :Je pense que tu devrais réduire la place prise par ton en-tête.

Zefling a écrit :Pas assez d'espace donné à la lecture

Clair que c'est mon intention. Mais ma première tentative semait un bin's total sur l'ensemble ! Je vais m'y atteler dès que j'aurai un peu de temps.

Kazé a écrit :inutile de définir une classe « exergue », les balises <em> et <strong> servent à ça — libre à toi de leur donner une apparence spécifique via la feuille de style.

Ah ben voui, pourquoi n'y ai je pas pensé tout seul ???

Kazé a écrit :D’un point de vue esthétique, je trouve dommage d’avoir limité la hauteur du conteneur principal, ça gêne la lecture et ce n’est pas très joli sur de grands écrans.

En fait, j'étais parti de ce modèle-ci : http://www.geobio-logique.com/provisoir ... tions.html
C'était le seul que j'avais trouvé qui me convienne avec un menu haut et un menu gauche fixes qui soient compatibles avec Internet Explorer. En fait, j'étais totalement ignare en html et éditeur de site et je ne savais pas trop à quoi je pourrais arriver. Il me fallait un modèle pré-mâché !

Si je comprends bien, je vire la ligne "height : 100%" ?

Code : Tout sélectionner

}
.conteneur {
  width: 100%;
  height: 100%;
  position: absolute;
}

Kazé a écrit :Dans le même ordre d’idée, il y a parfois des "float" qui ne sont pas très judicieux et qui font de grands espaces vides, comme par exemple le chapitre sur les figures acoustiques de Chladni au-delà d’une certaine largeur de fenêtre.

Le problème, c'est que je ne vois pas à quoi ressemblent ces grands vides. Sur mon ordi, ça se présente bien.

J'ai rajouté des div pour encadrer des zones images + texte parce qu'il parait que sous Internet Explorer, les images partaient en vadrouille sous le footer et ailleurs sans que je comprenne pourquoi. Mais d'après ce que tu me dis, ça ne résout pas vraiment le problème.

Si qq'1 a 1 photo d'écran pour que je vois... et accessoirement une solution, ce serait cool !

Kazé a écrit : Outre ce que t’a signalé chinon37, il y a aussi le fait que le validateur w3c n’aime pas les <embed>. Pour autant que je sache, la balise <embed> ne sert absolument à rien et elle est invalide.

http://validator.w3.org/check?uri=http% ... ne&group=0

Le validateur w3c jette même l'ensemble du code. Y a-t-il un autre moyen d'intégrer la vidéo "PROPREMENT" ?

Code : Tout sélectionner

<div style="" class="boiteut"><object class="imgauche" height="344" width="425"><param name="movie" value="http://www.youtube.com/v/sOMiowrff0Y&hl=fr&fs=1&rel=0"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always">
<embed src="http://www.youtube.com/v/sOMiowrff0Y&hl=fr&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="344" width="425"></object>

Un grand merci pour vos conseils déjà, c'est super sympa !!!!!

V i n c e

Message envoyé avec : Mozilla/5.0 (Macintosh; U; PPC Mac OS X 10.4; fr; rv:1.9.0.7) Gecko/2009021906 Firefox/3.0.7

détail : il me semble que

Code : Tout sélectionner

html lang="fr"

suffit, non?
par rapport à "fr-fr" que je ne retrouve pas mentionné là :
http://www.la-grange.net/w3c/html4.01/s ... html#h-8.1
ni dans le lien vers "Le document [RFC1766]" qui est imbitable mais y'a la fonction Rechercher, heureusement!
"fr-fr" voudrait dire "langue française telle que parlée dans l'état français", comme "fr-CA" français canadien, bon, je crois que "fr" tout court est suffisant...

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7

V i n c e a écrit : Le validateur w3c jette même l'ensemble du code. Y a-t-il un autre moyen d'intégrer la vidéo "PROPREMENT" ?
Code : Tout sélectionner
<div style="" class="boiteut"><object class="imgauche" height="344" width="425"><param name="movie" value="http://www.youtube.com/v/sOMiowrff0Y&hl=fr&fs=1&rel=0"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always">
<embed src="http://www.youtube.com/v/sOMiowrff0Y&hl=fr&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="344" width="425"></object>
Un grand merci pour vos conseils déjà, c'est super sympa !!!!!

V i n c e

Message envoyé avec : Mozilla/5.0 (Macintosh; U; PPC Mac OS X 10.4; fr; rv:1.9.0.7) Gecko/2009021906 Firefox/3.0.7

Oui, tu remplaces ton code par celui-ci:
<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/qUGfVfBKShA&hl=en&fs=1"
width="425" height="350">
<param name="movie" value="http://www.youtube.com/v/qUGfVfBKShA&hl=en&fs=1">
<param name="quality" value="high">
</object>
en mettant la même adresse à "data" et à "value". Ca fonctionne avec FF et IE 7 et c'est évidemment valide puisqu'embed ( propriété de Microsoft)n'y est plus. Remplace l'adresse en rouge par la tienne.

Bonjour et merci de ta réponse sur le embed... et sorry de ne répondre que maintenant, je n'avais pas vu ton post.

Pas eu le temps encore de me remettre sur mon site pour faire les modifs suggérées

. Mais je le ferai.

Message envoyé avec : Mozilla/5.0 (Macintosh; U; PPC Mac OS X 10.4; fr; rv:1.9.0.7) Gecko/2009021906 Firefox/3.0.7

Geckozone

Mon Mont Ventoux !

Mon Mont Ventoux !

Re: Mon Mont Ventoux !