Probleme d'affichage de mon site [résolu]

Bonjour a tous
J'ai divers soucis de code pour mon template
J'utilise artiphp et j'ai des petites erreurs pour le mise en forme

Voila mon site est http://www.hexs.fr
Si vous le visualisé sous firefox vous remarquerez les petits espaces sous le haut de chaque fond a droite et a gauche
Ce que j'ai que d'un seul cote du cote de IE
Pourquoi ?? Je ne sais pas !
Une erreur dans mon templates ?
Je vous met en lien les fichiers special_skin.css, temp.html ainsi que acceuil.html

Si ququn aurait une idée a mon problème je suis preneur

J'ai de bonnes notions mais je ne maitrise pas encore les codes comme un pro
J'utilise Dreamweaver qui m'en apprend beaucoup.

Par ailleurs je cherche a mettre en place sur le cote de mon forum 2 ombres
Comment on peu les placées dans le special_skin.css?

Merci par avance
Modifié par Shyriu (21 Jan 2009 - 19:18)

Hello Shyriu,

la réponse est dans la FAQ : Espaces indésirables sous les images.

Au passage tu utilises 2 fois le même id mdossdate.

Merci pour les infos !

J'ai bien mis le display:block; en place dans les class de l'image mais rien ne change
Sous IE, celle de droite n'apparait pas
Mais sous Firefox les deux apparaissent

merci pour le l'info de l'erreur d'Id c'est en cours !

Pour mieux visualiser le probleme :

Sous Firefox :

<image supprimée : merci de mettre un aperçu de l'image lorsque celle-ci est trop grande car cela déforme la mise en page du forum />

Sous IE :

<image supprimée : merci de mettre un aperçu de l'image lorsque celle-ci est trop grande car cela déforme la mise en page du forum />

De plus j'ai un soucis d'alignement de ma barre de menu "téléchargement" se me en dessous sous IE
Modifié par Heyoan (14 Jan 2009 - 18:36)

A priori un prob de différence d'écart entre les éléments du menu. Pour y pallier au plus simple, un conditionnel IE concernant les paddings/margin selon le cas.

Arsene a écrit :
Pour y pallier au plus simple, un conditionnel IE concernant les paddings/margin selon le cas.

C'est a dire ?
Je ne comprend pas beaucoup

Shyriu a écrit :

J'ai bien mis le display:block; en place dans les class de l'image mais rien ne change

D'après mon Firebug qui ne ment jamais : non tu ne l'as pas mis.

regarde dans les liens des fichier de mon premier post je l'ai bien mis !
Non ?
Si non, je vraiment trop nul (ce qui est plus logique )
Ou alors il n'est pas au bon endroit !

Je t'invite à installer l'extension Firebug de Firefox et en mode inspection de sélectionner le haut du cadre...


Edit: à tout hasard il faudrait peut-être également (re)lire les sélecteurs.
Modifié par Heyoan (14 Jan 2009 - 18:52)

Heyoan a écrit :
Je t'invite à installer l'extension Firebug de Firefox et en mode inspection de sélectionner le haut du cadre...


Edit: à tout hasard il faudrait peut-être également (re)lire les sélecteurs.

Je connais les selecteurs
J'ai trouve grace a firebug et je me suis tromper car je l'avais mis dans class menu gauche et non dans img{}

Desole
Merci
Sinon pour le soucis d'affichage de ma barre de menu il y a un decalage avec le lien telechargement FF par rapport a IE ?
Tu ne saurais d'ou ca vient ?

Desole encore de ma maladresse

Bonsoir
Apres avoir mis display:block
Maintenant j'ai mes image en bas qui ne veulent plus se mettre a la suite
Elle se place l'une sous l'autre.

Je redonne le lien : http://www.hexs.fr

Et pour le probleme d'alignement de la barre de menu avec lien de "telechargement" qui ne se met pas a la suite sous IE comme sous FF
Modifié par Shyriu (20 Jan 2009 - 19:50)

Shyriu a écrit :

Apres avoir mis display:block
Maintenant j'ai mes image en bas qui ne veulent plus se mettre a la suite
Elle se place l'une sous l'autre.

Eh bien oui : il ne faut pas affecter cette propriété à toutes les images

img {
	display: block;
}

mais seulement à celles qui le nécessitent

img.maclasse {
	display: block;
}

Pour le reste je te renvoie à la réponse d'Arsene.

Heyoan a écrit :
Eh bien oui : il ne faut pas affecter cette propriété à toutes les images

img {
	display: block;
}

mais seulement à celles qui le nécessitent

img.maclasse {
	display: block;
}

Pour le reste je te renvoie à la réponse d'Arsene.

Tu metterai comment alors :
celle de gauche c'est une id="menugauche"
et celle de droite c'est une id"breves"

Moi j'ai mis ca : et cela ne fonctionne pas

* image par défaut */
IMG{border:0;}

IMG menugauche{ display:block}
IMG breves{display:block}

Tu n'avais pas dit ?

Shyriu a écrit :

Je connais les selecteurs

En clair il suffit d'affecter une classe à tes images qui ont le problème d'espace. Par exemple

<img class="dsp_block" ...

et ensuite dans ton CSS :

img.dsp_block {
	display: block;
}

Ce ne serait peut-être pas inutile de revoir les bases. Un petit tour sur cet article : comment débuter et trouver l'information ?, ainsi que dans les Tutoriels et dans la FAQ devrait déjà bien t'informer sur les standards du web et la manière de faire un site conforme.
Modifié par Heyoan (20 Jan 2009 - 21:25)

Ok j'ai compris
Affaire reglé
Je suis désolé d'avoir eu des questions simple mais je cherche a apprendre mais avec certaines docs, les termes utilisés sont pas toujours simple pour des debutants de la je ne comprend pas tout

Donc j'ai du mal a tout assimilé

merci beaucoup

Salut,

Shyriu a écrit :

Je suis désolé d'avoir eu des questions simple mais je cherche a apprendre mais avec certaines docs, les termes utilisés sont pas toujours simple pour des debutants de la je ne comprend pas tout

Donc j'ai du mal a tout assimilé

Il n'y a aucun aucun problème à poser des questions simples : Alsacréations s'adresse essentiellement aux débutants.

L'apprentissage du CSS (à supposer que l'on ait déjà de bonnes notions en html) prend du temps et nécessite beaucoup de lectures et d'essais.


Si tu considères que ce sujet est [Résolu] merci de l'indiquer en éditant ton premier post et en modifiant le titre.