Discussion :

[Invité]

Bonjour

Je viens vous demander de l'aide pour un tout petit problème que j'ai :

Voici le code source :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div id="header"><img src="images/2.png" class="png" border="0" height="184px" width="782px" alt="Header">
 
#header { width:782px; height:184px; margin:0px;  margin-left:auto; margin-right:auto; }

Ecris comme sa, je n'ai aucun problème. Par contre je désirerais aérer, structurer un peu mon code source en rajoutant quelques sauts de lignes comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div id="header">
	<img src="images/2.png" class="png" border="0" height="184px" width="782px" alt="Header">
</div>

Et là sous IE sa bug, il me rajoute un espace vide de quelques px sous l'images.
Je précise que je ne peux pas mettres cette images en CSS ( à cause du class="png" )

Vous avez la solution ?
Merci !

[Chronax]

Tiens essaye ca:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div id="header">
	<img src="images/2.png" class="png" border="0" height="184px" width="782px" margin="0px"  margin-left="auto" margin-right="auto" alt="Header">
</div>

SI j'ai bien compris tu as viré le Css pour alleger le code IoI...
Bon et bien ce que tu avais dans la Css il faut bien qu'il revienne dans tonfichier Html...

[Invité]

Nop désolé sa ne fonctionne pas !

J'ai déjà tester tout les trucs style margin:0; padding:0 ....

Si je le met en IMG et pas en background-css c'est que j'ai besoin de faire des effets sur cette img qui ne sont pas possible de le faire si c'est en background.
Mais le pbm ne vient pas de là vu que je ne n'ai pas encore inclus les fichiers pour cet effet.

ps : entre la méthode 1(ok) et la 2(bug), je ne change rien au CSS, je rajoute juste deux retours à la ligne dans le code source.

[IdF-Socrateus]

tu as essayé ça ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img style="width:782px; height:100px; [autres styles]; " src="..." ...>

sinon tu peux mettre le code css de "header" et "png" ?

je suis pas trop sûr, mais il me semble que les <div> ont certaines caractéristiques de mise en page qui n'a pas la balise <span>, et en particulier le saut de ligne... ça vient peut-être de là ?

[speedev]

Heu je n'ai pas compris...ils sont où tes sauts de ligne? Ils se seraient pas fais manger à l'envoi de ton post?
Tu veux simplement aérer ton code source???C'est ça? Et sans que ça soit modifié à l'interpretation du navigateur??

[speedev]

Ha ouais ok j'ai compris lol.

Ca ne viendrait pas de ton logiciel de développement? Tu utilises quoi?

[Invité]

Dream 8

Sinon socrateus sa ne fonctionne pas.

Pour rappel :
#header { width:782px; height:184px; margin:0px; margin-left:auto; margin-right:auto; }
#png === null ( elle ne contient rien encore, mais si on le vire sa ne change rien au pbm )

[speedev]

Ok moi pareil.
C'est bizarre mon code est excessivement aéré dans mes développement et je n'ai pas d'apparition d'espace ou de ligne blanche.
A priori ton espacement vient de ton div et pas de ton image non?

[Invité]

J'avoue que c'est la première fois que sa me fait sa, je vois pas du tout d'où sa vient !

Pour plus d'infos : http://82.255.32.24/SMS/KIT/index.htm

[speedev]

Où se trouve ton espace?

[nightlord]

bjr, as-tu essayé, la balise <p></p>?
je suis débutant en prog ms j'ai déjà eu affaire avec cette balise à la *** elle te crée un paragraphe, ça te serait pas utile?

[Auteur]

bonjour,

essaye avec l'attribut align :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<div>
<img src="...." style="........" align="absbottom">
</div>