[Resolvido] Como Alinha O Texto Ao Lado Do Thumb
#1
Posted 24/07/2010, 17:39
obrigado
abs
#2
Posted 24/07/2010, 18:02
na imagem.
#3
Posted 24/07/2010, 21:15
#4
Posted 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
Posted 26/07/2010, 00:31
Não tem nenhum na imagem do "Os Mercenários",
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
#6
Posted 26/07/2010, 01:38
img.esquerda {
float: left;
}
<img class="esquerda"...
#7
Posted 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
Posted 26/07/2010, 12:51
<img width="70" height="70" alt="Filme Os Mercenários" src="http://4.bp.blogspot...rcenarios.jpg">
Como o navegador vai saber que tem que usar aí?
-----
? O site é sistema pronto? Então não estamos falando da mesma coisa.aquela thumb na página inicial, pra que ela apareça, eu tenho que adicionar em campos personalizados "thumb" e em valor "a url da imagem"
Edição feita por: LeoB, 26/07/2010, 12:55.
#9
Posted 26/07/2010, 13:15
#11
Posted 26/07/2010, 14:57
valeu pela ajuda
#12
Posted 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
Posted 27/07/2010, 19:53
alguem tem mais sugestões?? valeu!
#14
Posted 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
fala andre, blz.... deu certo, o titulo da postagem alinhou, somente o texto (conteudo do post) que não tá subindo, sabe o que fazer agora?
valeu pela ajuda
Aqui deu certinho: SS
- fe_slash likes this
#15
Posted 28/07/2010, 00:52
Seguinte amigo, no style.css
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
fala andre, blz.... deu certo, o titulo da postagem alinhou, somente o texto (conteudo do post) que não tá subindo, sabe o que fazer agora?
valeu pela ajuda
Aqui deu certinho: SS
webb, deu certinho.... mto obrigado!
e mto obrigado a todos q me ajudaram tb.... valeu, abs
0 user(s) are reading this topic
0 membro(s), 0 visitante(s) e 0 membros anônimo(s)