28th March 2013, 18:39
#1
1 out of 1 members found this post helpful.
Probleme codare
Pentru ca intalnesc diverse probleme sau erori m-am gandit sa fac un topic in care sa va cer ajutorul, sa nu fac 9999 topicuri.
-----
Am o problema cu un meniu html/css, este vorba de un meniu cu submeniu la care width as vrea sa fie mai mare.. sa incapa tot textul. Problema e ca se apeleaza la width #menium ul li a
Cod:
<div id="menium">
<ul>
<li><a href="#">Acasă</a></li>
<li><a href="#">Anunțuri</a></li>
<li><a href="#">Prezentare</a>
<ul>
<li><a href="fisier.php">Misiunea</a></li>
<li><a href="fisier.php">Viziunea</a></li>
<li><a href="fisier.php">Istoric</a></li>
<li><a href="fisier.php">Dotare</a></li>
<li><a href="fisier.php">Personal</a></li>
<li><a href="fisier.php">Elevi</a></li>
<li><a href="fisier.php">Consiliul Elevilor</a></li>
</ul>
</li>
<li><a href="#">Extrașcolar</a>
<ul>
<li><a href="fisier.php">Revista 123</a></li>
<li><a href="fisier.php">Joc de rol cu membrii europeni online </a></li>
</ul>
</li>
<li><a href="#">Concursuri</a>
<ul>
<li><a href="fisier.php">Conc1</a></li>
<li><a href="fisier.php">Conc2</a></li>
</ul>
</li>
<li><a href="#">Examene</a></li>
</ul>
</div>
/*Zona meniu MENIU*/
#zonamenium {width:960px; height:45px; background:#fff; border-radius:2px; margin-top:10px; }
#menium ul {margin:0; padding:0; line-height:45px;}
#menium ul li{margin:0; padding:0; float:left; position:relative; list-style:none;}
#menium ul li a{width:158px; height:45px; text-align:center; font-size:12px; background:#fff; border-left:1px solid #ddd; text-decoration:none; color:#002337; display:block;}
#menium ul li a:hover{background:#002337; color:#fff; border-right:4px solid #399fe6;}
#menium ul ul {visibility:hidden;position:absolute;top:34px; z-index:100;}
#menium ul li:hover ul{visibility:visible;}
/*Zona meniu MENIU*/
Cum as putea rezolva ca zona de la extrascolar - itemul 2 sa fie full width si sa intra tot textul pe aceeasi linie ?