Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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
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
Para que servem os "hspace" e "vspace"?
hspace = espaçamento horizontal a partir da borda da imagemvspace = espaçamento vertical a partir da borda da imagem
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
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
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