Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Ola galera, como faço com css para deixar o link dentro de um li, da largura do div?
Quero deixar com um efieto tipo o menu deste site: http://www.maujor.com/index.php
Ja consegiu mudar a cor de fundo e tal, mas o link ainda esta pequeno, ou seja do tamanho do conteudo dele.
O li acho que consegui deixar ele do tamanho do div.
Mas o link nao fica.. deve ter algum jeito, voce viu o exemplo que dei:
Esta assim minha pagina
CSS
ul.menu{
background-color: #F8F8FF;
margin:0;
padding: 0;
} list-style-type:none;
} color:#2F4F4F;
} color:#000000;
} color:#ffffff;
} color:#F8F8FF;
background-color:#5F9EA0;
}
HTML + PHP
<div id="left_menu" class="left_menu">
<br /><br /><br />
<h4><a href="#">Menu</a></h4>
<ul class="menu">
<?php
$query = "SELECT * FROM MENU ORDER BY descricao";
$query = mysql_query($query) or die(mysql_error());
if(mysql_num_rows($query) > 0){
while($result = mysql_fetch_array($query)){
$url = $result['descricao'];
echo "<li><a href=\"" .$result['url']. "\" target='novo'>". $url . "</a></li>";
}
}
?>
</ul>
</div>Entao cara, é como eu te disse, como o link é texto, n tem como aplicar um width, o link só vai aumentar conforme o texto aumenta(quantidade de caracteres) ou caso você aumente o font-size.
Tenta colocando a regra "display: block;" no link.
Obrigado aos dois pela atenção.
Mas a dica do Thiago foi perfeita. Muito obrigado mesmo.
acredito que dando um width 100% no li resolve, mas o li tem que estar dentro dessa div.
Agora se você nao quer aumentar a largura do li, mas sim do proprio link, se esse for texto creio eu que nao tenha como :mellow: