Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Will.

[Resolvido] Texto ao lado da imagem

Recommended Posts

Boa noite pessoal do iMasters!

Por favor não fiquem chateados comigo por fazer uma pergunta besta como esta, eu ainda sou muito iniciante no assunto. O meu problema é este:

 

Eu estou fazendo uma pequena página na web e gostaria de por uma imagem e um pequeno texto ao lado dela. Mas, o que eu consigo é:

im1xv.jpg

 

Quando o que eu quero é:

im2hy.jpg

 

Pra vocês pode parecer bobo, mas eu ainda sou iniciante. Por favor, me expliquem como eu posso obter o resultado que eu quero.

 

<div id="corpo">
   	<div><img src="img/1.jpg" width="100px" class="imgnews"/></div>
   	<div id="newsleft">
   	  <p class="titlenews">| Título 01</p>
   	  <p class="textonews">Texto 01</p>
   	</div>
</div>

 

E o CSS deles:

 

#newsleft{
width:350px;
margin:0;
text-align:left;
float:left;
}

.textonews{
color:#CCCCCC;
font-size:10px;
padding-left:10px;
}

.titlenews{
color:#CCCCCC;
font-size:13px;
}

.imgnews{
padding-left:10px;
}

 

Abraços,

Willams Costa.

Compartilhar este post


Link para o post
Compartilhar em outros sites
<html>
<head>
<title></title>
<style type="text/css">
#newsleft{
       width:350px;
       margin:0 10px;
       text-align:left;
       float:rigth;
}

.imgnews{
		padding-left:10px;
}
.myimg{float:left;}
</style>
</head>
<body>
       <img class="myimg" src="desert.jpg" width="100px" class="imgnews"/>
       <div id="newsleft">
         <p class="titlenews">| Título 01</p>
         <p class="textonews">Texto 01</p>
       </div>
</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

<html>
<head>
<title></title>
<style type="text/css">
#newsleft{
       width:350px;
       margin:0 10px;
       text-align:left;
       float:rigth;
}

.imgnews{
		padding-left:10px;
}
.myimg{float:left;}
</style>
</head>
<body>
       <img class="myimg" src="desert.jpg" width="100px" class="imgnews"/>
       <div id="newsleft">
         <p class="titlenews">| Título 01</p>
         <p class="textonews">Texto 01</p>
       </div>
</body>
</html>

 

Muito obrigado, resolveu o meu problema.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.