[Résolu] Problèmes de padding et d'image qui ne s'affiche pas

Bonjour à tous,
J'ai un petit problème sous IE et Firefox, le <div class="newbox"> se "prolonge" un à deux pixels sous l'image bottom_box.gif . C'est assez inesthetique ? comment corriger le bug ? J'ai essayé d'appliquer un style="display:block" à bottom_box.gif, sans succès.
Un autre problème sous IE seulement cette fois-ci. Sous le titre "Les dernières fiches :" il n'y a pas de pointillés. Voici le code source :

<h2 style="color:#332B7B;margin-top:2px;margin-left:5px;font-weight:bold;font-size:13px;padding-bottom:3px;margin-bottom:5px;background: url('../club/img/sous_titre.gif')left bottom repeat-x;">Les derni&egrave;res fiches publi&eacute;es :</h2>

. Sous IE, l'image sous_titre.gif (les pointillés) ne s'affichent pas. (Je sais qu'il existe une option dotted pour les bordures, mais dotted et dashed donne la même chose sous IE, et c'est moche. C'est pour cela que j'utilise une image. )

D'avance merci pour votre aide.
Modifié par le_fleau (12 Jan 2009 - 13:40)

Bonsoir
Pour supprimer l'espce des 1 ou 2 pixels supplémentaires tu dois attribuer
une taille à bottom_box.gif et à toutes tes image (meilleur accessibilité).

Pour tes pointillés manquant il manquait un espace avant left dans ta déclaration de style en ligne.
Pour des raison de facilité de mise à jour et de comptabilité avec les futurs version d'XHTML tu ne devrais pas utiliser les style en ligne (local).

h2 {
	color:#332B7B;
	margin:2px 0 5px 5px;
	font-weight:bold;
	font-size:13px;
	padding-bottom:3px;
	height:20px;
	background: url(../club/img/sous_titre.gif) left bottom repeat-x;
	}

Le titre ne s'affiche que si on donne un height pour je ne sais quelle raison.
j'ai simplifié tes marges.
Modifié par Hermann (16 Jun 2006 - 22:34)

Je teste ça tout de suite. Je pense que ce que tu appelles style en ligne, c'est le fait d'ajouter un attribut style="blabla" dans une balise. En fait, ce n'est que provisoire, je suis en train de recoder le site, et lorsque je travaille dessus, c'est plus pratique de le style soit accessible dans la balise, plutôt que d'aller à chaque fois dans la feuille de style. Après je mettrais tout proprement dans la feuille de style.

C'est quand même fantastique...
On t'a jamais appris les formules de courtoisie?

Merci beaucoup !

Hermann a écrit :

Le titre ne s'affiche que si on donne un height pour je ne sais quelle raison.
j'ai simplifié tes marges.

Ah bon ? je n'avais pas ce problème, enfin j'ai rajouté un height. Bizarre quand même :?

Hermann a écrit :
Bonsoir
Pour supprimer l'espce des 1 ou 2 pixels supplémentaires tu dois attribuer
une taille à bottom_box.gif et à toutes tes image (meilleur accessibilité).

Là, par contre, ça ne marche pas
Modifié par le_fleau (16 Jun 2006 - 23:44)

Hermann a écrit :
C'est quand même fantastique...
On t'a jamais appris les formules de courtoisie?

Pardon, pourquoi dis-tu cela ?
Modifié par le_fleau (16 Jun 2006 - 23:49)

a écrit :
pourquoi dis-tu cela ?

Bon d'accord je n'avais pas vu ton dernier post, c'est pas grave
mais je suis un peu agacé de voir qu'il y en a certain ici et ailleurs qui se
croient tout permis sous prétexte que c'est du virtuel...
Modifié par Hermann (17 Jun 2006 - 00:12)

Tu as raison, mais je n'ai jamais voulu être agressif ou irrespectueux.

Sinon, en fait j'ai mis un style="vertical-align:bottom;" dans la balise <img>. Je ne sais pas si c'est correct, mais en tous cas ça corrige le bug sous les deux navigateurs. Cette technique est elle correcte ? D'avance merci pour votre réponse.
Modifié par le_fleau (17 Jun 2006 - 01:19)

Salut,
Oui c'est correct le vertical-align s'applique aux éléments
en-ligne et aux cellules de tableau.
Modifié par Hermann (17 Jun 2006 - 13:19)

Hermann a écrit :
Salut,
Oui c'est correct le vertical-align s'applique aux éléments
en-ligne et aux cellules de tableau.

Merci, j'avais peur que ce soit du bricolage ^^