28173 sujets

CSS et mise en forme, CSS3

[Résolu] Float, image et marge (oui encore =))

Bonsoir Alsacréateurs de tous poils.

J'ai tenté de trifouiller cette page au niveau des margins, des paddings, de l'image, des floats etc etc, rien n'y fait, il me reste une marge entre le texte et ce qui se trouve au dessus de lui.

Pourquoi ? =)
Modifié par xis (06 Jul 2007 - 18:27)
xis a écrit :
Bonsoir Alsacréateurs de tous poils.

J'ai tenté de trifouiller cette page au niveau des margins, des paddings, de l'image, des floats etc etc, rien n'y fait, il me reste une marge entre le texte et ce qui se trouve au dessus de lui.

Pourquoi ? =)


Bonjour,

Difficile à dire, ton serveur ne répond pas.

ps: le "trifouillage" est une méthode qui ne garantie pas toujours de bon résultats Smiley cligne
Salut Igor,

Hum, il répond chez moi, en étant patient (enfin ne commencons pas a parler d'hébergement, c'est un autre probleme, pour un autre forum =))

Le triffouillage est la méthode de ceux qui n'en ont pas, et même si je commence a en avoir, je dois reconnaitre, que "quand ca marche pas", je suis vite à court (de méthode =))

Je copypasta un peu de code pour ceux qui ca tente:

El HTML


<html>
<head>
<link type="text/css" rel="stylesheet" href="test.css">
</head>


<body>

<div id="col_gauche">
			<img class="flottant" src="pix/pix2.jpg" >
			<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse aliquam hendrerit enim. Proin quis enim. Aliquam elementum porttitor massa. Ut nisl. Integer facilisis laoreet massa. Praesent interdum ultrices ligula. Phasellus sit amet lectus. Vestibulum semper. Maecenas rhoncus. Integer quis quam. Fusce varius bibendum massa. Quisque ligula lectus, tempor et, viverra ut, pharetra ut, lectus. Pellentesque metus. Nam et justo.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse aliquam hendrerit enim. Proin quis enim. Aliquam elementum porttitor massa. Ut nisl. Integer facilisis laoreet massa. Praesent interdum ultrices ligula. Phasellus sit amet lectus. Vestibulum semper. Maecenas rhoncus. Integer quis quam. Fusce varius bibendum massa. Quisque ligula lectus, tempor et, viverra ut, pharetra ut, lectus. Pellentesque metus. Nam et justo.</p>
			</div>

<div id="col_droite">
			<img class="flottant" src="pix/pix1.jpg" >
			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse aliquam hendrerit enim. Proin quis enim. Aliquam elementum porttitor massa. Ut nisl. Integer facilisis laoreet massa. Praesent interdum ultrices ligula. Phasellus sit amet lectus. Vestibulum semper. Maecenas rhoncus. Integer quis quam. Fusce varius bibendum massa. Quisque ligula lectus, tempor et, viverra ut, pharetra ut, lectus. Pellentesque metus. Nam et justo.</p>
			</div>
			
</body>
</html>


El CSS


#col_gauche {

		float: left;
		width: 390px;
		background: green;
		padding: 0;
		color: white;
	}
	
#col_droite {
		float: right;
		width: 260px;
		background: red;
		padding: 0;
		color: white;
	}	
	
	
	
.flottant { float: left; }

Modifié par xis (04 Jul 2007 - 20:30)
Bonjour,

a écrit :
J'ai tenté de trifouiller cette page au niveau des margins, des paddings, de l'image, des floats etc etc, rien n'y fait, il me reste une marge entre le texte et ce qui se trouve au dessus de lui.


Ben à priori tu donnes toi même la réponse Smiley cligne
rajoute donc peut être 
p{padding: 0; margin: 0;}
Mouerf... merci ghost, je croyais pourtant avoir testé çà, mais il devait être trop tard...
Sujet clos
Aller à