Jump to content
  • Revista PROGRAMAR: Já está disponível a edição #60 da revista programar. Faz já o download aqui!

Sign in to follow this  
inici_php

posicionar imagens

Recommended Posts

inici_php

Boas, queria posicionar a imagem "foto" mais para baixo.

http://i47.tinypic.com/rsfrq0.jpg

(imagem)

queria posicionar a imagem, tentei com uma div para a imagem de tras, e com outra div para a foto, mas ao fazer margin-top: 123px vao as 2 para baixo.

tentei com span mas nao vai nada, como faço?

Share this post


Link to post
Share on other sites
scorch

Mostra o código que já tens.


scorch_pp.png

PS: Não respondo a perguntas por mensagem que podem ser respondidas no fórum.

Share this post


Link to post
Share on other sites
inici_php
<div id="box" style="background-image: url(/imagens/box.png); background-repeat: no-repeat; width:1024px; height: 400px; margin-left: 150px; margin-top:0px;">
<span style="margin-left: 700px; padding-top:24px;">
<img src="/imagens/foto.png">
</span>

Share this post


Link to post
Share on other sites
scorch
<div id="box" style="background-image: url(/imagens/box.png); background-repeat: no-repeat; width:1024px; height: 400px; margin-left: 150px; margin-top:0px;">
<span style="margin-left: 700px; padding-top:24px;">
<img src="/imagens/foto.png" style="margin-top: 10px;">
</span>


scorch_pp.png

PS: Não respondo a perguntas por mensagem que podem ser respondidas no fórum.

Share this post


Link to post
Share on other sites
inici_php

Obrigado scorch, agora encontrei outra dificuldade.

Queria escrever texto ao lado da imagem, mas sempre que escrevo a imagem desce --'

Share this post


Link to post
Share on other sites
scorch

alguem?

Tens de ter paciência.

Mostra o código.


scorch_pp.png

PS: Não respondo a perguntas por mensagem que podem ser respondidas no fórum.

Share this post


Link to post
Share on other sites
inici_php

<div id="box" style="background-image: url(/imagens/box.png); background-repeat: no-repeat; width:1024px; height: 400px; margin-left: 150px; margin-top:0px;">

<span style="margin-left: 700px; padding-top:24px;">
<img src="/imagens/foto.png" style="margin-top: 12px;">
</span>
</div>

o que eu queria era. tem o fundo da div e a 700px (lado dir tem uma foto). queria colocar texto do lado esq da foto. ou seja na ponta esq da imagem de fundo da div, ao colocar a foto começa a descer.

Obrigadao.

Share this post


Link to post
Share on other sites
inici_php

Tentei assim:

<div id="box" style="background-image: url(/imagens/box.png); background-repeat: no-repeat; width:1024px; height: 400px; margin-left: 150px; margin-top:0px;">
<span style="margin-left: 400px; margin-top: 150px;">
Bla bla bla
</span>
<span style="margin-right: 700px; padding-top:24px;">
<img src="/imagens/foto.png" style="margin-top: 12px;">
</span>
</div>
</body>
</html>

a imagem devia ficar a direita, vai para a esqerda onde devia estar texto, e o texto fica em cima da imagem, dai a imagem descer ligeiramente.

Share this post


Link to post
Share on other sites
yoda

Olha bem para o teu código.

Quando aprendi a programar, aprendi que é melhor desligar um bocado do trabalho quando não se vêm soluções para os problemas por estar muito tempo em cima das coisas.

Tens margens nos spans dentro da div que são superiores à largura da div em si.

O código tem sempre razão.

Share this post


Link to post
Share on other sites
inici_php

yoda, obrigado pela resposta tou mesmo

a nora.

já tentei de tudo, <p style>, <span>...

e a imagem vem sempre para baixo exemplo:

<div id="box" style="background-image: url(/imagens/box.png); background-repeat: no-repeat; width:1024px; height: 400px; margin-left: 150px; margin-top:0px;">
<p style=" margin-left: 120px; margin-top: 30px;">
bla bla bla
</p>
<span style="margin-left: 700px; padding-top:24px;">
<img src="/imagens/foto.png" style="margin-top: 12px;">
</span>
</div>

Fica:

http://i50.tinypic.com/244s74x.jpg

Cumprimentos & Obrigado.

Share this post


Link to post
Share on other sites
inici_php

Tás a dizer para ficar algo como isto?

<div id="box" style="background-image: url(/imagens/box.png); background-repeat: no-repeat; width:1024px; height: 400px; margin-left: 150px; margin-top:0px;">
<span style="width:300px;height:120px; margin-left: 40px;">
adsasdasdad
</span>
<span style="width:223px; height:386px; margin-left: 700px; padding-top:24px;">
<img src="/imagens/foto.png" style="margin-top: 12px;">
</span>
</div>

Desculpa a noobice :/

mesmo assim nao funciona.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.