problema allineamento - inesperto

**medito** · 14-02-2011, 14:36

Ciao, ho un problema nel allineare il box di un video in modo da centrarlo sopra 1 immagine che è di sfondo.. lo so vi metterete a ridere che è una cavolata, ma io sono inesperto =(
utilizzo expression che non è il massimo, ma sto imparando..

cmq devo fare questo per un sito di amici
volevo spostare il video sopra la scritta ventennale (http://www.rotaracttorinosudovest.it/prova.html )
il codice è questo, cosa sbaglio?:
grazie =)
mediTo
<!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 content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Senza nome 1</title>
<style type="text/css">
.style1 {
vertical-align: top;
}
.style2 {
text-align: right;
}
.style3 {
text-align: center;
}
</style>
</head>

<body>

<div class="style3">

</p>

</p>

</p>

[img]introsito2.jpg[/img]</p>
</body>

</html>

<object width="400" height="225" style="position: relative; right: +30px; float: right">
<div class="style3">
<param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=6614650&server=vimeo.com &show_title=1&show_byline=1&show_portr ait=1&color=00ADEF&fullscreen=1&autopl ay=0&loop=0" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=6614650&server=vimeo.com &show_title=1&show_byline=1&show_portr ait=1&color=00ADEF&fullscreen=1&autopl ay=0&loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="400" height="225"></embed></div>
</object>
<p class="style2"></p>
</div>

**Prill** · 14-02-2011, 15:09

Prova così

codice:

<!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 content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Senza nome 1</title>
<style type="text/css">
#main {
	width: 1188px; height:612px; position:relative;
}
#image {
	width: 1188px; height:612px; position:absolute; top:0; left:0;z-index:1;
}
#video {
	width: 400px; height:225px; position:absolute; top:100px; left:780px;z-index:2;
}
</style>
</head>

<body>

<div id="main">
   <div id="image">
     [img]introsito2.jpg[/img]
   </div>
   <div id="video">
     <object data="http://vimeo.com/moogaloop.swf?clip_id=6614650&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0 " width="400" height="225" type="application/x-shockwave-flash">
       <param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=6614650&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" />
       <param name="allowfullscreen" value="true" />
       <param name="allowscriptaccess" value="always" />
     </object>
   </div>
</div>
</body>
</html>

Discussione: problema allineamento - inesperto

Strumenti discussione

Ricerca discussione

Visualizza

problema allineamento - inesperto

Permessi di invio