Jump to content


Photo

Duas Div's Para Espaçar Uma Imagem E Um Texto, é Correcto?


  • Faça o login para participar
2 replies to this topic

#1 Bruno Porto

Bruno Porto

    Novato no fórum

  • Usuários
  • 23 posts
  • Sexo:Não informado

Posted 10/10/2006, 09:45

Olá!
Estou aprendendo a propriedade Float no Css mas estou a ter alguns problemas. Ela funciona mas não deixa espaço nenhum entre a imagem e o texto, quer no FF, quer no IE.

Para tentar arrumar isso, acabei criando uma segunda Div e deu certo mas sei que tb o poderia fazer com o margin-left mas não sei qual dos dois é o mais correcto, por isso venho pedir a vossa ajuda para resolver o problema e tirar a dúvida. :unsure:

colocarei aqui o code para vcs verem como ficou, apenas com as duas Div's:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" media="all">
#picture {
	float: left;
	widht: 300px;
}
#texto {
	margin-left: 290px;
}
</style>
</head>

<body>
<div id="picture">
<img src="file:///C|/Os%20meus%20documentos/As%20minhas%20imagens/0,9310,308132_4,00.gif" width="270" height="169"> 
</div>
<div id="texto"> 
<p> Aqui Vamos nós outra vez <br>
Estamos tentando fazer isso direitinho!!</p>
<p>Vamos ver se vai dar</p>
</div>
<p>Estamos nos saindo bem</p>
</body>
</html>

Agradecia uma luz para esta dúvida!!
Abraços,
Bruno.

#2 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 10/10/2006, 14:01

Aplica um margin-right na imagem ... (y)
WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#3 Bruno Porto

Bruno Porto

    Novato no fórum

  • Usuários
  • 23 posts
  • Sexo:Não informado

Posted 10/10/2006, 15:40

Aplica um margin-right na imagem ... (y)


Obrigado pela dica! Vou experimentar (y)




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq