[RESOLU]probleme espace/bordure ?

[topus]

Bonjour voila j ai un petit soucis

Dans mon header j ai mis une image logo.jpg et en dessous un menu.jpg seulement entre les 2 il y a un espace de 1pixel environ ce qui est genant, savez vous comment corriger cela ,

<!-- Header -->

[topus]

Cet espace la, personne ne voit plz ?

[Peha]

firebug is your super friend >> http://www.prestashop.com/forums/viewthread/16736/graphisme/tuto_installation_et_utilisation_de_firebug_pour_modifications_du_template_couleurs_images__dot__dot__dot_

(comment comptes tu faire ton menu ? mon conseil : met la liste des liens avant de t'attaquer aux petits pixels de décalage )

[topus]

j ai firebug depuis la 1.0 lol mais justement rien n y fais, ç est la premiere fois j ai ce probleme d espace pour 2 images

Personne ne voit plz ?

Le menu je voulais faire 4gif cote a cote mais j ai encore un probleme ca met un espace sur prestashop, c est quoi le probleme avec ce cms ...

[Peha]

as tu une adresse ou on peut voir le truc ?
parce qu'a part un margin ou un padding qui traîne je ne vois pas...

pa.

[Patric]

Je me souviens vaguement d'un problème d'espace sous les images sous IE que je résolvais avec un display : block sur l'image.

Mais j'ai jamais rencontré ce genre de soucis sous FF.

Sais pas si ça peut y faire le ; en trop dans width="980px;"...

Et essaye de virer la balise

juste pour voir. D'abord parce que c'est pas beau, et ensuite parce que je crois me souvenir de comportements étranges avec elle aussi.

[Peha]

Plus généralement je pense qu'il est vraiment important de respecter la séparation entre le contenu et la mise en forme.
donc des balises comme

sont à éviter,
de même que les attributs valign border ou même width qui n'apportent rien au contenu (et donc n'ont rien à faire dans les fichiers .tpl mais plutôt dans le css).
par contre rajouter des balises alt="" aux images favorisera ton référencement
mais je m'éloigne de ton problème, désolé

voici comment je verrais la chose :

>
</pre>
<ul>


etc.

[topus]

J ai mis une demo en ligne voila:


http://darkfuji.free.fr/


Merci d avance

[Patric]

Mais t'as essayé des trucs qu'on t'a dit ?

[topus]

bah oui si tu regardes le css , avec firebug j ai virer les center , les width et border et toujours rien :/

Si ce n est un decalage a droite vu que j ai virer le width

[Peha]

Bonjour,

validateur w3c
essaye de régler ces problèmes... j'avoue que je ne vois pas trop ce qui ce passe...

pa.

[Patric]

Parfois on observe des décalage dûs au simple fait de mettre les balises sur plusieurs lignes.

Essaye peut-être de tout mettre sur une seule ligne comme ça :

[Peha]

Le truc, c'est que ce doctype ne devrait pas être utilisé
c'est du Xhtml 1.1 strict,

le Xhtml 1.0 transitional est plus adapté :



http://www.alsacreations.com/astuce/lire/41-comment-bien-dclarer-du-xhtml-10-et-du-xhtml11.html
http://www.blog-and-blues.org/weblog/2004/06/11/243

edit : et remplacer
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />

par

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

[topus]

effectivement zendik avait raison, vive les bugs incomprehensible :s

J ai remplacer comme tu as dis aussi peha, par contre ça change quoi xhtml 1.0 ou 1.1 toujours travailler en 1.1

Merci sinon zendik

[Peha]

ça change la manière que choisira le navigateur pour interpréter ton code...
cf les liens que j'ai donné dans mon post précèdent.

(peux tu stp remettre l'ancien doctype pour voir si ça marche aussi ?)


et <meta http-equiv=“Content-Type” content=“application/xhtml+xml; charset=utf-8” />

[topus]

ah bah nan avec l ancien doctype ça marche pu, bon bah merci ^^

[Patric]

Bien vu Peha ! Je savais pas que Firefox aussi interprétait le code différemment selon le doctype.

[Résolu] ?

[topus]

oui c est resolu merci

[Peha]

Peux tu éditer le titre de ton premier post et ajouter [résolu] pour que les lecteurs du forum puissent savoir que le pb est résolu (et qu'il y a donc une solution dans ce fil)