Bonjour à tous
 
Voila, je suis novice en la matière mais je voudrais créer un site avec un design un peu spéciale pour la première page:
Il s'agirait d'un cadre avec dedans 3 photos alignées mais espacées et mettre sur le dessus des images en .png qui gère l'opacité afin d'avoir un effet d'opacité sur des parties des photos.
 
Je ne sais pas aligné 3 images en CSS
 
1- J'ai essayé avec les div et une classe qui les positionne en position relative mais je me retrouve avec des top :-300px ; et il parait que certains navigateurs n’aiment pas les valeurs négatives.
 
2- J’ai aussi essayé style="dispaly:inline" afin d’afficher mes images de gauche à droite (toujours le même problème : elles sont affichées de haut en bas )
 
 
3- J’ai aussi essayé de mettre des span à la place des div, ce qui reviens à « 2 ».
 
 
Je ne vous donne pas mon code, il n’y a rien juste y trois images que je voudrais placer de gauche à droite avec un espacement.
 
PS : Y a-t-il une différence à appliquer une class à un div plutôt qu’à une image?
 
Merci d’avance à tous ceux qui liront ce message.

tu n'appliques pas une class à un div, vu qu'un div et une class, c'est pareil, sauf que le div est utilisé pour un usage unique et la class pour un usage répété
ensuite, tu peux tres bien applique une class à une image ou tout simplement (si ton div contenant les images s'appelle corps) appliquer:

ce style s'appliquera à toutes les images contenu dans "corps"
 
Comment fais-tu pour te retrouver avec des top:-300px; en position relative ???
 
Pour ton probleme d'alignement, applique float:left; au style de tes images

Merci pour ces renseignements, bien que novice en CSS , je crois que tu confond les div et les id. Un id est une class unique et un div est un block.
 
Merci encore pour le float

en effet, j'ai confondu div et id, mais tu n'es pas non plus encore au point. voici de quoi t'éclairer (et moi aussi pas là même)
http://www.journaldunet.com/develo [...] lass.shtml