como fazer tableless com imagens no fundo formando o layou.

[Bmetre 0]

Olá Galera,

 

 

estou com o seguinte problema. Fiz um layout no fireworks, e tentei fazer com table normal só utilizando a exportação do fireworks com as slices e passar para o dw. Porém gostaria de começar a trabalhar com tableless (já estou estudando e treinando o css), sendo então, queria colocar esse layout que desenvolvi em tableless, mas não tenho a mínima idéia de como fazê-lo por que no fundo há imagens formando o site. Além disso utilizo um iframe para que a mudança ocorra somente no miolo. Sei que com tableless o site fica mais leve não havendo problema de ser carregado todo novamente (chace). Mas no caso de uma hp de notícias teria que fazer um milhão de novas páginas ao invéz de criar uma somente com a notícia...

 

por ex:

 

tenho lá

 

materia 1:

 

fulaninho orem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas tempor, arcu quis feugiat tempor, risus turpis consequat elit, quis vestibulum velit risus at nisi. Ut tincidunt purus ut risus. Morbi bibendum auctor ipsum. Integer non nulla. Quisque elementum. leia mais...

 

e num quadro ao lado um espaço que se a pessoa clicar abre a matéria completa.

 

entendem?

 

 

 

Então se pudessem me dar uma mão ficaria grato. Quem estiver disposto, posso inclusive passar o arquivo.

 

Obrigado

 

Breno Metre

[Giovani 104]

Bmetre, seja bem vindo ao fórum iMasters!

 

Se a sua dúvia for sobre layout, existem vários posts aqui no fórum sobe isso, uma pesquisa já vai lhe ajudar.

Sobre a outra dúvida ficou bem confuso de entender, tente ser um pouco mais específico.

 

http://forum.imasters.com.br/public/style_emoticons/default/natal_biggrin.gif

[Bmetre 0]

gio! consegui fazer o css, na visualização do DW fica ok, na hora que vai para o browser ele fica errado... não fica no alinhamento correto.

Saberia dizer o q é?

[cassiano óliver 1]

posta algum link ou imagem para visualizarmos....

[Bmetre 0]

consegui solucionar já... estou com uma dúvida:

 

quero fazer o seguinte:

 

tenho um link que é uma img, quando a pessoa passar o mouse em cima a figura só da uma aumentada para resaltar que é um link.

 

eu sei fazer em js, mas sei que da para fazer em css e não to sacando como fazê-lo...

 

alguém saberia explicar?

 

obrigado

[florbraz 0]

você pode fazer assim:

 

html:

 

<div class="lugardolink">
 <a href="#"><img src="suaimagem.jpg" /></a>
</div>

css:

 

Imagem normal >>>>

div.lugardolink a img {
width: 50px;
height: 50px;
}

Imagem passando o mouse >>>>
div.lugardolink a:hover img {
width: 54px;
height: 54px;
}

[Bmetre 0]

Galera como eu faria a questão seguinte:

 

veja layout

 

 

http://www.orkut.com/AlbumZoom.aspx?uid=11...01648&pid=1

 

eu consegui montar o logo, banner e menu.

 

fiz o msg, e não consigo montar o corpo a direita e o lateral abaixo do msg.

 

(além disso, preciso que o que vá aí dentro do corpo não ultrapasse o limite, e está ultrapassando).

 

 

alguém poderia dar uma mão?

[florbraz 0]

pra não ultrapassar o limite, usa ____ overflow: auto; _____ no css

 

(vai criar scroll bars.)

[Bmetre 0]

pra não ultrapassar o limite, usa ____ overflow: auto; _____ no css

 

(vai criar scroll bars.)

Existe uma forma melhor do que usar iframe? Digo, dentro dos padrões w3c transitional?

 

valeu pelas dicas florbraz

[Bmetre 0]

O que eu queria era que a div de ID=x, ficasse como se fala? intransponível(?).... tipo eu estabeleci:

 

#supbanner{

margin:0;

border:0;

width: 539;

height: 95px;

float: right;

}

 

 

e queria que isso fixasse um bloco. O conteúdo não podendo passar de 539px e 95px de altura.

o overflow só faz criar a scrollbar...

 

deu pra entender o quero?

 

Obrigado