28173 sujets

CSS et mise en forme, CSS3

Bonjour,
j'ai un petit souci avec une image coupée en tranches avec Photoshop. Dans ma page (x)html, j'ai un espace blanc (couleur de fond de ma page) entre les tranches. Le plus surprenant pour moi en tout cas, est que quand je ne sépare pas la forme et le contenu, je n'ai pas d'espace, par contre une fois la forme mise dans une page css externe, l'espace blanc réapparait.
ex: avec ce code, je n'ai pas d'espace...

<p><img src="image1" style="border:0;padding:0;margin:0;float:left" />
<img src="image2" style="border:0;padding:0;margin:0;float:left" />
...
</p>


Par contre si les styles sont séparés et mis dans la feuille css, les espaces appraissent.

Quelqu'un aurait-il une idee?

Merci à vous
Bonjour,

Ton erreur peut se situer aussi bien dans la syntaxe de la feuille de style que dans la manière de l'appeler.

Pour t'en dire plus, mieux vaudrait donner ici le code qui ne fonctionne pas que celui qui ne comporte pas d'erreur Smiley cligne

Sinon, une remarque: les images n'ont ni marges ni padding par défaut, et il est donc inutile de les ramener à zéro.
Modifié par Laurent Denis (29 Jul 2006 - 07:11)
Laurent Denis a écrit :
Bonjour,

Ton erreur peut se situer aussi bien dans la syntaxe de la feuille de style que dans la manière de l'appeler.


Bonjour et merci,
Pourrais-tu m'éclairer là dessus car je n'ai pas très bien compris. N'étant pas chez moi, je n'ai pas mes codes sous la main. Je les mettrais une fois à la maison.

Merci
Modifié par oualad (29 Jul 2006 - 12:39)
Salut

Il y a probablement une erreur dans l'appel de la feuille de style, c-à-d dans la syntaxe de la balise <link rel="stylesheet" ... /> ou dans le @import ...
Bonjour et merci. Désolé du retard.

En ce qui concerne l'appel, il est des plus simples (enfin, je pense):
[code]
<link rel="stylesheet" type="text/css" href="mdv.css" />
Modifié par oualad (30 Jul 2006 - 16:05)
Désolé mais mon message est coupé à chaque fois. Je n'arrive pas à le mettre en entier...
j'essaie de transmettre les codes css et xhtml, mais une fois le message envoyé, je me retrouve avec uniquement ce que vous voyez ci-haut.
Modifié par oualad (30 Jul 2006 - 16:08)
j'espere que mon post sera bien envoyé:
le css est le suivant:
#photobio {
	margin:0;padding:0;

}
#photobio img {
	float:left;
	border:0;}

Appelé de cette maniere:
<p id="photobio">
<a href="#pirly">
<img src="images/images/pirly.jpg" /></a>
<a href="#kurt"><img src="images/images/kurt.jpg" /></a>
<a href="#charly"><img src="images/images/charly.jpg" /></a> 
</p>


merci de vos aides (j'ai oublié les alt, désolé)
Modifié par oualad (30 Jul 2006 - 16:13)