Posicionamento de Imagens

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Posicionamento de Imagens

Mensagem por ShaDownS em 20/07/14, 05:48 pm

  • Descrição:
Olá pessoal, eu gostaria de saber, como posicionar uma imagem em um texto, no caso à esquerda.
Mas, eu queria que o texto ocupasse o espaço embaixo dela. O que quero é um code que posicione ela, sem o texto se posicionar apenas o lado da imagem. Ou seja, posicionar a imagem à esquerda em um texto com o espaço abaixo dela ocupado pelo texto. Podem usar esta imagem:
http://serebii.net/art/th/1.png
E o texto, bem, pode ser qualquer um. Contanto que me mostrem de como o efeito do code iria funcionar.

~ Abraços, Kiri.

  • Informações:
Fórum:http://forumnarutoultimate.forumeiros.comVersão:PHPBB3
Tipo:Pedido de códigoTags:Posicionamento,Imagens



Última edição por Kirisama em 25/07/14, 04:04 pm, editado 2 vez(es)
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Posicionamento de Imagens

Mensagem por Cream em 21/07/14, 12:40 pm

Olá,

Perdoe-me, mas eu não entendi sua questão. Você quer posicionar uma imagem à esquerda em um tópico, e colocar textos em volta dela? Pois se for isso, basta utilizar uma tabela, como esta:
Código:

[table]
[tr]
[td][img]http://serebii.net/art/th/1.png[/img][/td]
[td]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ultricies est et velit fringilla auctor. Etiam in semper tortor. Proin eu cursus turpis. Suspendisse arcu lacus, luctus at ligula ut, malesuada placerat nibh. Vivamus faucibus luctus lectus, ut facilisis mi cursus vitae. Etiam nibh justo, venenatis nec erat in, dignissim convallis sapien. In venenatis condimentum sem ut pellentesque. Nulla ultrices luctus urna eget consequat. Fusce aliquet est ut mattis volutpat. Curabitur rhoncus commodo nisl, non rhoncus tortor fringilla vel. Duis vel ante vitae libero rutrum lacinia. Duis sed elit justo. Suspendisse fermentum id diam at sodales. Aliquam a porta neque. Praesent justo turpis, bibendum sit amet suscipit a, imperdiet sed diam. [/td]
[/tr]

[tr]
[td]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ultricies est et velit fringilla auctor. Etiam in semper tortor. Proin eu cursus turpis. Suspendisse arcu lacus, luctus at ligula ut, malesuada placerat nibh. Vivamus faucibus luctus lectus, ut facilisis mi cursus vitae. Etiam nibh justo, venenatis nec erat in, dignissim convallis sapien. In venenatis condimentum sem ut pellentesque. Nulla ultrices luctus urna eget consequat. Fusce aliquet est ut mattis volutpat. Curabitur rhoncus commodo nisl, non rhoncus tortor fringilla vel. Duis vel ante vitae libero rutrum lacinia. Duis sed elit justo. Suspendisse fermentum id diam at sodales. Aliquam a porta neque. Praesent justo turpis, bibendum sit amet suscipit a, imperdiet sed diam. [/td]
[td]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ultricies est et velit fringilla auctor. Etiam in semper tortor. Proin eu cursus turpis. Suspendisse arcu lacus, luctus at ligula ut, malesuada placerat nibh. Vivamus faucibus luctus lectus, ut facilisis mi cursus vitae. Etiam nibh justo, venenatis nec erat in, dignissim convallis sapien. In venenatis condimentum sem ut pellentesque. Nulla ultrices luctus urna eget consequat. Fusce aliquet est ut mattis volutpat. Curabitur rhoncus commodo nisl, non rhoncus tortor fringilla vel. Duis vel ante vitae libero rutrum lacinia. Duis sed elit justo. Suspendisse fermentum id diam at sodales. Aliquam a porta neque. Praesent justo turpis, bibendum sit amet suscipit a, imperdiet sed diam. [/td]
[/tr]

[/table]

Aguardo mais explicações.
Até mais!
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Posicionamento de Imagens

Mensagem por ShaDownS em 22/07/14, 02:45 pm

Não, eu me refiro ao posicionamento em HTML Feliz
E com esse efeito:
Código:

#img {
  position: absolute
  top: 50px
  left: 50px
}

É mais ou menos isso. Queria posicionar a imagem, à esquerda, e que o texto ocupasse o lado dela e embaixo sem o uso de tabelas, pois já tentei e não gostei...

~ Kiri
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Posicionamento de Imagens

Mensagem por ShaDownS em 23/07/14, 11:53 pm

UP! Estudar
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Resolvido Re: Posicionamento de Imagens

Mensagem por Sennior em 25/07/14, 03:47 am

Saudações,

Seria isso amigo?
Código:

<html>
<span class=sennior><img src="http://serebii.net/art/th/1.png" /></span>
</html>

TESTE ao lado

Um CSS para personalização seria assim:
Código:
.sennior {
  position: absolute
  top: 50px
  left: 50px
}

É isso que deseja?
Abraços.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Posicionamento de Imagens

Mensagem por waghcwb em 25/07/14, 08:04 am

Olá,

Bem simples de ser feito, basta usar a propriedade display: block na imagem. Mas com isso, chegamos num impasse aqui, se usar em todas as imagens, todas terão quebra de linha, então terá de criar uma classe ou usar CSS inline na imagem para conseguir o efeito.

Veja:
Com classe
Código:
.img-block{display:block;}
Código:
<img src="http://serebii.net/art/th/1.png" class="img-block">

Com CSS inline
Código:
<img src="http://serebii.net/art/th/1.png" style="display:block">

Ou por exemplo você pode conseguir o efeito só nos tópicos, ou só dentro de tal div..

Para isso precisaríamos de mais informações, mas caso o código passado já resolva seu problema creio que não seja necessário...
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

Ver perfil do usuário http://punbb.forumeiros.com

Resolvido Re: Posicionamento de Imagens

Mensagem por Shek em 25/07/14, 11:48 am

Bom dia!

Em caso de BBcode, poderá usar uma tabela:
Código:
[table][tr][td][img]http://serebii.net/art/th/1.png[/img][/td][td]SEU TEXTO AQUI[/td][/tr][/table]
Resultado disso:
Resultado:
Seu texto aqui, sem o uso de CSS ou HTML específico para tal. Para cada imagem, é só criar um TD.
Até mais!


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17137
Pontos Ativos : 21398

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Posicionamento de Imagens

Mensagem por ShaDownS em 25/07/14, 03:58 pm

Muito bem, eu queria fazer isto:

»» KjxdyfffjcvbxfkSlxslvfeuotcaa. wblmczlfaubvçmxakcwjcskcsjbdjbfkbsçbawlfebçdabKjx. dyfffjcvbxfkSlxslvfeuotcaawblmczlf. aubvçmxakcwjcskcsjbdjbfkbsçbawlfebçdab

Nem precisa inserir formatações ^^
Só pôr a imagem, e o texto normalmente ^^

Código:

[img]http://serebii.net/art/th/1.png[/img] »» KjxdyfffjcvbxfkSlxslvfeuotcaawblmczlfaubvçmxakcwjcskcsjbdjbfkbsçbawlfebçdabKjxdyfffjcvbxfkSlxslvfeuotcaawblmczlfaubvçmxakcwjcskcsjbdjbfkbsçbawlfebçdab

~ Satisfeito. Abraços.
~ Angel.
avatar

ShaDownS
Usuário destaque

Masculino
Inscrito dia : 08/03/2014
Mensagens : 907
Pontos Ativos : 1484

Ver perfil do usuário http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum