[Resolvido] Alinhamento de imagem com o texto.

[Luiz Gehlen 0]

Ola a todos,

gostaria da ajuda de você para um problema um tanto quanto encomodo.

Olhem o codigo

	.gfoto{
	position : absolute;
	height : 150px;
	width : 108px;
}

o height e width são exatamente do tamanho da imagem.

Se eu declarar a position como relative o texto se põe abaixo da imagem.

já tentei usar margin e padding.

Não surtiu efeito.

 

-Codigo HTML

<h1> CURRICULUM ARTÍSTICO </h1>
<img src="Gina Zanini.jpg" class="gfoto"/>
<p><br>Gina Zanini: artista plástica, arte-educadora, ilustradora, designer... A arte desde sempre esteve em sua essência...</br>

 

e o testo sege muito maior.

 

Alquem poderia me ajudar?:

[William Bruno 1501]

se você não disser oque você quer fazer, fica impossível adivinhar.

 

você queria deixar a imagem do lado do texto ?

use float

[macielcr7 9]

<h1> CURRICULUM ARTÍSTICO </h1>

<p>

<img src="Gina Zanini.jpg" style="float:left; margin-left:5px;" class="gfoto"/>

Gina Zanini: artista plástica, arte-educadora, ilustradora, designer... A arte desde sempre esteve em sua essência...</br>

[Luiz Gehlen 0]

Não deu certo, a imagem continua acima do texto.

E sim, eu gostaria de deixar o texto ao lado da imagem.

[macielcr7 9]

<p style=" text-align:justify  !important;">

<img style="float:left; margin-left:5px; margin-right:5px; margin-top:5px; margin-bottom:0px;" src="" />

Não deu certo, a imagem continua acima do texto.

E sim, eu gostaria de deixar o texto ao lado da imagem.

</p>

[Luiz Gehlen 0]

Continua sem surtir efeito.

[William Bruno 1501]

mostre como você está fazendo, de preferência um link para o teu site.

[Luiz Gehlen 0]

Site em localhost.

<div id="gconteudo">
<h1> CURRICULUM ARTÍSTICO </h1>
<img src="Gina Zanini.jpg" class="gfoto"/> 
<p><br>Gina Zanini: artista plástica, arte-educadora, ilustradora, designer... A arte desde sempre esteve em sua essência...</br> 	<br>Habilitada em Artes Plásticas pela UNOESC/Campus Chapecó, Especiali[...]

 

classe gfoto

.gfoto{
 		position : absolute;
 		height : 150px;
 		width : 108px;
 		float: left;
 		margin-left: 5px;
 		margin-right:5px;
 		margin-top:5px;
 		margin-bottom:0px;
 	}

<p>Paragrafos em Css</p>

p {
   		font-family : Garamond, "Lucida Bright" ;
 		font-size : 18px;
 		color : #000;
 		text-decoration : none;
 		text-align: justify;

[William Bruno 1501]

retire o position, deixe apenas:

.gfoto{
                height : 150px;
                width : 108px;
                float: left;
                display: inline; /* previnir bug ie6 */
                margin-left: 5px;
                margin-right:5px;
                margin-top:5px;
                margin-bottom:0px;
        }

e não use o <br> dentro do paragrafo.

[Luiz Gehlen 0]

Deu certo, Valeu Willian.

;D