Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Estou com um grande problema quero fazer um menu horizontal colorido e que preencha um espaço de 1000px dividindo este espaço igualmente com a quantidade de botões tenho os códigos:
Folha de estilo externa:
.menu { background-color: #6ebea4; position: absolute; width: 1000px; height:25px; margin: 0px;
padding: 0px;}
/ link e link visitado /
.menu a:link,a:visited { display: block; font-weight: bold; color: #fff;
background-color: #508888; padding: 4px; text-decoration: none; }
/ area do menu /
.menu ul { margin-left: auto; margin-right: auto; width: 95% ; padding: 0px; list-style-type: none; overflow: hidden; border-bottom: 0px solid #fff; }
/ posição de cada um dos botões /
.menu ul li { position: relative; }
/ cada um dos botões /
.menu ul li a { display: block; text-decoration: none; color: #fff; background: #000; padding: 5px; border: 1px solid #fff; border-bottom: 1px;}
/ cada um dos submenus /
.menu li ul {position: relative; left: 0px; top: 0px; display: none; }
/ posição cada um dos botões /
.menu li {float: left;}
/ link quando passa o mouse e link que foi clicado/
.menu a:hover,a:active { background-color: #aaa; }
/ posição cada um dos sub_menus /
.menu li:hover ul { display: block; position: relative; margin: 0px; padding: 0px;}
/ posição cada um dos sub_botões /
.menu li:hover li { float: none;}
/ sub_sub_menu não utilizado /
.menu li:hover ul ul, li:hover ul ul { display: none; }
.menu li li:hover ul{ display: block; }
.menu li:hover li a {background-color: #ddd; border-bottom: 1px solid #fff; color: #000; }
.menu li li a:hover {background-color: #8db3ff;}
/ Fix IE. Hide from IE Mac \/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/ End /
div no html :
<div class="menu">
<? include "menu.php" ?>
</div>
chamo o script no
<head>
<script language="JavaScript1.2" type="text/javascript" src="menu.js"></script>
arquivo em java:
// JavaScript Document
over = function() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" over";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" over\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", over);
como viram esta tudo pronto mas não sei como colocar cada botão com uma cor por favor alguem pode me ajudar
Romeu
Carregando comentários...