28221 sujets

CSS et mise en forme, CSS3

Stephan a écrit :
Essais padding au lieu de margin ! Smiley cligne


ça ne marche pas ... enfin je crois ...

Tu disais de mettre padding au cadre et d'enlever le margin de l'image ?
Bonsoir,

J'édite j'ai dit une grosse connerie.

je repense et reviens !

--------------------------------------------------- Rien à rajouté

a.image { /* définition de la classe "image" de la balise <a> */
border: #69ABA7 1px solid ;
float: left;
margin: 3px 3px 3px 0; padding-left: 3px;
display: block; /* la balise a doit &#281;tre en bloc */
width: 100px; /* largeur de l'image réactive */
height: 100px; /* hauteur de l'image réactive */
background-image: url(im/movies2.jpg); /* source de l'image de départ */
background-repeat: no-repeat;
}

Bonne soirée !
Modifié le 23 Nov 2004 - 23:57
Moi aussi, je suis pointilleux:
	<br/>
	<br/>
	<br/>


J'aime pas Smiley fache Smiley eek Smiley biggol Smiley cligne

@+, HoPHP

P.S. Ceci mis à part, je regarde...
Raphael a écrit :

Il me semble que font-size 0 ne fonctionne pas sur tous les navigateurs (il faut mettre 1px au minimu)

Par contre, il se pourrait que ce soit le fameux bug IE des 3px en flottants : http://www.positioniseverything.net/explorer/threepxtest.html

J'ai toujours utilisé font-size: 0 comme contournement pour IE lors de certain pb de décalage de qq pixels.
Après le fait que celà fonctionne pas sur d'autre navigateur on s'en moque non ? tant qu'ils affichent corretement (contrairement à IE)
a écrit :
Au lieu de margin: 3px; tu peux essayer avec margin: 3px 3px 3px 0; et padding-left: 3px;


Ok ça marche, par contre pour le padding-left, contairement a l'exemple de juliofromlille, il faut le mettre pour le cadre Smiley cligne

a écrit :
Moi aussi, je suis pointilleux:
<br/>
<br/>
<br/>
J'aime pas


C'etait deja en projet de l'enlever car j'avais vu un sujet la dessus sur le forum, mais pour l'instant j'ai pas reussi a le retrouver donc... je vois pas... un margin-bottom ça marche pas