Piwigo.org

AkaiKen · 2007-11-29 08:30:54

Je suis en train d'enlever les erreurs, mais il y en a qui m'étonnent. Par exemple le W3C HTML Validator dit que <br /> est à éviter, alors que j'avais compris qu'au contraire c'était <br> qui n'était plus aux normes...
Ensuite, il semble que 'align' ne lui plaise pas, que ce soit dans l'entête (avec un <div align="center") ou dans le bloc PWG Stuffs Edito (avec un <P align="justify")... Que mets-je à la place ?
Quelques erreurs se retrouvent dans le code de phpMyVisite (je vais peut-être l'enlever tout court).

(je précise que l'extension que tu m'as donné en lien ne -//:---\spam pas les erreurs d'align, mais comme elle semblait nettoyer sans montrer où étaient les erreurs j'ai voulu compléter avec le Validator en ligne)

Pour les </li> et </td> en trop, c'est enlevé.

Pour ce qui est de l'aspect différent sous IE... là je ne sais pas du tout comment faire.

Merci d'avance :)

Dernière modification par AkaiKen (2007-11-29 08:34:10)

VDigital · 2007-11-29 08:33:30

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

Cela dépendra du doctype choisi et de son dtd.

AkaiKen · 2007-11-29 08:35:03

Ok je vois, donc si je marque XHTML dans le doctype du document, ça marche ?

Tous les navigateurs supportent-ils ce langage ?

P@t · 2007-11-29 11:20:18

Pour les align, il faut utiliser text-align en CSS:

<div style="text-align:center;">.....</div>
<div style="text-align:justify;">.....</div>

Je vais jeter un oeil maintenant...

AkaiKen · 2007-11-29 11:50:52

Bon, il reste trois erreurs, elles semblent toutes dues à phpMyVisite, je vais le désinstaller dès que je le pourrai (problèmes de FTP en ce moment...).

EDIT : j'ai transformé (à la barbare =D) mon index.php de l'accueil en XHTML Transitionnal. Après une petite centaine de / ajoutés un peu partout, ça y est, ma page est valide !

Dernière modification par AkaiKen (2007-11-29 14:31:02)

AkaiKen · 2007-11-30 13:41:17

Je me permets de remonter ce sujet, car j'ai toujours le menu qui merdoie sous IE7 (les 3 parties ne sont pas collées), et l'extrémité de gauche est décalée sous FF2...

J'ai essayé le <img align="right" src= etc. pour recoller les bords sous IE7 (aligner le morceau de gauche à droite et le morceau de droite à gauche), mais aucun changement.

Je crois avoir trouvé la raison du décalage du morceau de gauche, il y a un style="position: relative; top: 1px;" venu d'on ne sait où, et qui rechigne à se laisser modifier en top : 0px... Je fais la modif dans l'onglet Configuration de PWG, qui me marque 'inscrit dans la base de donnée, etc', mais le code source de la page, après maints Ctrl+F5 me redonne le top: 1px.
Que se passe-t-il ?

AkaiKen · 2007-12-01 13:02:36

Bon, j'y suis encore une fois allée à la barbare :D et ai modifié directement le fichier index.php à la racine de PWG, donc sur la page d'accueil, sous Firefox, le menu en sliding doors est parfait. Mais toujours pas sous IE7, et je ne sais absolument pas quoi faire.
(il y a aussi un décalage lorsqu'on navigue dans les images, et là non plus je ne sais pas comment modifier...)

mathiasm · 2007-12-01 15:19:36

AkaiKen a écrit:
Bon, j'y suis encore une fois allée à la barbare :D et ai modifié directement le fichier index.php à la racine de PWG, donc sur la page d'accueil, sous Firefox, le menu en sliding doors est parfait. Mais toujours pas sous IE7, et je ne sais absolument pas quoi faire.
(il y a aussi un décalage lorsqu'on navigue dans les images, et là non plus je ne sais pas comment modifier...)

Pour IE7: vérifie que ton #nav et #nav UL n'ont ni marge ni padding à gauche et à droite. Ce sera déjà un début.

AkaiKen · 2007-12-01 16:10:42

Mon #nav (pas de #nav UL chez moi, mais un #nav li ^^, dois-je présumer non de leur identicité mais d'un rapport quand même ?) a bien quelques margin et padding, mais toujours mis à 0 (idem pour #nav li).
Merci de m'avoir répondu, je n'avais effectivement pas pensé à ça.

Dernière modification par AkaiKen (2007-12-01 16:14:17)

VDigital · 2007-12-01 16:33:38

<table style="border-spacing: 0px;">
<tbody>
<tr>
<td>
<img alt="" src="http://akaiken.free.fr/sanctuaire/blog/menu_g.gif" style="position: relative; top: 0px;"/>
</td>
<td id="nav">

La balise img répondra aux directives pour les autres img.
Et son td ne répondra pas aux directives de #nav

Voilà deux raisons d'avoir un espace...
8-)

mathiasm · 2007-12-01 21:29:20

Effectivement, le td qui contient l'image doit aussi avoir marge et remplissage à 0.

Piwigo.org

Annonce

#16 2007-11-29 08:30:54

Re: Menu CSS "Sliding doors"

#17 2007-11-29 08:33:30

Re: Menu CSS "Sliding doors"

#18 2007-11-29 08:35:03

Re: Menu CSS "Sliding doors"

#19 2007-11-29 11:20:18

Re: Menu CSS "Sliding doors"

#20 2007-11-29 11:50:52

Re: Menu CSS "Sliding doors"

#21 2007-11-30 13:41:17

Re: Menu CSS "Sliding doors"

#22 2007-12-01 13:02:36

Re: Menu CSS "Sliding doors"

#23 2007-12-01 15:19:36

Re: Menu CSS "Sliding doors"

AkaiKen a écrit:

#24 2007-12-01 16:10:42

Re: Menu CSS "Sliding doors"

#25 2007-12-01 16:33:38

Re: Menu CSS "Sliding doors"

#26 2007-12-01 21:29:20

Re: Menu CSS "Sliding doors"

Pied de page des forums