← UI & UX Design

Draw Layer... Será?

Lida 2781 vezes

Offline

pmlc 
Membro
Mensagens 469 Gostos 0
Feedback +2

Troféus totais: 25
Trófeus: (Ver todos)
Level 5 Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 4 Level 3 Level 2 Level 1

Boa noite amigos.
Estou a elaborar um site, do tamanho sensivelmente do http://www.sapo.pt/ . Ou seja com o conteudo na parte central e com espaço em branco em ambos os lados (esqueda e direita). A Sapo por vezes ocupa esses espaços com um banner vertical.

A minha questão é a seguinte, como colocar uma layer (ou algo do genero) em ambos os lados de forma a que a imagem (banner) nao fique por cima da tabela central quando os tamanhos dos visitantes for diferente?

Nao sei se expliquei-me bem.
Offline

OFFICER 
Membro
Mensagens 2076 Gostos 0
Troféus totais: 29
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4 Level 3 Level 2

Caso o website seja em php podes detectar a resolução do visitante, ou até mesmo se não for php (utilizas javascript). Depois para cada resolução "tens um site diferente"..só estou a ver esta maneira..
Offline

PortugaLine 
Membro
Mensagens 9 Gostos 0
Troféus totais: 22
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 First Post Signature

Citação de: "pmlc"
Boa noite amigos.
Estou a elaborar um site, do tamanho sensivelmente do http://www.sapo.pt/ . Ou seja com o conteudo na parte central e com espaço em branco em ambos os lados (esqueda e direita). A Sapo por vezes ocupa esses espaços com um banner vertical.

A minha questão é a seguinte, como colocar uma layer (ou algo do genero) em ambos os lados de forma a que a imagem (banner) nao fique por cima da tabela central quando os tamanhos dos visitantes for diferente?

Nao sei se expliquei-me bem.


Pode tentar fazer as tabelas por percentagem, tambem podes usar script mas assim terias de fazer 2 versões da página uma a 800 e outra a 1024.
Offline

cenourinha 
Elite
Mensagens 4094 Gostos 21
Troféus totais: 34
Trófeus: (Ver todos)
Mobile User Apple User Level 6 Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4

<table size="100%">
Offline

Jota 
Editor
Mensagens 773 Gostos 0
Feedback +1

Troféus totais: 27
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

http://www.pttutoriais.com/tabelas_vr_css/cssexemplodois.htm

Código: [Seleccione]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Mais CSS layout</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#ladoesquerdo {width:15%; float:left; border:1px solid #666; background-color:#000099; margin-right:4%; color:#FFFFFF;}
#ladocentro {width:60%; float:left; border:1px solid #666; background-color:#3366FF;margin-right:4%;}
#ladodireito {width:15%; float:left; border:1px solid #666; background-color:#000099; color:#FFFFFF;}
</style>
</head>
<body>
<div id="ladoesquerdo">Lado Esquerdo Layout</div>
<div id="ladocentro">Centro Layout</div>
<div id="ladodireito">Lado Direito Layout</div>
</body>
</html>


Sem tabelas e puro CSS, e varia de resolucao para resolucao.

Se quiseres fixo e so substituir as percentagens por valores de pixeis.
Offline

pmlc 
Membro
Mensagens 469 Gostos 0
Feedback +2

Troféus totais: 25
Trófeus: (Ver todos)
Level 5 Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 4 Level 3 Level 2 Level 1

Obrigado a todos pela ajuda!  :wink:  :D