menu com bordas arredondadas ( Nifty )
Olá galera!
Bom, meu problema é o seguinte:
Estou começando a fazer um site, com a ajuda de um script chamado Nifty, que arredonda facilmente boxs e outras coisas. Só que esse "facilmente" não está se aplicando a mim.....rsrsrs
No meu menu, em lista, não consigo arredondar as 'quinas' superiores.
Será que alguém que já tenha experiência com esse script pode dar uma ajuda?
-> html
CODE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Lexus</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link type="text/css" rel="stylesheet" href="css.css">
<link rel="stylesheet" type="text/css" href="niftyCorners.css">
<script type="text/javascript" src="niftycube.js"></script>
<script type="text/javascript">
window.onload=function(){
Nifty("div#principal","bottom");
Nifty("ul#menuul","top");
}
</script>
</head>
<body>
<div id="principal">
<div id="cabeça">
<h1>Lexus Informática</h1>
<div id="menu1">
<ul id="menuul">
<li id="menu"><a href="index.php">Home</a></li>
<li id="menu"><a href="institucional.php">Institucional</a></li>
<li id="menu"><a href="servicos.php">Serviços</a></li>
<li id="menu"><a href="downloads.php">Download</a></li>
<li id="menu"><a href="contato.php">Contato</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>-> CSS
CODE
* {
padding: 0;
border: 0;
margin: 0;
}body {
padding: 0 5px 5px 5px;
background-color: #6A6A6A;
text-align: center;
margin: auto;
}
#principal {
background-color: #ffffff;
width: 790px;
_width: 770px;
text-align: center;
margin: auto;
}#cabeça {
text-align: left;
background-color: #5A5A5A;
}h1 {
color: #00BFFF;
font-family: Trebuchet MS;
padding: 20px 0 20px 20px;
}ul {
background-color: #5A5A5A;
text-align: right;
padding-right: 3px;
}
#menu1 {
padding: 5px 0;
_padding: 0px 0px;
}
#menu {
display: inline;
margin: 0 4px;
_margin: -2px 2px;
background-color: #0095C4;
padding: 5px;
width: 50px;
}li a {
text-decoration: none;
color: White;
}Desde já agradeço.
Abraços !
Discussão (1)
Carregando comentários...