Mon Mont Ventoux !

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateur : chinon37

V i n c e
Arias
Messages : 3
Inscription : 10 mars 2009, 15:28

Mon Mont Ventoux !

Message par V i n c e »

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. :roll:

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 !). :shock:

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 ? :oops:

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. :D

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
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Message par chinon37 »

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!!
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
Fabrice.Tres.Net
Tyrannosaurus Rex
Messages : 2390
Inscription : 26 juin 2006, 12:50

Message par Fabrice.Tres.Net »

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?
Zefling
Tyrannosaurus Rex
Messages : 2577
Inscription : 21 déc. 2004, 03:45

Message par Zefling »

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)
Mon blog de dév web ― Thème pour le forum Geckozone ― Le clavier Latin-9 fr sous Windows ― Raccourcis clavier pour Firefox
Debian 8 KDE avec Firefox & Nightly
Kazé
Varan
Messages : 1743
Inscription : 10 févr. 2005, 10:26

Re: Mon Mont Ventoux !

Message par Kazé »

C’est propre, félicitations ! 8-)
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.
KompoZer lead dev
Ubuntu 10.04 Lucid Lynx — « L'erreur est humaine, mais vraiment foutre la merde nécessite le mot de passe root. »
V i n c e
Arias
Messages : 3
Inscription : 10 mars 2009, 15:28

Message par V i n c e »

Merci à tous pour vos réactions !
Chinon37 a écrit :

Code : Tout sélectionner

<html dir="ltr;" lang="fr-fr"><head>
J'achète ! 8-)
Chinon37 a écrit :Pour l'instant, il est encore possible de publier ce qu'on veut sur le net... pourvu que ça dure!!


:wink:
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 ! 8-)
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
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

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
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
GAUNCE
Iguane
Messages : 652
Inscription : 19 déc. 2004, 00:48

Message par GAUNCE »

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.
Ma configuration
Si tu es dans l'obscurité, viens sur ce forum pour t'éclairer (proverbe Landais)
" La libertat qu'ei lo camin "
V i n c e
Arias
Messages : 3
Inscription : 10 mars 2009, 15:28

Message par V i n c e »

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 :oops: . 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
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 4 invités