- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- [Risolto] disposizione elementi <li>
-
[Risolto] disposizione elementi <li>
Di default ho gli elementi di lista disposti come nell'immagine A e vorrei
disporli come in B.Esiste qualche comando particolare per risparmiare codice?
Quello che mi verrebbe in mente a me è di creare due liste...
-
Ciao,
non riesco a visualizzare l'immagine. Il link non sembra funzionare...
-
http://img215.imageshack.us/img215/6387/senzatitolo1p.png
Ho fatto in questo modo
CSS
#footer{
background-image:url(images/footer.jpg);
background-repeat:no-repeat;
margin:0 auto;
padding:0;
height:250px;
width:100%;
z-index:1;
}#menu_footer{
height:50px;
width:200px;
margin:0;
padding:0 0 0 -100px;}
li{
display:inline;}display:block;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
font-size:14px;
font:bolder;
text-decoration:none;
line-height:25px;
color:#936;}HTML
[HTML]codice:<div id="footer">
<div id="menu_footer">
<ul>
<li>
<a href="#">Home</a>
<a href="#">Home</a>
<a href="#">Home</a>
<a href="#">Home</a>
<a href="#">Home</a>
<a href="#">Home</a>
<a href="#">Home</a>
<a href="#">Home</a>
</li>
</ul>
</div>[/HTML]Il problema è che si allunga la parte sottostante il
footer creando uno spazio bianco sotto a seconda di quanto cresce in
altezza il div
-
[RISOLTO]
[HTML]<div id="footer">
<ul id="menu_footer"><li><a href="#">Home</a></li>
<li><a href="#">Il nostro team</a></li>
<li><a href="#">Partners</a></li>
<li><a href="#">Servizi</a></li>
<li><a href="#">Redken</a></li>
<li><a href="#">Hairdreams</a></li>
<li><a href="#">L'Oreal</a></li>
<li><a href="#">Aegyptia</a></li></ul>[/HTML]
