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

Por , em Desenvolvimento frontend

Recommended Posts

Will.    0

Will.
Postado

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

Eric Vinícius    0

Eric Vinícius
Postado 
<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

Will.    0

Will.
Postado 

<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
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito