Duvidas Sobre Layers

alexpmj · Fevereiro 15, 2005

Galera estou tentando fazer um layer parecido com o do uol esse do lado direito onde ficam os ecomerce, tipow um parte de uma cor e outra de outra separadas por linhas como se fosse uma tabela com linhas e colunas.

alguém pode me dar uma força?

Gux · Fevereiro 18, 2005

Dae...

Não sei se era bem isso que você queria, mas ae tá o que eu consegui fazer... Não ficou idêntico, mas tá bem parecido. Eu acho... rs

<?xml version="1.0" encoding="iso-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Like the UOL Right Bar</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">

#publicidade {
	width: 100px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #999999;
}

.pub1, .pub1:link, .pub1:visited {
	display: block;
	color: #000000;
	font-family: verdana, arial, sans-serif, helvetica;
	font-size: 10px;
	background-color: #eeeeee;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #dddddd;
	text-decoration: none;
	padding: 4px;
}

.pub1:hover {
	text-decoration: underline;
}

.pub2, .pub2:link, .pub2:visited {
	display: block;
	color: #000000;
	font-family: verdana, arial, sans-serif, helvetica;
	font-size: 10px;
	background-color: #dddddd;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #cccccc;
	text-decoration: none;
	padding: 4px;
}

.pub2:hover {
	text-decoration: underline;
}

.pub1 b, .pub2 b {
	color: #0066cc;
}

</style>
</head>

<body>
<div id="publicidade">
<a class="pub1" href="#"><b>T&iacute;tulo</b><br />Texto texto texto texto texto texto</a>
<a class="pub2" href="#"><b>T&iacute;tulo</b><br />Texto texto texto texto texto texto</a>
<a class="pub1" href="#"><b>T&iacute;tulo</b><br />Texto texto texto texto texto texto</a>
<a class="pub2" href="#"><b>T&iacute;tulo</b><br />Texto texto texto texto texto texto</a>
<a class="pub1" href="#"><b>T&iacute;tulo</b><br />Texto texto texto texto texto texto</a>
<a class="pub2" href="#"><b>T&iacute;tulo</b><br />Texto texto texto texto texto texto</a>
<a class="pub1" href="#"><b>T&iacute;tulo</b><br />Texto texto texto texto texto texto</a>
</div>
</body>
</html>

Entrar

Duvidas Sobre Layers

Pergunta

alexpmj

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

Gux

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades