Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Eu criei um menu com UL e LI e queria que os items ficassem espalahados em 100% na horizontal, como posso fazer ?
#submenu { // Essa é uma DIV
position: fixed;
background-color:#2472ba;
z-index: 10000;
display: none;
left: 0px;
top:70px;
} width: 100%;
list-style:none;
} display: inline;
color: #FFFFFF;
font:10% Tahoma;
font-size:medium;
}Valew
float:left;
Amigao cria uma class <div class="menu> coloca todo seu menu e no css inseri menu.{width:100%;}
Eu inseri o float:left e o width:100% mas não funcionou, meu css ficou assim:
#submenu {
position: fixed;
background-color:#2472ba;
z-index: 10000;
display: none;
width: 100%;
left: 0px;
top:70px;
} width: 100%;
list-style:none;
} display: inline;
color: #FFFFFF;
font:10% Tahoma;
font-size:medium;
float:left;
}Faz assim manda seu HTML e todo seu CSS do menu.
Segue o Código:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Site</title>
<style type="text/css">
#submenu {
position: fixed;
background-color:#2472ba;
z-index: 10000;
width: 100%;
left: 0px;
top:70px;
} width: 100%;
list-style:none;
} display: inline;
font:10% Tahoma;
font-size:medium;
float:left;
}
</style>
<body>
<div id="submenu">
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
<li>Item 6</li>
<li>Item 7</li>
<li>Item 8</li>
</ul>
</div>
</body>
</html>atualmente com css puro, vc não consegue fazer isso muito bem.
a única forma é contar a quantidade de items LI, e dar uma largura igual a 100 % numero de LIs
no seu caso 100% / 8
E como eu devo fazer ?
setando o width de cada li para 12.5%
eu disse ali em cima.
#submenu ul li {
width: 12.5%; / 100% / 8 /
}
Eu fiz isso mas continuo na mesma, os itens não se dividem pelo width 100%;
Cara eu fiz assim e deu certo :
#submenu ul li {
display: inline;
font:10% Tahoma;
font-size:medium;
float:left;
width:12%;
}Valew
Maníaco marca como resolvido,
E o PHP com isso? -_-
Movendo...