Blog Agência Kairós » CSS

Centralizar página na tela com CSS

Postado por Agência Kairós em 23/06/2009

Centralizar uma  página com DIVs usando CSS não é difícil, veja um exemplo:


body{

padding: 0;

margin: 0;

}

#div-centro{

margin: 0 auto;

width: 830px;

height: 650px;

border: 1px solid #333;

}

Seu html:


<!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>Teste Centralização"</title>
</head>
<body>
<div id="div-centro">
<h1> <q>Página Centralizada</q> </h1>
</div>
</body>
</html>
CSS Sem comentários »

Cores alternadas com PHP - linhas de tabela ou divs

Postado por Agência Kairós em 05/06/2009

Para se exibir cores alternadas, o famoso “cor sim cor não“, podemos usar o pequeno esquema:


$cor1 = "fundo-1";
$cor2 = "fundo-2";
$cor = ($coralternada++ %2 ? $cor2 : $cor1);

Exemplo prático:


while($r = mysql_fetch_assoc($SEU_SQL))
{

$cor1 = "fundo-1";
$cor2 =  "fundo-2";
$cor = ($coralternada++ %2 ? $cor2 : $cor1);

echo "<div class='$cor'>";

echo $m["sua_coluna"] ;

echo "</div>";

}

Lembrando que nesse exemplo, fundo-1 e fundo-2 são  duas classes de cores configuradas no CSS*.

* 


.fundo-1{

background: #aaa;

}

.fundo-2{

background: #f1f1f1;

}
PHP Sem comentários »
 
Wordpress Theme by Windows Vista Security
Copyright © 2007 Blog Agência Kairós. All rights reserved.