Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Leco9119

menu com bordas arredondadas ( Nifty )

Recommended Posts

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 !

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.