Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Eae galera!
bom criei um menu em uma pagina!
nas paginas em q inclui ele, os links ficam grandes como botoes! e um grande espaços entre eles!
o q precisaria pra deixar normal como parece na pagina do menu, o link do tamanho do texto!
codigo do menu:
CODE
<style>div#links{
float:left;
width:185px;}#links ul {
margin: 0;
padding: 0;
list-style: none;
}#links li ul {
padding: 15px 20px 30px 20px;
background: url(images/img10.gif) repeat-x
}#links li li {
padding: 3px 0;
background: url(images/img03.gif) repeat-x left bottom;
}#links li a {
background: none;
}#links li i {
font-size: smaller;
}A:link {
COLOR: #006600; TEXT-DECORATION: none
}
A:active {
COLOR: #006600; TEXT-DECORATION: none
}
A:visited {
COLOR: #006600; TEXT-DECORATION: none
}
A:hover {
COLOR: #006666; TEXT-DECORATION: none
}
</style>
</head>
<body>
<div id="links"><b>
<ul>
<li>
<ul>
<li class="style4"><a href="missao.html">Missao</a> </li>
<li class="style4"><a href="social.html">Estuto social </a></li>
<li class="style4">Noticias</li>
<li class="style4"><a href="links.asp">Links</a></li>
<li class="style4"><a href="fornecedores.asp">Fornecedores</a></li>
<li class="style4"><a href="direcao.html">Quadro diretivo</a></li>
<li class="style4"><a href="publicidade.htm">Publicidade</a></li>
</ul>
</li>
<li>
<ul>
<li class="style4"><a href="upload/atas.asp">Atas</a></li>
<li class="style4"><a href="arquivos.asp">Downloads</a></li>
<li class="style4"><a href="agenda.asp">Agenda</a></li>
<li class="style4"><a href="upload/eventos.asp">Eventos</a></li>
<li class="style4"><a href="user/cadastra.asp">Associar-se</a></li>
</ul>
</li>
</ul></b>
</div>pagina onde eh incluida o menu
CODE
<html><head>
<title>Layout 19</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<style type="text/css">html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif}
p{margin:0 10px 10px}
a{display:block;color: #981793;padding:10px}
div#header h1{height:80px;line-height:80px;margin:0;
padding-left:10px; background-image:url(images/img01.gif);color: #79B30B}div#content p{line-height:1.4}
div#extra{background:#FF8539}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}
div#container{width:1000px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin-left:200px;width:600px;background: url(images/img10.gif) repeat-x}
div#link{float:left;width:190px;margin-left:-100%;}
div#extra{float:left;width:190px;margin-left:-19%}
div#footer{clear:left;width:100%; background-image:url(images/img08.gif) repeat-x; background-color:#A6C09B;}
div#menu{ display:block; color:#005500; float:left; font-size:14px; text-transform:uppercase; font-weight:bold; text-decoration:none; margin:0 20px; padding-top:8px;}
div#menu a:hover{color:#006600}
</style>
</head>
<body>
<div id="container">
<div id="header">
<div align="center" style="background-image:url(images/img01.gif)">
<p><img src="images/img05.jpg"> <img src="images/banner1.png">
</p>
<br>
<div class="style4" id="menu">
<div class="style5" id="menu_list">
<p><a href="index.htm">Home</a>
<a href="qm_somos.htm">Quem somos </a>
<a href="user/associados.asp">Associados</a>
<a id="login">Login</a></p>
<p>
</p>
</div>
<br>
</div>
</div>
<div id="wrapper">
<div id="content"><br><br><p><strong>bla bla bla bla bla bla bla bla bla </p>
</div>
</div>
**<div id="link">**<!-- #include file="menu.asp" -->
</div>
<div id="extra">
<p><strong>bla bla bla bla</p>
</div>
<div id="footer"><p> </p>
</div>
</div>
</body>
</html>Carregando comentários...