18043 sujets

Questions générales et questions de débutants

Présentation et 1ère question

Salut à tous ...
bon ben voila ..je suis un petit débutant en CSS mais j'ai deja quelques conaissances sur le web (flash + appli dynamiques) ... j'ai acheté le bouquin CSS 2 de Raphaêl Goetter et j'essaye de m'y mettre ...
et du coup ..ben forcément je bloque ...lol

et ma première question à vous sera d'ordre technique.
en fait voila ...j'ai un menu déroulant en flash qui fait 300px de haut ...bon j'aimerai bien qu'il puisse se dérouler par dessus un contenu HTML ...genre du texte ...

je pensais à un flash en wmode transparent positionné avec CSS et un z-index ... j'ai essayé mais je crois que j'ai pas encore le niveau Smiley decu

je vous pose le code de mes tests ici

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
		<title>test</title>
		<link href="/styles.css" rel="stylesheet" type="text/css" media="all" />
	</head>

	<body  bgcolor="#007000">
		
	
		<div>
			<p id="premier">premier paragraphe<br>
				<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" height="250" width="850">
				<param name="movie" value="menu.swf" />
				<param name="quality" value="best" />
				<param name="play" value="true" />
				<param name="menu" value="false" />
				<param name="wmode" value="transparent" />
				<embed height="250" pluginspage="http://www.macromedia.com/go/getflashplayer" src="menu.swf" type="application/x-shockwave-flash" width="850" quality="best" play="true">
				</embed> 
				</object>
			</p>
		
			<p id="second">aaaaaaaaaaaaaaaaaadlkgsdùgjsgjsh
				<p>rytsjhsreyjsreyjsryj sryj sryjsry sryj sryj s</p>
				<p>sthyredjedryjreyjerdyj</p>
			</p>
		
		</div>
		<p></p>
		<p></p>
	</body>

</html>


p { margin: 0; 
}
div { position: relative; width: 300px; height: 200px; background: orange; z-index: 1; }

p#premier {
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 200px;
background: yellow;
}

p#second {
position: inherit;
top: 40;
left: 50;
z-index: 15;
width: 150px;
background: #0080a3;
}


please help Smiley smile
@++ Smiley lol
Bonjour NAS,

Tu n'aurais pas une petite page en ligne pour tester ? Parce que sans avoir le flash sous la main, c'est moins facile tout de même.
euh ... là non ...mais l'anim utilisée est un menu déroulant... enfin on peux imaginer un rectangle ou nimporte quoi ...
j'ai continué à chercher hier soir de mon côté et j'ai trouvé un code qui marche mais qui n'est pas très propre en fait ...
les styles css sont direct appliqués dans le HTML (cf. code ci dessous).
donc je vais essayer aujourd'hui de me pencher sur ça et de mettre les styles dans une feuille à part Smiley cligne 

<HTML>
<HEAD>
<meta http-equiv=Content-Type content="text/html;  charset=ISO-8859-1">
<TITLE>Sans titre-1</TITLE>
</HEAD>
<BODY bgcolor="#green">
<!-- URL's used in the movie-->
<!-- text used in the movie-->
<div style="position:absolute;top:0;left:0;z-index:1">
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
 codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
 WIDTH="850" HEIGHT="250" id="Sans titre-1" ALIGN="">
 <PARAM NAME=movie VALUE="../menu.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=wmode VALUE=transparent> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="../menu.swf" quality=high wmode=transparent bgcolor=#FFFFFF  WIDTH="850" HEIGHT="250" NAME="Sans titre-1" ALIGN=""
 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>
</OBJECT>
</div>
<div style="position:absolute;top:0;left:0;z-index:0">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaofkokdoskdsokdkfdfdofd
fdjfkjfkkkjjjjjjjjjjjjjjjjjjjjjjjjjjidfjfiojfdoijfidjfoidfjoidfd
djf
sdoijjjjjjjjjjjjjjjjjjdisdjsijdsidjsidjsidsjidsijijdsidjs
sdfskodksodksodksodksodskdsodksodksodksodkso
skdodsokdsodksodksodksodksoksokdksodoksdofkokdoskdsokdkfdfdofd
iijfdoifjdiofd
fdfkdofkdkfodkfodkfodkfdopkfokdfkdf
dsodksodksodksodkso
skdodsokdsodksodksodksodksoksokdksodoksjsidjsidsjidsijijdsidjs
sdfskodksodksodksodksodskdsodksodksodksodkso
skdodsokdsodksodksodksodksoksokdksodoks
</div>
<div style="position:absolute;top:50;left:10;width:100;height:100:z-index:2;color:yellow">
bbbbbbbbbbbbbbbbbbbbbbdofkokdoskdsokdkfdfdofd
fdjfkjfkkkjjjjjjjjjjjjjjjjjjjjjjjjjjidfjfiojfdoijfidjfoidfjoidfd
djfkdjfdijfdjfidojfdiijfdoifjdiofd
fdfkdofkdkfodkfodkfodkfdopkfokdfkdf
djfjdfjdifidj
sdoijjjjjjjjjjjjjjjjjjdisdjsijdsiddofkokdoskdsokdkfdfdofd
idjsidjsidsjidsijijdsidjs
sdfskodksodksodksodksodskdsodksodksodksodkso
skdodsokdsodksodksodksodksoksokdksodoksjsidjsidsjidsijijdsidjs
sdfskodksodksodksodksodskdsodksodksodksodkso
skdodsokdsodksodksodksodksoksokdksodoks
</div>
</BODY>
</HTML>


merci @ toi en tt cas
@++
Sujet clos
Aller à