14 replies to this topic

[fe_slash]

Fala galera, blz? por favor, peça a ajuda de vcs pra tentar alinhar o texto ao lado das thumbs... o texto ta ficando abaixo da thumb. já tentei um monte de coisa mas não to conseguindo.o site é http://www.trailersdocinema.com/

obrigado

abs

[LeoB]

float: left;

na imagem.

[fe_slash]

fala leob blz, já está dessa forma... mas mesmo assim nao da certo

[LeoB]

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;
}

[fe_slash]

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

[LeoB]

Faz uma classe e pronto.

img.esquerda {
float: left;
}

<img class="esquerda"...

[fe_slash]

fiz isso, mas mesmo assim não deu certo.. na verdade ele fica pra esquerda ao clicar na postagem, ou seja, na pagina certa do post onde mostra todas as informações relacionadas ao filme... 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", porem, no style.css tem uma classe thumb já, onde está com float:left já... será que tem que colocar algo a mais nessa classe thumb?


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

[LeoB]

Você fez a classe e não aplicou na imagem.

<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í?

-----

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"

? O site é sistema pronto? Então não estamos falando da mesma coisa.

Edição feita por: LeoB, 26/07/2010, 12:55.

[fe_slash]

é wordpress...

[André Manoel]

Coloque na linha 47 do style.css:

a img{
    border: none;
    vertical-align: top;
}

[fe_slash]

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

[André Manoel]

Bem aí você terá um problema... porque o texto está dentro de um parágrafo.

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.

[fe_slash]

mas aí que tá, a thumb não fica na postagem, ela é adicionada em campos personalizados.... o modelo de postagem que eu uso, que no caso é o do post http://www.trailersd...-os-mercenarios é todo feito em tabela.... na postagem mesmo, nessa url, está tudo certinho, tudo alinhado, o problema é que ao exibir o resumo na pagina inicial, ele ta dando todo esse erro.

alguem tem mais sugestões?? valeu!

[webbz]

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

[fe_slash]

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