[Resolvido] Como Alinha O Texto Ao Lado Do Thumb
#4
Postou 24/07/2010, 22:00
a img {
border:medium none;
}
style.css (linha 47)
Herdado de a filme-os-mercenarios
a, a:visited {
color:#A91B33;
text-decoration:none;
}
style.css (linha 37)
Herdado dediv#content
#content {
line-height:18px;
}
style.css (linha 584)
Herdado de body
body {
color:#333333;
font-family:Arial,Tahoma,Verdana;
font-size:12px;
}
#5
Postou 26/07/2010, 00:31
LeoB, em 24/07/2010, 22:00, disse:
a img {
border:medium none;
}
style.css (linha 47)
Herdado de a filme-os-mercenarios
a, a:visited {
color:#A91B33;
text-decoration:none;
}
style.css (linha 37)
Herdado dediv#content
#content {
line-height:18px;
}
style.css (linha 584)
Herdado de body
body {
color:#333333;
font-family:Arial,Tahoma,Verdana;
font-size:12px;
}
então brother, nessa partes onde vc coloca herdado de tal, é onde devo colocar o float: left?
obrigado
abs
#7
Postou 26/07/2010, 11:17
no style essa classe tá assim
.thumb {
float: left;
margin: 0px 10px 0px 0px;
}
já fiz um teste tirando esse margin, mas mesmo assim o problema persiste.
o que será que tenho que fazer?
PS: Desculpa ai estar te incomodando...
valeu
#8
Postou 26/07/2010, 12:51
<img width="70" height="70" alt="Filme Os Mercenários" src="http://4.bp.blogspot.com/_76qFQiOTE7c/TD90Wt4ciiI/AAAAAAAAGoU/bA96ZwKk52A/s400/mercenarios. jpg">
Como o navegador vai saber que tem que usar aí?
-----
Citar
? O site é sistema pronto? Então não estamos falando da mesma coisa.
Este post foi editado por LeoB: 26/07/2010, 12:55
#12
Postou 26/07/2010, 17:26
Vou te sugerir algo melhor...
Você pode criar ali aonde está o thumb e a imagem... 3 divs.
Você teria uma div principal... que seria a maior
Vamos supor que seja a
<div class = "box"> </div>
Dentro dela você teria mais duas divs:
<div class = "box">
<div class = "thumb">
</div>
<div class = "texto">
</div>
</div>
Aí você poderia fazer assim:
A classe box teria 100% de largura,
A classe thumb teria 30%(suposição, adapte aos valores do seu layout);
A classe texto teria 70%;
E você utilizaria a propriedade float para posicionar corretamente as divs.
A classe thumb você coloca a esquerda;
A classe texto você coloca a direita;
Aí não precisar se preocupar com o posicionamento de texto... porque tudo o que estivesse dentro das divs seria independente...
Tenta fazer assim e vê o que acontece...
Acredito que fica mais fácil.
Meu post lhe ajudou? Reputar/votar é uma das formas de agradecer.
#13
Postou 27/07/2010, 19:53
alguem tem mais sugestões?? valeu!
#14
Postou 27/07/2010, 22:09
a img{
border: none;
vertical-align: top;
float:left;
margin-right:20px;
}
Adcionando essas duas ultima linhas, vc já tem o texto ao lado, se quiser o texto e link mais proximos, ou mais afastados, só mudar o valor em margin.
OK
fe_slash, em 26/07/2010, 14:57, disse:
valeu pela ajuda
Aqui deu certinho: SS
#15
Postou 28/07/2010, 00:52
webbz, em 27/07/2010, 22:09, disse:
a img{
border: none;
vertical-align: top;
float:left;
margin-right:20px;
}
Adcionando essas duas ultima linhas, vc já tem o texto ao lado, se quiser o texto e link mais proximos, ou mais afastados, só mudar o valor em margin.
OK
fe_slash, em 26/07/2010, 14:57, disse:
valeu pela ajuda
Aqui deu certinho: SS
webb, deu certinho....
e mto obrigado a todos q me ajudaram tb.... valeu, abs

Entrar
Cadastre-se
Ajuda
Citar