Problemas com largura do texto

[Thiago de Castro 0]

Pessoal,

tudo bem?

Estou com um problema. Eu estou reestruturando um site que criei para deixá-lo mais simples.

Isso significa menos divs. Bem, o problema é esse. Nas páginas em questão, há foto e texto juntos. Dá uma olhada:

http://www.comvontade.com.br/encanto/ficha/diretor.html

 

http://www.comvontade.com.br/encanto/ficha/elenco.html

 

Da primeira vez que fiz o site, tive que criar várias divs para o texto, para que ele respeitasse a diagramação que eu queria. Mas acho que essa é uma forma burra de fazer isso. Eu já encontrei um resultado legal bem na página inicial do maujor: www.maujor.com

Veja como ele fez um box com notícias. O texto ao lado do box respeita a diagramação, ou seja, não entra no box.

 

Vocês têm alguma idéia de como posso fazer isso? Quer dizer, colocar todo o meu texto numa div só e ele respeitar a diagramação da página sem entrar prá dentro das fotos.

 

Muito obrigado, valeu.

Thiago

 

PS.: meu site está com os códigos todos abertos. Apesar de estar meio tosco, se tiver qualquer dúvida de como fazer algumas coisas que fiz nele, como slidshow, vídeos, etc, é só dar uma olhada no código, ou me escreva. Abraços,

Thiago

[Thiago de Castro 0]

Valeu!!!Obrigadão!Só mais um problema.O que uso dentro do <img src="#" style="float:left" /> para darum espaço do texto. Ou seja, quero qe o texto fique com umespaço de 10px da imagem. no css usaria o margin.No html, uso o que?Valeu,Thiago

[Thiago de Castro 0]

Ok. Já descobri.

É o "hspace" e "vspace".

não funciona exatamente igual, mas tudo bem.

<img src="foto3.jpg" vspace="05" hspace="15" style="float:left" />

 

outras soluções boas aqui:

http://www.maujor.com/w3ctuto/figcap.html

 

Thiago

[MOAI 0]

Para que servem os "hspace" e "vspace"?

[djeco 0]

hspace = espaçamento horizontal a partir da borda da imagemvspace = espaçamento vertical a partir da borda da imagem

[Thiago de Castro 0]

Galera,mas é o seguinte: quem quer fazer o html seguindo os padrões do xhtml 1.0,não adianta usar o hspace, ou o vspace.Uma tag img ficaria assim:<img src="foto2.jpg" vspace="10" hspace="10" style="float:right" alt="" />Prá mudar isso, basta usar o style, que é reconhecido no xhtml 1.0 e a tag img ficaria assim:<img src="foto1.jpg" style="margin: 10px;" style="float:left" alt="" />Porque está em favor do css.Fora isso, o style é muito melhor. Usando o margin, você pode definir a margem nãosó da vertical (vspace) e horizontal (hspace) que são muito limitados. Você podeusar o margin-right, margin-left, margin-top, margin-bottom.Ou ainda usar só "margin: 10px 0px 5px 10px;" - nesse caso você teria 10px de margemno topo, 0px de margem na direita, 5px de margem em baixo e 10px de margem na esquerda.Falou.Abraços,Thiago

[Thiago de Castro 0]

A página já está no ar. Se quiserem ver os resultados, é só clicar aqui e pedir para mostrar o código fonte.www.comvontade.com.br/encantoAbraços,Thiago