css Ajuda com html e css

[The_Flash_ 1]

Não estou conseguindo sobrer um logo sobre um meno q criei do site,

e não estou conseguindo adicionar um video em cima de uma imagem no site.

Alguém poderia me dar essa força?

 

Segue as img:

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

eu queria por esse video em cima dessa imagem de fundo.

 

sobre o logo :

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

eu queria q fosse assim :

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

 

o meu css até o momento :

@import url(

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

);

@import url('

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

);

h1 {

text-shadow: 2px 2px #ff0000;

}

h2 {

text-shadow: 2px 2px #ffce0b;

}

body {

margin:0;

padding: 0;

background: #eeeeee;

}

 

a:link {

text-decoration: none;

}

 

.wrap {

margin: auto;

width: 960px;

}

 

.header {

width: 100%;

background:#383838;

}

 

.header .menutop {

display: inline-block;

margin:0;

padding-bottom: 20px;

padding-top: 20px;

}

 

.header .menu {

overflow:hidden;

background: #202020;

}

 

.header .menu ul {

margin:0;

padding:0;

list-style: none;

}

 

.header .menu ul li {

float: right;

display: inline-block;

margin:0 23px 0 0;

}

 

.header .menu ul li a {

display: block;

padding: 32px 0;

font-family: 'Oswald', sans-serif;

font-size: 15px;

font-weight: 700;

color:#eeeeee;

}

 

.header .menu ul li a:hover {

text-decoration: underline;

color: #b0fafd;

}

 

.slide{

margin:0;

}

 

.slide .fundo1 {

margin:0;

width: 1583px;

height: 500px;

display: block;

background: url(../images/fundo1.png);

}

.footer {

overflow: hidden;

margin: 0px 0 0 0;

font-family: Arial;

font-size: 13px;

color: #ababab;

text-align: center;

background: #484846;

padding-bottom: 5px;

padding-top: 5px;

}

 

.row {

margin: 0 -30px 0 0;

height: 500px;

font-family: Arial;

font-size: 20px;

}

 

.row h1{

color: #53a062;

font-family: Forte;

font-size: 48px;

}

.row h2{

color: #c2945b;

font-family: 'Cuprum', sans-serif;

font-weight: 700;

font-size: 48px;

}

.raw {

margin: 0 -30px 0 0;

height: 500px;

font-family: Arial;

font-size: 20px;

}

 

.raw {

margin:0;

width: 1583px;

height: 500px;

display: block;

background: url(../images/fundo2.png);

}

.raw h1{

color: #b7d0ff;

text-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit;

font-family: 'Cuprum', sans-serif;

font-weight: 700;

font-size: 38px;

text-align: center;

}

[Newt Scamander 217]

Cara, não entendi muito o que você quer.

Adicionar o vídeo em cima da imagem:

 

div.nomequequiser{position: relative; width: 480px; height: 300px}

div.nomequequiser> img{width:100%; height: 100%} //tamanho da sua imagem

div.nomequequiser> div{position: absolute; left: 50%; margin-left: -120px; top: 50%; margin-top: -75px; width:50%; height: 50%;}

 

<div class="nomequequiser">

<img src="suaimagem" />

<div>

SEU VIDEO AQUI

</div>

</div>

 

Sobre o logo, utiliza INLINE ->

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

, acho que vai servir.

[Cr4cko 1.212]

Cara, não entendi o que você quer fazer, não sei se quer forçar a posição do vídeo com esse tamanho ou jogar dentro do menu. Fiz as 2 coisas então. Da uma olhada no:

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se