Jump to content

  2. → Viewing Profile: Tópicos: _Dark_Angel_

_Dark_Angel_

Member Since 03/03/2007
Offline Last Active 23/02/2011, 03:24
-----

Topics I've Started

Suspended Fórum

09/07/2009, 19:43

Bem, eu acabei de criar um fórum, por isso agora estou á procura de parceiros. Aqui vão o dados:

Nome do Site: Suspended

Link para o site: http://suspended.xtreemhost.com/

Descrição do Site: Um fórum sobre informática e webdesign, mas poderá abordar outros temas com o seu crescimento. Depende dos usuários.

Visitantes Únicos: Como o fórum ainda é muito novo, por isso só temos 6 para começar.

Page Views: Não tenho a certeza, mas não devem ser muitas. Quase não entrou gente ainda.

Tipo: Desejo trocar banners com outros sites! Os sites se quiserem podem meter também links, mas no Suspended só pode ser banners!

Medidas: 468x60 px

Rotativo ou Fixo: Os banners serão rotativos.

Minimo de Visitas do Parceiro: Aceito qualquer um. 0 ou 1000000 de visitas não me interessa.

Link para os banners:
http://img21.imagesh...nnergrande2.jpg
http://img11.imagesh...annerpekeno.jpg

Obrigada! :)

Footer 100%

29/12/2008, 00:07

Olá, eu estava aqui a construir um layout quando deparo com problemas (como sempre!)! Tipo eu quero que o meu footer se estenda por toda a pagina, mas ponho width 100% dentro do alinhamento "page" do layout, não resulta! Como aqui:

[codebox]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...nsitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Layout teste!!!</title>
<style type="text/css">
body {
background-color: #EDEDED;
font-family: Verdana;
font-size: 11px;
color: #333333;
text-align: center;
margin: 0px;
}

#page {
width: 600px;
background-color: #FFFFFF;
text-align: left;
margin-left: auto;
margin-right: auto;
}

#login {
width: 100%;
color: #FFFFFF;
height: 20px;
text-align: right;
background-color: #000066;
margin-bottom: 10px;
}

#header {
background-color: #0066FF;
width: 600px;
height: 170px;
}

#content {
width: 590px;
padding-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
float: left;
}

#footer {
background-color: #000066;
width: 100%;
height: 70px;
background-position: bottom;
clear: both;
}
</style>
</head>

<body>
<div id="login">Isto aqui parece muito divertido!!! Ou não...</div>
<div id="page">
<div id="header"></div>
<div id="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nec lorem. Suspendisse pretium lacus at neque. Donec arcu. In in lectus tincidunt enim feugiat imperdiet. Vestibulum urna erat, consectetur quis, semper sed, dictum sed, ipsum. Integer consequat egestas nisi. Mauris eget odio viverra tellus accumsan lacinia. Sed rhoncus ligula sed tortor. Nullam semper erat quis orci. Nullam ultricies, nunc in vestibulum venenatis, ante eros porta metus, quis congue lacus tortor non magna. Suspendisse pulvinar lorem sed libero.
<br />
Nam sagittis leo ac nibh. Quisque eu quam. Cras sapien dui, venenatis at, condimentum in, sollicitudin at, odio. Aliquam massa est, scelerisque sit amet, suscipit quis, pharetra et, tellus. Vivamus quis neque. Sed lacus nisl, mollis quis, feugiat cursus, mattis ac, purus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi eu felis eu ligula gravida convallis. Curabitur nisl. Fusce nisl metus, sodales ut, euismod at, ullamcorper sed, libero. Nunc quam nisl, cursus a, rutrum sit amet, pulvinar ac, neque.
</div>
<div id="footer"></div>
</div>
</body>
</html>[/codebox]

E se ponho fora do alinhamento "page", esse atributo desaparece por completo!

[codebox]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...nsitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Layout teste!!!</title>
<style type="text/css">
body {
background-color: #EDEDED;
font-family: Verdana;
font-size: 11px;
color: #333333;
text-align: center;
margin: 0px;
}

#page {
width: 600px;
background-color: #FFFFFF;
text-align: left;
margin-left: auto;
margin-right: auto;
}

#login {
width: 100%;
color: #FFFFFF;
height: 20px;
text-align: right;
background-color: #000066;
margin-bottom: 10px;
}

#header {
background-color: #0066FF;
width: 600px;
height: 170px;
}

#content {
width: 590px;
padding-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
float: left;
}

#footer {
background-color: #000066;
width: 100%;
height: 70px;
background-position: bottom;
clear: both;
}
</style>
</head>

<body>
<div id="login">Isto aqui parece muito divertido!!! Ou não...</div>
<div id="page">
<div id="header"></div>
<div id="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nec lorem. Suspendisse pretium lacus at neque. Donec arcu. In in lectus tincidunt enim feugiat imperdiet. Vestibulum urna erat, consectetur quis, semper sed, dictum sed, ipsum. Integer consequat egestas nisi. Mauris eget odio viverra tellus accumsan lacinia. Sed rhoncus ligula sed tortor. Nullam semper erat quis orci. Nullam ultricies, nunc in vestibulum venenatis, ante eros porta metus, quis congue lacus tortor non magna. Suspendisse pulvinar lorem sed libero.
<br />
Nam sagittis leo ac nibh. Quisque eu quam. Cras sapien dui, venenatis at, condimentum in, sollicitudin at, odio. Aliquam massa est, scelerisque sit amet, suscipit quis, pharetra et, tellus. Vivamus quis neque. Sed lacus nisl, mollis quis, feugiat cursus, mattis ac, purus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi eu felis eu ligula gravida convallis. Curabitur nisl. Fusce nisl metus, sodales ut, euismod at, ullamcorper sed, libero. Nunc quam nisl, cursus a, rutrum sit amet, pulvinar ac, neque.
</div>
</div>
<div id="footer"></div>
</body>
</html>[/codebox]

Alguém me ajuda a obter um footer 100% que se estenda por todo o layout sem estragar alguma coisa? Obrigada desde já!!! :)

  1. Fórum WMO
  2. → Viewing Profile: Tópicos: _Dark_Angel_
  3. Privacy Policy
  4. Regras ·
IPB Skin By Virteq