Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

ThyagoSic

Sombra em DIV

Por , em Desenvolvimento frontend

Recommended Posts

Zé Luiz - Dainet    0

Zé Luiz - Dainet
Postado

Cara simples e facil, isso não é sombra na DIV, e sim uma imagem de fundo do tamanho da sua div ou table.

que você colocar ela centralizada como plano de fundo, ai pronto, se você centralizar a table ou a div na página, ela fica parecendo que é uma sombra,

na DIV.

 

Segue o código ai:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Untitled Document</title>

<style type="text/css">

<!--

body {

margin-left: 0px;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

background-image: url(http://www.thefirm.com.br/exemplo/fundo.jpg);

background-attachment: fixed;

background-repeat: no-repeat;

background-position: center center;

}

.style1 {

color: #FFFFFF;

font-size: 10px;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: bold;

}

-->

</style>

</head>

 

<body>

<table width="700" height="400" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000">

<tr>

<td valign="top"><DIV class="style1" id="lipsum">

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse enim enim, scelerisque vitae, aliquet at, blandit non, justo. Integer feugiat eros a metus. Etiam justo lacus, pulvinar eu, rutrum et, scelerisque at, nisi. Nulla commodo dui eget nulla. Sed vel dui vitae enim dapibus sagittis. Donec commodo, velit quis ullamcorper pellentesque, odio metus posuere enim, sit amet fringilla mi ante quis massa. Suspendisse potenti. Quisque dui dolor, blandit id, volutpat ac, ultrices sed, nisl. Donec lobortis tortor sed tellus. Morbi lacus augue, dignissim vitae, iaculis porttitor, adipiscing ultrices, felis. Mauris sed quam. Morbi eleifend nisi eu dui. Suspendisse magna leo, vulputate condimentum, interdum non, pellentesque sed, tortor. Sed sed felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam aliquam nisl ut nulla. Nullam dolor dui, bibendum in, tempor nec, tempus vel, lorem. Etiam tristique urna in elit. Quisque pulvinar ligula quis enim. libero. Ut ultricies orci et arcu. </p>

</DIV></td>

</tr>

</table>

</body>

</html>

Mais olha no link ai...

 

Link

Abs,

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

Não se esqueça de desenvolver seu site nos padrões ;)

 

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

Henrique Barcelos    290

Henrique Barcelos
Postado

Só um pequeno comentário:

 

É incrível que o site de uma universidade como a Mackenzie esteja fora dos padrões. É só observar como o menu do site estoura o layout no Firefox quando o flash não está instalado. É um descuido até um pouco grande.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Carlos Designer    0

Carlos Designer
Postado

Só um pequeno comentário:

 

É incrível que o site de uma universidade como a Mackenzie esteja fora dos padrões. É só observar como o menu do site estoura o layout no Firefox quando o flash não está instalado. É um descuido até um pouco grande.

nunca reparou em algumas páginas do google, a quantidade de elementos defasados e tabelas que eles usam.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito