Jump to content

  2. →
  3. →

Photo

Layout Bugado No Ie

Started By Kamper, 19/06/2008, 23:08

  • Faça o login para participar
3 replies to this topic

#1 Kamper

Kamper

    12 Horas

  • Usuários
  • 161 posts
  • Sexo:Não informado

Posted 19/06/2008, 23:08

Olá pessoal, o layout do meu site fica bugado no Internet Explorer, já no Firefox ele fica perfeito...

Não faço a mínima idéia do que seja, gostaria da ajuda de vocês.. vejam:

www.anitune.com

#2 DarkSign

DarkSign

    Doutor

  • Usuários
  • 868 posts
  • Sexo:Masculino
  • Localidade:Brasil
  • Interesses:Tecnologias na área WEB em geral e desenvolvimento.

Posted 20/06/2008, 19:21

To so com o FF aqui, N deu pra ver no IE. Aliás, no FF aqui tmb deu umas bugadas.
Passa o código da página e o CSS pra ver onde tah o erro.

/*DarkSign*/
Não sabe por onde começar? Que tal pelas Regras ?

#3 Kamper

Kamper

    12 Horas

  • Usuários
  • 161 posts
  • Sexo:Não informado

Posted 21/06/2008, 18:11

Index
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

  <title>AniTune.com - A mais nova alma do anime!</title>

  <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />

  <link rel="stylesheet" type="text/css" href="css/layout.css" media="screen, projection, tv " />
  <link rel="stylesheet" type="text/css" href="css/html.css" media="screen, projection, tv " />

  
  <style type="text/css">
<!--
.style2 {color: #627E9A}
.style3 {color: #62CC3C}
.style6 {color: #5C8096}
-->
  </style>
  <script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
	var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
	if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
	d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body onload="MM_preloadImages('images/bg/anitunebtnhover.png','images/bg/buttondownhover.png','images/bg/fanbtnhover.png','images/bg/forumbtnhover.png')">

<!-- #content: holds all except site footer - causes footer to stick to bottom -->
<div id="content">

  <!-- #header: holds the logo and top links -->   
  <div id="header" class="width">

  
  <img src="images/logo.gif" alt="Your logo goes here"/>
  
	<ul>
	  <li><a href="index.php">Inicial</a></li>
	  <li><a href="/forum">Fórum</a></li>
	</ul>

  </div>
  <!-- #header end -->


  <!-- #headerImg: holds the main header image or flash -->
  <div id="headerImg" class="width"></div>




  <!-- #menu: the main large box site menu -->
  <div id="menu" class="width">

	<ul>

	  <li>
		<div align="left"><a href="anituneonly.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image15','','images/bg/anitunebtnhover.png',1)"><img src="images/bg/anitunebtn.png" width="195" height="62" border="0" id="Image15" /></a><a href="anime.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image16','','images/bg/buttondownhover.png',1)"><img src="images/bg/buttondown.png" width="195" height="62" border="0" id="Image16" /></a><a href="fanarea.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image17','','images/bg/fanbtnhover.png',1)"><img src="images/bg/fanbtn.png" width="195" height="62" border="0" id="Image17" /></a><a href="/forum" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image18','','images/bg/forumbtnhover.png',1)"><img src="images/bg/forumbtn.png" width="195" height="62" border="0" id="Image18" /></a></div>
	  </li>
	  <li></li>
	  <li></li>
	</ul>

  </div>
  <!-- #menu end -->



  <!-- #page: holds the page content -->
  <div id="page">


	<!-- #columns: holds the columns of the page -->
	<div id="columns" class="widthPad">


	<!-- Left thumbnail column -->

	<div class="floatLeft width25a">

	  <table id="table1" style="border-style: none;" fpstyle="1,001111100" bordercolorlight="#464646" bordercolordark="#000000" bgcolor="#f2f2f2" border="1" bordercolor="#000000" cellpadding="0" cellspacing="0" height="5" width="299">
		<tbody>
		  <tr>
			<td style="border-style: none; border-bottom-color: green;" bgcolor="#41637D" height="9" width="210"><b><font face="Verdana" size="1" color="#FFF">Últimas do Fórum</font></b></td>
		  </tr>
		</tbody>
	  </table>

<div id="sinopse"><a href="http://anitune.com/forum/index.php?showtopic=32">[19/06] Full Metal Alchemist(FMA)</a><br><a href="http://anitune.com/forum/index.php?showtopic=31">[15/06] Video - Naruto Cosplay</a><br><a href="http://anitune.com/forum/index.php?showtopic=30">[15/06] Video - Cosplay Transformers</a><br><a href="http://anitune.com/forum/index.php?showtopic=29">[13/06] Devil May Cry</a><br><a href="http://anitune.com/forum/index.php?showtopic=28">[12/06] Tópico de Apresentações</a><br><a href="http://anitune.com/forum/index.php?showtopic=27">[12/06] Cabal Online</a><br><a href="http://anitune.com/forum/index.php?showtopic=25">[10/06] Death Note ~ Ótimo AMV</a><br><a href="http://anitune.com/forum/index.php?showtopic=24">[09/06] Bleach</a><br><a href="http://anitune.com/forum/index.php?showtopic=22">[08/06] Video ~ Cosplay Ragnarok !</a><br><a href="http://anitune.com/forum/index.php?showtopic=21">[08/06] Você ja fez 'coleção' de al...</a><br></div><br>
	  <table id="table1" style="border-style: none;" fpstyle="1,001111100" bordercolorlight="#464646" bordercolordark="#000000" bgcolor="#f2f2f2" border="1" bordercolor="#000000" cellpadding="0" cellspacing="0" height="5" width="299">
		<tbody>

		  <tr>
			<td style="border-style: none; border-bottom-color: green;" bgcolor="#41637D" height="9" width="210"><b><font face="Verdana" size="1" color="#FFF">Anime Recomendado</font></b></td>
		  </tr>
		</tbody>
	  </table>

	  <ul class="thumbs">
		<li>
		  <div align="center"><a href="anime.php?a=Boogiepop_Phantom" class="thumb"><img src="imagens/buttons/Boogiepop_Phantom.jpg"><span>Boogiepop Phantom </span></a></div><br><div id="sinopse">Boogiepop Phantom se passa em um período de cinco anos, mostrando o passado e o presente muitas vezes. No presente um grande feixe de luz aparece no meio da noite e misteriosamente alguns jovens começam a ganhar poderes especiais. Desde então alguns jovens começam a desaparecer, e esses desaparecimentos são atribuídos a uma lenda urbana chamada de Boogiepop. Boogiepop Phantom possui vários personagens com histórias diferentes, sendo que suas histórias vão se interligando conforme os episódios vão se passando.</div>

		</li>
	  </ul>
</div>
	<!-- Left thumbnails end -->



	<!-- Center news column -->
	<div class="floatLeft width50"><table border="0" width="100%">
  <tr>
	<td width="10%"></td>

	<td width="50%">
<table id="table1" style="border-style: none;" fpstyle="1,001111100" bordercolorlight="#464646" bordercolordark="#000000" bgcolor="#f2f2f2" border="1" bordercolor="#000000" cellpadding="0" cellspacing="0" height="5" width="445">
		<tbody>
		  <tr>
			<td style="border-style: none; border-bottom-color: green;" bgcolor="#41637D" height="9" width="210"><b><font face="Verdana" size="1" color="#FFF">[10/06] Gantz completo!</font></b></td>
		  </tr>
		</tbody>
	  </table>
	  <div id="sinopse">Aqui está pessoal, um dos melhores animes que eu já vi...<br /><br /><div align="center"><a href="http://anitune.com/anime.php?a=Gantz" target="_blank"><img src="http://anitune.com/imagens/buttons/Gantz.jpg" border="0" class="linked-image" /></a></div><br /><br /><b>Sinopse</b><br />Kurono Kei é um jovem individualista, inseguro e pervertido. Sempre odiou a tudo e a todos. Um dia encontra no metrô um antigo conhecido seu, que não vê desde quando era uma criança, Katou Masaru. De início tenta evitá-lo, mas vê um mendigo bêbado caindo nos trilhos. Katou e Kurono tentam salvá-lo, só que acabam morrendo atropelados. Eles se espantam ao ver que foram levados até uma sala, juntos com outras pessoas. No meio dela está uma esfera negra, Gantz. Ela toca uma música e passa uma missão: matar Alienígenas. Mostra o arsenal de armas e o uniforme de cada. A missão deles é sobreviver ao jogo e matar os aliens indicados dentro do tempo estipulado A história se desenvolve de modo surpreendente, inesperado. <br /><br />Com 26 episódios mais música de abertura e encerramento!<br /><br />Vou nessa galera...  <img src="forum/style_emoticons/default/tongue.gif" style="vertical-align:middle" emoid=":P" border="0" alt="tongue.gif" /><br><a href="/forum/index.php?showtopic=26"><br>Ler mais...</a> <b>Postado por:</b> Kamper</div><br><table id="table1" style="border-style: none;" fpstyle="1,001111100" bordercolorlight="#464646" bordercolordark="#000000" bgcolor="#f2f2f2" border="1" bordercolor="#000000" cellpadding="0" cellspacing="0" height="5" width="445">

		<tbody>
		  <tr>
			<td style="border-style: none; border-bottom-color: green;" bgcolor="#41637D" height="9" width="210"><b><font face="Verdana" size="1" color="#FFF">[09/06] Serial Experiments Lain Completo!</font></b></td>
		  </tr>
		</tbody>
	  </table>
	  <div id="sinopse">Como vão? Estou trazendo o anime de suspense e ficção Serial Experiments Lain, pra quem gosta de anime inteligente, tá aí. E claro tb as músicas de abertura e encerramento.<br /><br /><br /><div align="center"><a href="http://anitune.com/anime.php?a=Serial_Experiments_Lain" target="_blank"><img src="http://anitune.com/imagens/buttons/Serial_Experiments_Lain.jpg" border="0" class="linked-image" /></a></div><br /><br /><b>Sinopse</b><br />O primeiro episódio começa com o misterioso suicídio de uma estudante do ensino médio Chisa Yomoda. Chisa é colega de classe de Lain Iwakura, uma calma garota de 14 anos de idade. Uma das outras meninas na classe tem recebido mensagens do e-mail de Chisa, e Lain descobre que também recebeu uma mensagem de Chisa. Na mensagem ela explica a Lain que ela apenas abandonou seu corpo. Ela assegura a Lain que ela ainda continua viva no mundo “wired”. Após comprar um novo “Navi” (computador de ultima geração), e adicionar a ele um circuito de nome “psyche”, Lain passa a gastar mais e mais tempo na “wired”. A partir daí Lain parece ter duas personalidades, e a personalidade da wired de Lain parece estar mudando a sua real personalidade. Quem é Lain agora? Quem são os “Knights”? Pode o mundo “wired” influênciar o mundo real com a profecia? O mundo real nada mais é do que um holograma gerado pela “wired”?<br /><br />Até mais, vlw!!  <img src="forum/style_emoticons/default/wink.gif"...<br><a href="/forum/index.php?showtopic=23"><br>Ler mais...</a> <b>Postado por:</b> Spanker</div><br><table id="table1" style="border-style: none;" fpstyle="1,001111100" bordercolorlight="#464646" bordercolordark="#000000" bgcolor="#f2f2f2" border="1" bordercolor="#000000" cellpadding="0" cellspacing="0" height="5" width="445">

		<tbody>
		  <tr>
			<td style="border-style: none; border-bottom-color: green;" bgcolor="#41637D" height="9" width="210"><b><font face="Verdana" size="1" color="#FFF">[07/06] Claymore Completo!</font></b></td>
		  </tr>
		</tbody>
	  </table>
	  <div id="sinopse">E ae galera, blz? Estou trazendo hoje a série Claymore.<br /><br /><div align="center"><a href="http://anitune.com/anime.php?a=Claymore" target="_blank"><img src="http://anitune.com/imagens/buttons/Claymore.jpg" border="0" class="linked-image" /></a></div><br /><br /><b>Sinopse</b><br />Nesse mundo, desde épocas antigas, pessoas eram comidas por seres chamados &quot;youma&quot;. Por um longo tempo, as pessoas viveram sem um meio de lutar contra eles. Entretanto, surgem mulheres meio-humanas e meio-youmas... Mulheres guerreiras conhecidas como &quot;Claymore&quot;, com olhos prateados que podem ver a verdadeira forma dos &quot;youma&quot;, e usam uma grande espada como arma para lutar contra tais seres.<br />Mais as músicas de Abertura e Encerramento.<br /><br />Até a próxima, vlw! <img src="forum/style_emoticons/default/biggrin.gif" style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif" /><br><a href="/forum/index.php?showtopic=16"><br>Ler mais...</a> <b>Postado por:</b> Spanker</div><br><table id="table1" style="border-style: none;" fpstyle="1,001111100" bordercolorlight="#464646" bordercolordark="#000000" bgcolor="#f2f2f2" border="1" bordercolor="#000000" cellpadding="0" cellspacing="0" height="5" width="445">

		<tbody>
		  <tr>
			<td style="border-style: none; border-bottom-color: green;" bgcolor="#41637D" height="9" width="210"><b><font face="Verdana" size="1" color="#FFF">[03/06] Boogiepop Phantom completo!</font></b></td>
		  </tr>
		</tbody>
	  </table>
	  <div id="sinopse">Bem pessoal, estou trazendo hoje aqui pra vocês a série de terror Boogiepop Phantom.<br /><br /><div align="center"><a href="http://anitune.com/anime.php?a=Boogiepop_Phantom" target="_blank"><img src="http://anitune.com/imagens/buttons/Boogiepop_Phantom.jpg" border="0" class="linked-image" /></a></div><br /><br /><b>Sinopse</b><br />Boogiepop phantom se passa em um período de cinco anos, mostrando o passado e o presente muitas vezes. No presente um grande feixe de luz aparece no meio da noite e misteriosamente alguns jovens começam a ganhar poderes especiais. Desde então alguns jovens começam a desaparecer, e esses desaparecimentos são atribuídos a uma lenda urbana chamada de Boogiepop. Boogiepop Phantom possui vários personagens com histórias diferentes, sendo que suas histórias vão se interligando conforme os episódios vão se passando.<br /><br />12 episódios mais 2 músicas, abertura e encerramento.<br /><br />Por hoje é só <img src="forum/style_emoticons/default/rolleyes.gif" style="vertical-align:middle" emoid=":rolleyes:" border="0" alt="rolleyes.gif" /><br /><br />Até mais pessoal!<br><a href="/forum/index.php?showtopic=4"><br>Ler mais...</a> <b>Postado por:</b> Kamper</div><br><table id="table1" style="border-style: none;" fpstyle="1,001111100" bordercolorlight="#464646" bordercolordark="#000000" bgcolor="#f2f2f2" border="1" bordercolor="#000000" cellpadding="0" cellspacing="0" height="5" width="445">

		<tbody>
		  <tr>
			<td style="border-style: none; border-bottom-color: green;" bgcolor="#41637D" height="9" width="210"><b><font face="Verdana" size="1" color="#FFF">[31/05] Abertura Oficial do AniTune!</font></b></td>
		  </tr>
		</tbody>
	  </table>
	  <div id="sinopse"><img src="http://www.anikaos.com/040-onion_msn_smilies/onion_msn_smileys/onion_msn_smileys-15.gif" border="0" class="linked-image" /> O projeto AniTune foi criado com intuito de promover aos visitantes animes de qualidade em links diretos e seguros.<br /><br />Um projeto novo com uma equipe também nova, porém muito empenhada em desenvolver cada vez melhor o projeto e cobrir cada vez mais séries em todas as áreas (Anime, Mangá, Letras, AMV's, enfim...)<br /><br />Também possuí o objetivo de um fórum de discussão de qualidade, muito bem organizado para propor aos usuários um ótimo lugar para se discutir opniões sobre a séries e etc.<br /><br />Tudo isto pode ser conferido no nosso site, e esperamos que você goste, pois trabalhamos por isso.<br /><br />Participe ativamente do fórum e procure sempre dar opniões sobre o que está bom, o que está ruim ou o que pode melhorar, só assim poderemos elevar cada vez mais a qualidade do projeto.<br /><br />Assim declaramos que o projeto AniTune está oficialmente no ar!<br />Aproveite!<br /><br />Equipe AniTune.<br><a href="/forum/index.php?showtopic=2"><br>Ler mais...</a> <b>Postado por:</b> Kamper</div><br></td>

  </tr>
</table>
	</div>
	<!-- Center news column end -->
	
	</div>
	<!-- #columns end -->
	

  </div>
  <!-- #page end -->
<div style="clear:both;"></div>
</div>

<!-- #content end -->




<!-- #footer: holds the site footer (logo and links) -->
<div id="footer">

  <!-- #bg: applies the site width and footer background -->
  <img src="images/bg/rdp.png" alt="" width="778" height="58" />
  <!-- #bg end -->
</div>
<!-- #footer end -->

</body>

</html>

html.css
/**************************************************************
   Layout AniTune 1.0
   Template by Studio7designs.com
   Modificações por Squall - Squall.Oo@hotmail.com
 **************************************************************/

/*********************************************************
   Elementos HTML
 *********************************************************/

html,
body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  background: url(../images/bg/light_body.gif) repeat-y top center;
  font: 400 0.7em verdana, arial, sans-serif;
  line-height: 170%;
  
  color: #555;
}


/* Cabeçalho */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px 0;
  padding: 0;
}


h1 {
  padding-bottom: 0.2em;

  font: 400 1.6em arial, sans-serif;
  color: #236b8e;
  border-bottom: 8px solid #236b8e;
}

h2 {
  font-size: 1.2em;
  color: #586B7A;
}

h3 {
  text-transform: uppercase;
  font-size: 0.9em;
  color: #5D6F73;
}

h4 {
  font-size: 0.85em;
}

h5 {
  font-size: 0.8em;
}


/* Needed to horizontally pad in a coloured container */
.horzPad h1,
.horzPad h2,
.horzPad h3,
.horzPad h4,
.horzPad h5,
.horzPad p {
  padding-left: 5px;
  padding-right: 5px;
}


/* Links */
a {
  text-decoration: none;
  color: #236b8e;
}

a:hover {
  color: #005b7f;
}

a img {
  border: 0;
}

a img.border {  
  border: 1px solid #FC3307;
}

a:hover img.border {  
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border: 1px solid #668FA3 !important;
  border: 1px solid #FC3307;
}



/* Imagens */
img.floatRight {
  margin: 3px 0 10px 10px;
}

img.floatLeft {
  margin: 3px 10px 10px 0;
}



/* Lists */
ul li {
  list-style-image: url(../images/bg/submenu1.gif);
}

ol li {
  font-weight: bold;
  color: #668FA3;
}

ol li span {
  font-weight: normal;
  color: #444;
}



/* Blockquote */
blockquote {
  margin: 0;
  padding: 0 18px;
  background: #E7F1F3;
  border-top: 1px solid #AAD3DB;
  border-bottom: 1px solid #AAD3DB;
}



/**************************************************************
   Form Elements
 **************************************************************/

form {
  padding: 0;
  margin: 0;
}

/* If you're finding the input elements get pushed down, increase the width */
label {
  float: left;
  width: 20%;
  vertical-align: top;
}

input,
textarea,
select {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #999;
  background: #EEE;
  border: 1px solid #CCC;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #888;
}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
}

input.button {
  padding: 2px 5px;

  font: 400 0.9em verdana, serif;
  cursor: pointer;

  color: #fff;
  background: #FC3307;
  border-width: 1px;
  border-style: solid;
  border-color: #FF7800 #691300 #691300 #FF7800;
}

input.radio {
  background: none;
  border: 0px;
}

layout.css
img.ep {
	background: #FAFAFA;
	border: 1px solid #E5E5E5;
	padding: 5px;
}

#sinopse {
	background: #FAFAFA;
	border: 1px solid #E5E5E5;
	padding: 5px;
}

/**************************************************************
   Layout AniTune 1.0
   Template by Studio7designs.com
   Modificações por Squall - Squall.Oo@hotmail.com
 **************************************************************/
 
/**************************************************************
   All page content except for footer
 **************************************************************/

#content {
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
}



/**************************************************************
   Barra horizontal - Debaixo do banner
 **************************************************************/

#topbar {
  float: left;
  width: 100%;
  padding: 0.6em 0;

  font-size: 0.9em;
  text-transform: uppercase;

  color: #CFD9DB;
  background: #FFF url(../images/bg/topbar.gif) repeat-x bottom left;
}



/**************************************************************
   Links Rápidos e publicidade
 **************************************************************/

#header {
	clear: both;
	position: relative;
	height: 5em;
	margin: 0 auto;
	background: #48525B url(../images/bg/header.gif) repeat-x bottom left;
	border-bottom: 2px solid #48525B;
	background-color: #48525B;
}


#header img {
  position: absolute;
  top: 5%;
  left: 10px;
}

#header ul {
  margin: 3.5em 1em 0 0 !important;
  margin: 3.5em 0.5em 0 0;
  padding: 0;
  float: right;
}

#header ul li {
  display: inline;
  list-style: none;
}

#header ul li a {
  float: left;
  padding: 0 1em;

  font: 400 1.1em arial, sans-serif;
  letter-spacing: 0.1em;
  line-height: 0.8em !important;
  line-height: 1em;

  color: #cccccc;
  border-right: 1px solid #4D5760;
}

#header ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#header ul li a:hover {
  color: #005b7f;
}



/**************************************************************
   Banner
 **************************************************************/

#headerImg {
  margin: 0 auto;
  height: 178px;
  background: url(../images/bg/header_image.png) no-repeat top left;
}





/**************************************************************
   Menu Horizontal
 **************************************************************/

#menu {
  margin: 0 auto;
}

#menu ul {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;

  text-align: left;
  background: #3B5D77 url(../images/bg/menu.gif) repeat-x top left;
}

#menu ul li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
}

#menu ul li a {
  float: left;
  width: 25%;
  height: 4.5em;

  font: 400 1.2em arial, sans-serif;
  letter-spacing: 0.1em;

  color: #fff;

  border-top: 7px solid #41637D;
  border-bottom: 15px solid #FFF;
}

#menu ul li a span {
  display: block;
  padding: 2px 7px;
}


#menu ul li a span.desc {
  font-size: 0.8em;
  color: #8C8D94;
}


#menu ul li a:hover,
#menu ul li a.here {
  background: #005b7f;
  border-top: 7px solid #005b7f;
}

#menu ul li a:hover span.desc,
#menu ul li a.here span.desc {
  color: #FFF;
}

/**************************************************************
   Conteúdo
 **************************************************************/

#page {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 6em;
  text-align: left;
}

#columns {
  margin: 0 auto;
}


/* Tamanho das colunas */
.width {
  width: 776px;
}

.widthPad {
  width: 746px;
}

.width25 {
  width: 24%;
}

.width25a {
  width: 40%;
}

.width50 {
  width: 48%;
}

.width73 {
  width: 73%;
}

.width75 {
  width: 75%;
}

.width100 {
  width: 100%;
}


/**************************************************************
   Rodapé
 **************************************************************/


#footer {
  clear: both;
  float: left;
  width: 100%;
  height: 5em;
  margin-top: -3em;
}

#footer #bg {
  position: relative;
  height: 3em;
  margin: 0 auto;
  background: #49525B url(../images/bg/header.gif) repeat-x bottom left;
}

#footer #bg ul {
  float: right;
  margin: 3em 1em 0 0 !important;
  margin: 3em 0.5em 0 0;
  padding: 0;
}

#footer #bg ul li {
  display: inline;
  list-style: none;
}

#footer #bg ul li a {
  float: left;
  padding: 0 1em;

  font: 400 1em arial, sans-serif;
  letter-spacing: 0.1em;
  line-height: 0.8em !important;
  line-height: 1em;

  color: #4D5760;
  border-right: 1px solid #4D5760;
}

#footer #bg ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#footer #bg ul li a:hover {
  color: #6C0;
}

#footer #bg img {
	position: absolute;
	top: 23px;
	left: 13px;
}

/**************************************************************
   Posts
 **************************************************************/

.post {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;

  margin-bottom: 1.5em;

  border-bottom: 1px solid #CCCCCC;
}

.post .date {
  position: absolute;
  top: 0;
  left: 5px;

  width: 2.3em;
  text-align: right;
}

.post .date .month {
  text-transform: uppercase;
  font: 700 1.0em arial, sans-serif;
  color: #888;
}

.post .date .day {
  display: block;
  margin-top: -5px;
  font: 700 2.1em arial, sans-serif;
  color: #888;
}

.post .title {
  display: block;
  padding: 0 0 5px 0;

  font-size: 1.2em;
  font-weight: bold;
  color: #586B7A;
}

.post p {
  margin: 0 0 0 3.5em;
  padding:  0 0 1em 1.2em;
  border-left: 1px solid #CCCCCC;
}



/**************************************************************
   Thumbnail Lists
 **************************************************************/

ul.thumbs,
ul.thumbs li {
  margin: 0;
  padding: 0;
}

ul.thumbs li {
  margin: 0 0 15px 0 !important;
  margin: 0;
  padding: 0px;
  list-style: none;
}

a.thumb img {
  
  border: 2px solid #236b8e;
}

a:hover.thumb img {
  background: #41637D;
  border: 2px solid #ccc;
}

a:hover.thumb {
  background: none;
}

a.thumb span {
  display: block;
  margin-top: -5px !important;
  margin-top: -2px;
}



/**************************************************************
   Submenu Styles
 **************************************************************/

ul.submenu1,
ul.submenu2 {
  margin: 0 0 10px 0;
  padding: 0;
}

ul.submenu1 li,
ul.submenu2 li{
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: url(foo.gif); /* Correção Internet Explorer */
}

ul.submenu1 li a,
ul.submenu2 li a {
  display: block;
  height: auto !important;

  /* Correção Internet Explorer \*/
  height: 1%;
  /* Correção Internet Explorer */

  padding: 1px 3px 1px 15px;
}

ul.submenu1 li a {
  background: url(../images/bg/submenu1.gif) no-repeat 3px 50%;
}

ul.submenu1 a:hover {
  color: #426F85;
  background: #B3C6C4 url(../images/bg/submenu1.gif) no-repeat 5px 50%;
}

ul.submenu2 li a {
  color: #426F85;
  background: url(../images/bg/submenu2.gif) no-repeat 5px 50%;
}

ul.submenu2 a:hover {
  color: #426F85;
  background: #B3C6C4 url(../images/bg/submenu2.gif) no-repeat 3px 50%;
}






/**************************************************************
   Generic Display 
 **************************************************************/


.block {
  display: block;
}

.clear {
  clear: both;
}

.marginRight {
  margin-right: 13px;
}

.paddingLeft {
  padding-left: 5px;
}

.paddingRight {
  padding-right: 5px;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.alignTop {
  vertical-align: top;
}

.alignMiddle {
  vertical-align: middle;
}

.alignBottom {
  vertical-align: bottom;
}

.lightBlueBg {
  background-color: #EAF2F5;
}

.dark {
  color: #353E47;
}

#4 aSmeriaWer

aSmeriaWer

    Novato no fórum

  • Usuários
  • 4 posts
  • Sexo:Não informado
  • Localidade:Meu pc

Posted 04/08/2011, 05:11

These days every little thing calls for income and when we are quick on money it can leave us in a very hard spot. When you are faced with the stress of not currently being capable to meet your financial commitments then you might be left with little alternative but to approach cash advances a payday mortgage immediate loan provider.

There are a huge amount of payday loan direct loan company companies around these days and this is largely simply because there is a significant need for these income loans. With more and much more payday loan individuals feeling the pressures of hard financial instances an rising range are needing some short term financial relief with cash advance loans.

Payday loan direct loan company companies have obtained a bit of a shake up not long ago cash advances with new legislation currently being brought in to shield borrowers from people unscrupulous loan providers who looked to take advantage of borrowers and fundamentally give the payday mortgage sector a poor identify. These new laws, even though distinct from state to state, have established far better terms for customers payday loans online and now imply that payday loan direct loan provider businesses are now limited in regard to how much they can mortgage and how significantly they are capable to charge their consumers.

When men and women require money in a hurry, in most circumstances a payday loan immediate cash loans financial institution is their only alternative. Bank loans can just take a extended time to approach and typically these more substantial lenders will not permit people to borrow a modest income volume. There is also a considerable sum payday loans of documentation essential in buy to get a mortgage from a lender and applying for these loans can be a real hassle.

When you get cash from a payday loan immediate lender you will be granted almost quick approval and find the money from your income advance in your account inside of payday loans online 24 hours. Because the cash innovations provided by a payday mortgage immediate lender require only your paycheck as collateral, you will not be subject matter to rigorous credit checks or be necessary to submit a mountain of paperwork to assist your mortgage software.

To utilize for a loan by means of a payday mortgage direct payday loans online financial institution all you want to do is total a straightforward application type. These apps can be completed both on the internet or in person and will be accredited practically instantly. When you apply for your money advance by way of payday loans a payday loan immediate lender you will need to full a mortgage repayment sort. This is because these loans typically want to be repaid inside of the month and so these repayment agreements authorize the loan company to right debit your outstanding loan cash loans balance from you financial institution account on the because of date. A lot of people uncover this repayment approach extremely easy as they do not want to bear in mind when their repayments are because of and therefore, will not risk any overdue fees that may possibly be related with these loans.
cash loans
Voltar para HTML, CSS e Metodologias


1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

  1. Fórum WMO
  2. → Desenvolvimento
  3. → HTML, CSS e Metodologias
  4. Privacy Policy
  5. Regras ·
IPB Skin By Virteq