css couches de commande et d'organisation

Question

J'essaie d'avoir une couche et centrer les images à l'intérieur. I.E., si j'ai 3 images et que je veux 3 liens en dessous, y at-il un moyen de le faire sans utiliser une balise div séparée pour chaque lien et image? Pour que les liens soient automatiquement centrés sous les images et que les images soient réparties uniformément dans une couche?

Je me demandais aussi comment je pourrais faire apparaître le div derrière le HTML standard si cela est possible. C'EST À DIRE. si j'ai du texte et un div sur le texte, le div affichera par défaut le texte, quand je voudrais qu'il soit derrière. Est-ce seulement possible en utilisant une autre couche?

Answer 1

Oui, vous devrez placer un élément conteneur, tel qu'un div, autour de chaque image et de sa légende pour les conserver ensemble.

<div class="pictureBox"> 
    <div> 
     <img /> 
     caption caption 
    </div> 
    <div> 
     <img /> 
     more caption 
    </div> 
</div> 
-------- 
.pictureBox div { 
    text-align: center; 
    /* whatever width/height/positioning you want */ 
} 

pour la deuxième partie de la question, en ce qui concerne le mettre derrière l'autre texte, jetez un oeil à CSS z-index, mais je pense que applique uniquement aux éléments absolument positionnés.

Answer 2

nickf a raison, l'index z ne s'applique qu'aux éléments positionnés en absolu.

Vous pouvez définir la position de l'élément conteneur: relative, puis affecter à la fois l'image et la position de liaison: absolute pour affecter leur ordre d'empilement.