Добрый день. Не могу понять, как сделать текст над изображением. С z-index`ами пробовал, не получается. Вот исходник html <div id="content"> <div id="sitenews"> <div id="ramka2"> <img src="images/Newslist.gif" height="100%" width="100%"/> </div> <div id="s1"> <div id="flash2"> <div id="text1"></div></div> <script type="text/javascript"> var so = new SWFObject("ob.swf", "newses", "100%", "100%", "8", "#384780"); so.addParam("wmode", "opaque"); so.write("text1"); </script> <div id="inside"> <font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif"> Темы следующего Ток-шоу. Проголосуй за тему, которую ты хотел бы обсудить.</font> </div> </div> <div id="s2"> <?php include("voiting.txt"); ?> </div> </div> <div id="ourprojects"> <div id="projects"> <img src="images/Newslist.gif" height="100%" width="100%"/> </div> <?php include("move.txt"); ?> <div id="flash2"> <div id="text2"></div></div> <script type="text/javascript"> var so = new SWFObject("youth.swf", "newses", "100%", "100%", "8", "#384780"); so.addParam("wmode", "opaque"); so.write("text2"); </script> <div id="insidephoto"> <img src="images/youth.jpg" height="100%" width="100%" border="0"/> </div> <div id="insidecontent"> <font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif"> ... </font> </div> </div> </div> Вот кусок css #flash2 { width: 400; height: 63; z-index:11; margin-top:-150; } #ramka2 { position:relative; z-index:11; left:238; bottom:38; width:316; height:159; } #projects { position:relative; left:238; bottom:38; width:316; height:159; } #sitenews{ height: 200; background-color: #384780; margin-top:40px; font-size: 95%; border-left: 3px solid #7ccf4d; border-bottom: 3px solid #7ccf4d; border-right: 3px solid #7ccf4d; border-top: 3px solid #7ccf4d; } #insidecontent{ width: 95%; margin-left:30px; margin-top:20px; } #ourprojects{ height: 872; font-size: 100%; background-color: #384780; margin-top:50px; border-left: 3px solid #7ccf4d; border-bottom: 3px solid #7ccf4d; border-right: 3px solid #7ccf4d; border-top: 3px solid #7ccf4d; } #insidephoto{ padding-right:10px; height:125; width:165; } #content{ padding-left: 4px; font-size: 95%; margin-left:190px; margin-top:-65px; width: 71%; } #block { height:40px; } #s1 { float:left; width:50%; } #s2 { float:right; width:50%; margin-top:-120px; z-index:100; } Мне нужно, чтоб блок <div id="s2"> <?php include("voiting.txt"); ?> </div> был над блоком <div id="ramka2"> <img src="images/Newslist.gif" height="100%" width="100%"/> </div> Спасибо.
