images superposé avec css

iMac G4 · 9 Mai 2005

bonjour
jai un problème, en fait je ne sais pas si c'est possible.
j'ai une page html avec une image est t'il possible d'importer un .css avec une image à l'intérieur pour la superposé a mon .html

Bloc de code:

<html>
<head>
<title>fonddepage</title>
</head>
<style>
    @import "superpage.css";
</style>
<body>
    <img src="back.png">
</body>
</html>

(mon code de ma page html)
alors quesque je dois marquer dans ma page .css pour avoir mon image superposé
merci :zen:
IMG4

Nephou · 9 Mai 2005

je suis pas sûr de tout comprendre :rateau:

tu as une page comprenant seulement une image… et tu souhaites mettre une image par-dessus cette image en la positionnant par css ? dis nous en plus parce que là…

Niconemo · 9 Mai 2005

Pareil... j'ai beau faire des hypothèses, je ne comprends pas la question. Je pressens que c'est possible mais il faudrait être plus précis

iMac G4 · 10 Mai 2005

quoi de mieu qu'un exemple

www.worldofwarcraft.com
dans la banière du haut plusieur image son superposé les une sur les autres
j'éssai de faire la meme chose (croyant être possible avec du css)
et la question est comment le faire

heliotrope · 10 Mai 2005

salut,

ce que tu demandes meme si au depart c'etait pas tres clair et on ne peut plus simple.
si on se refere au site mentionné comme exemple, il ne s'agit pas reellement de superposer des elements ce qui est possible avec la propriete css z-index.
Dans ton cas il s'agit d'avantage d'une image de background (qq soit l'element ca peut etre un div ou le body ca depend c'est au cas pas cas) sur laquelle viennent se "superposer" une autre image inserer dans un autre element.

J'ai un peu de mal à expliquer en fait je sais pas si c'est l'heure ou bien de ne pas connaitre ton niveau en html qui me font balbutier mes explications.

pour reprendre ton code sans css

<html>
<head>
<title>fonddepage</title>
</head>
<body background="preback.png">
<img src="back.png">
</body>
</html>

les images s'afficheront l'une sur l'autre(back couvrant preback)

Niconemo · 10 Mai 2005

Pour compléter un peu cette réponse :
Le site que tu mentionne est construits en tableaux. Dans un site correctement construit n aurait fait la même chose avec des "divisions" (des <div> ou "calques").

En plus de la page qui a son propre fond, chaque <div> peut avoir son propre fond et d'autres éléments à l'intérieur : images, textes, autres <divs> donc les superpositions se font naturellement.

Par exemple dans le site que tu donnes (qui n'est pas le meilleur modèle qui soit

) :

La page html (la balise body) a un fond
Il y aurait une div d'en tête horizontale avec un autre fond répété horizontalement en papier-peint
Et à l'intérieur de cette div d'en-tête, aligné à gauche, directement un logo (ou une autre div avec en fond ce logo) Ici, pour diverses raisons, ils ont coupé le logo en plusieurs morceaux.

images superposé avec css

iMac G4

Membre actif

Nephou

de pas sage

Niconemo

Modo (toujours vivant !)

iMac G4

Membre actif

heliotrope

Membre actif

Niconemo

Modo (toujours vivant !)

Sujets similaires