Bonjour,

je suis débutant en CSS et j'aurai aimé savoir si je peux superposer 2 div?

en fait voila, j'ai dans mon CSS un bloc image:
#Image{
	width:483px;
	height:357px;
	float:left;
	margin-top:15px;
	margin-left:20px;
	background-repeat: no-repeat;
	z-index: 1;
	}


J'aimerai faire apparaitre un .swf SUR mon image.
J'ai donc créer dans mon CSS:

	.monswf {
	width:227px;
	height:171px;
	z-index: 2;
	}

Ensuite dans mon html j'ai écrit:

<div id="Bild"><span class="galerie">
			<object >...monflash...</object>
		 </span>
		<img src="image.jpg"/>
</div>


Naturellement ca ne marche pas....

Une idée?

Merci d'avance
Modifié par Giom05 (19 Jul 2005 - 18:55)
Administrateur
Salut Giom05 et bienvenue ici,

Seuls les éléments positionnés (voir tutoriels à ce sujet) peuvent se superposer. Il faut donc leur appliquer la propriété "position".

PS : attention à l'écriture correcte de tes codes sur le forum. Merci de bien vouloir relir les Règles du forum à ce sujet et de modifier ton message en conséquence.

Bonne chance Smiley cligne

PS2 : dans ton code, ton span (élément en ligne) contient un élément bloc (object), ce n'est pas autorisé Smiley ohwell

EDIT : en fait, j'ai l'impression que tu es très débutant et que tu n'as pas pris le temps de suivre els apprentissages minimaux nécessaires Smiley ohwell
Je te suggère de lire le sujet placé en post-it du salon CSS et qui te donne les pistes à suivre pour débuter :
Modifié par Raphael (19 Jul 2005 - 18:18)
Bonsoir

Pourquoi tu ne mets pas ton image
background-image: url(http://www.tonsite.com/ton_imgae);
et comme cela tu peux mettre un div superposé sur ton image de fond

@+
Administrateur
a écrit :
J'aimerai faire apparaitre un .swf SUR mon image.

En effet, dans ce cas précis, une image d'arrière-plan est bien plus adaptée Smiley cligne :


<div> avec une image de fond
<object></object> --> ton flash
</div>

Modifié par Raphael (19 Jul 2005 - 18:20)
wahou...
La rapidité des réponses!!!..

En tout cas merci de ces conseils je vais essayer de les mettre en application.

@Raphael:
Désolé pour l'écriture du code dans le forum...Désolé...
Je suis en effet un réel débutant...Je sur plus axé graphisme et Flash, mais la prog. m'interresse... C'est vrai que je n'ai pas pris le temps d'apprendre les bases car comme beaucoup d'entre vous sans doute, mon bosse me demande de faire un site en CSS du jour au lendemain...Donc j'apprends sur le temps Smiley confus

Bref merci de cet accuei et vous avez de grandes (mal)chances de me voir régulièrement...l Smiley confused
Modifié par Giom05 (19 Jul 2005 - 18:56)
Administrateur
Giom05 a écrit :

Désolé pour l'écriture du code dans le forum...Il est vrai que je n'ai pas pris le temps de lire les règles ... Smiley sweatdrop Désolé...

Hmm aucun soucis. Par contre en t'inscrivant sur le forum, tu déclares avoir lu les Règles de celui-ci Smiley ohwell
En tout cas, on ne va pas t'en tenir rigueur, mais n'oublie pas de modifier ton premier message en conséquence Smiley cligne
... et bonne continuation Smiley smile
Giom05 a écrit :
mon boss me demande de faire un site en CSS du jour au lendemain


Tu diras à ton boss qu'il a parfaitement agit
Mais qu'il te laise un tout petit peu de temp pour assimiler les bases.

ça parle de quoi ton site ?

@+
mon site parle de Camping-car Smiley smile

En fait, j'ai déja une image de fond sur laquelle je place un image .jpg.

J'aimerai "juste" imposer sur cette image un .swf

Bon je fouille le forum et les tutos et....Je reviends...
Modifié par Giom05 (19 Jul 2005 - 19:00)
Bonsoir

Pouquoi hurler, c'est pas comme cela que ça rentre .
Essaye d'utiliser les balise suivantes pour tes menus.
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<ul>
Juste comme ça pour voir.
c'est très sympa bon boulot

@+
Bonjour!


Parles-tu de mon menu à gauche? Si oui, je ne peut pas faire comme tu me le décris ci dessus (enfin je pense) car j'ai une typo spéciale. C'est pour cela que j'incère mes boutons sous forme d'image. Mais peut-être décris-tu autre chose?...

Merci pour le commentaire. Smiley smile
Bonjour,

Les boutons en forme d'images et les LI ne sont pas incompatibles il me semble.

Seul reproche à ton site, si l'on désactive les feuilles de styles, les menus disparaissent, il ne reste que le contenu. C'est dommage.
ok merci!

Je ne sais pas si je vais faire cette modifications (par manque de temps) mais pour mon prochain projet, je tacherai de mieux faire Smiley smile