Jump to content


Photo

Alinhamento De Div, Imagem E Texto.


  • Faça o login para participar
2 replies to this topic

#1 LEM

LEM

    Novato no fórum

  • Usuários
  • 12 posts
  • Sexo:Não informado

Posted 08/09/2010, 14:11

Boa tarde.

Estou tendo problemas para fazer certos alinhamentos.
Tenho um div-pai, e dentro dessa div tenho 1 imagem, texto e mais uma div.
A imagem eu atribui o align="right", ela fica alinhada a direita e o texto contorna a mesma.
Tenho uma div que tem um plugin de video, e o que eu preciso é que ela fique abaixo da imagem, alinhado a direita, e que o texto contorne a mesma também.
Porém o que eu consigo foi alinhar a direita, só que sobrepós o texto.

Div pai:

#textoprd {
position: relative;
margin:10px;
display: table;
width: 350px;
}

Div video:

#video {
position: absolute;
top: 300px;
float: right;
}

Se alguem puder me ajudar, eu agradeço de ante mão.

#2 Filipe.lordpixel

Filipe.lordpixel

    Novato no fórum

  • Usuários
  • 5 posts
  • Sexo:Masculino
  • Localidade:Aracaju/SE

Posted 19/09/2010, 21:30

Poderia postar o link desse problema ??
Atenciosamente
Filipe Moreira Machado
E-mail/Google Talk: filipe@lordpixel.com.br
Site: http://www.lordpixel.com.br

#3 Guilherme Vieira

Guilherme Vieira

    Normal

  • Usuários
  • 113 posts
  • Sexo:Masculino
  • Localidade:Fortaleza, Ceará
  • Interesses:Desenvolvimento Web baseado nos padrões do W3C, HTML5, CSS3, PHP, JavaScript, jQuery, AJAX, SQL, MySQL.

Posted 10/10/2010, 00:12

LÈM, sua div de video sobrepoe o texto porque está com a posição absoluta, e essa position ignora o s outros elemento sobrepondo-os, além de ter a propriedade float, que não serve para absolute.
remova a propriedade position,remova, também a propriedade top, que só é usada em absolute.

Não se esqueça de colocar a div de video antes do texto que a contorna, pois, se colocada DEPOIS, ficará embaixo deste.
BOA SORTE!
Guilherme Vieira
g.

PS: Te ajudei? Me dá ponto! ^^




2 user(s) are reading this topic

0 membro(s), 2 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq