Discussion :

[dkmatt]

Bonjour,
Mon petit souci est que je n'arrive plus a changé les marges au-dessus et au-dessous d'un div en inline

CSS:

Code :

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

1
2
3
4
5
6
7
#img_gal {
  display: inline;
  width: 150px;
  height: 150px;
  margin: 10px;
  padding: 0;
}

HTML:

Code :

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

<div id="img_gal"><img src="{urli_photos}" /></div>

içi, une marge de 10px est effective sur les cotés du div mais pas sur le reste et je n'est aucune idée sur la cause de ceci. merci d'avance d'éclairer ma lanterne :p

PS : le reste du code n'agit pas sur cette parti de code, je ne l'est donc pas mise

[Dan_A]

C'est un peu normal pour les éléments "inline".
IE va appliquer height, width, margin et padding en mode Quirks, pas en mode Standards Compliance.
Mozilla va respecter les standards...
http://www.maxdesign.com.au/presentation/inline/

[dkmatt]

ok, merci... je travail sous FF pour info...

comment puis-je faire en sorte d'avoir des marges sachant c'est pour une gallery photo et que je ne peux pas mettre chaque ligne dans d'autre div
une idée sur comment faire ?

[Dan_A]

La réponse était dans la page.
On n'est pas obligé d'utiliser des listes et utiliser float semble être adapté.

[dkmatt]

ok mais aprés j'ai des souci avec le gros div qui contient tout ça...enfin j'vais faire avec, merci

[Dan_A]

Avec firefox, overflow:hidden; dans le div qui contient tout ça permet d'inclure les floats.