bonjour,
 
j'utilisais beaucoup les tableaux pour mon site, mais voilà que j'essaie de transformer tout ca avec des div, malheureusement ca me pose quelques problemes...  
 
par exemple sur cette page : http://masterdawa.dyndns.org/whyme [...] nd=2&gal=3
 
 
je voudrais que les photos soient l'une a coté de l'autre, avec la ptite corbeille juste en dessous de chacune d'entre elles... donc j'ai fait une grosse div qui englobe le tout et une div pour chaque couple photo-corbeille
 
et là bin il passe à la ligne entre chaque photo, alors que je n'ai aucun saut de ligne, et que mes div sont en relative, donc je pensais qu'il allait décaler simplement de 20 pixels entre chaque...
 
pourriez me dire comment résoudre ces problems, et aussi me donner, si vous avez ca, un lien expliquant toutes les possibilités des div?
 
merci !

cf. http://openweb.eu.org/ en général
 
et http://openweb.eu.org/articles/initiation_float/ en particulier.

Je te remercie

Savoir utiliser et positionner des calques (div) : http://www.alsacreations.com/articles/div/
 
Faire une mise en page grâce aux CSS : http://www.alsacreations.com/articles/design/
 
Construire un site web complexe sans tableaux (CSS) : http://www.alsacreations.com/articles/tutocss/

merci a vous 2 j'avance petit à petit

Bon j'ai qd meme besoin d'un peu d'aide
 
voici ma page http://masterdawa.dyndns.org/whyme [...] nd=2&gal=3
 
j'aimerais positionner la petite corbeille en haut a droite de chaque image... mais évidemment les images n'ont pas toutes la meme taille, donc je ne peux pas donner une taille fixe pour chaque div
 
comment pourrais-je faire d'apres vous?

Javascript, pitêtre ?

- Si tu utilises les CSS, fait le jusqu'au bout : "BORDER='0'" ça se met très bien en CSS et ça alegera ton code
- Il faut entourer toutes les valeurs des propriétés des tags HTML par des " ou des '. Donc "title='Supprimer'" au lieu de "title= Supprimer" et CLASS='photo'
- La page s'affiche mal chez moi ( Mozilla recent ). Forcement, si tu forces la taille de tes div contenant les images et que celles-ci sont plus grandes ça foire

moué...
 
j'ai changé 2/3 trucs mais là j'ai mal la tete jvais laisser tomber
 
merci pour l'aide !

Ben tu peux essayer ça :
 
<div class="globage">
  <a><img class="photo" src="..." /></a>
  <a><img src="images/delete.png" /></a>
  <a><img class="photo" src="..." /></a>
  <a><img src="images/delete.png" /></a>
...
</div>
 
avec :
 
img.photo {
  vertical-align: top;
}
 
 
Bon et puis sinon il y a plein d'horreurs dans tes feuilles de style... float: center et align: center ça existe pas...

ah c'est pour ca que ca change rien  
 
bon jvais modifier encore tout ca, maintenant que jsuis reposé
 
merci !

mais une simple question, disons que j'ai une page et que jveux placer une page au milieu, comment jfais?
 
puisqu'apparemment les <center> c'est crade, entourer tout le contenu par <div align='center'> et </div> c'est mieux ou pas?

Cf la FAQ