Problema: CSS + Java Bordas redondas e Posicionamento de Divs
Oi Pessoal!
Estou com um problema, meio chatinho, procurei como desenvolver bordas redondas sem utilizar imagens, e achei, mas não consegui.
Utilizei Java (NiftyCube) e Css.
Outro problema esta no mesmo arquivo. Não estou conseguindo, colocar margim em uma div, para separar ela da outra. (Estranho? Sim, ja fiz isso, mas esta tendo algum problema cujo não sei.)
Aqui esta o Código html e Css.
Gostaria muito da ajuda de vcs.
Para visualizar: AQUI
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">](http://www.w3.org/1999/xhtml)
<head>
<title>..:: Doing Web::..</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<link href="estilos/estilos_conteiners_p.css" rel="stylesheet" type="text/css" />
<meta name="generator" content="HAPedit 3.1">
<script type="text/javascript" src="niftycube.js"></script>
<script type="text/javascript">
window.onload=function(){
Nifty("div#cont_menu,div#cont_trabalhos");
}
</script>
</head>
<body>
<div id="cont_top_log">
</div>
<div id="cont_principal">
<div id="cont_principal_divs_left">
<div id="cont_menu">
</div>
<div id="cont_trabalhos">
</div>
</div>
<div id="cont_principal_divs_right">
<div id="cont_anima">
</div>
<div id="cont_conteudo">
</div>
</div>
<div id="cont_principal_headers">
</div>
</div>
</body>
</html>CSS
body
{
background:#F3F5F6 url(../cortes/fundo.jpg) repeat center top;
margin: 0;
}
#cont_principal{
width:650px;;
height:auto;
margin:0 auto;
padding:0;
}
#cont_top_log{
width:auto;
height:45px;
background-color:#333333;
margin-bottom:20px;
padding:0;
}/Conteiners - Divisores/
#cont_principal_divs_left
{
width:170px;
height:480px;
float:left;
}
#cont_principal_divs_right{
width:465px;
height:480px;
float:right;
}
#cont_principal_headers{
width:650px;
height:140px;
float:left;
background:#FFFFFF;
margin-top:12px;
}/Conteiners/
div#cont_menu
{
width:170px;
height:285px;
float:left;
background-color:#CCCCCC;
margin-bottom:12px;
}div#cont_trabalhos
{
width:170px;
height:180px;
float:left;
background-color:#FFFFFF;
}div#cont_anima
{
width:465px;
height:210px;
float:right;
background-color:#FFFFFF;
margin-bottom:12px;
}div#cont_conteudo
{
width:465px;
height:255px;
float:right;
background-color:#FFFFFF;
}Um abraço!
Obrigado, Evandro.S Eisinger
Discussão (3)
Carregando comentários...