Ciao a tutti,
so che quest argomento è stato già trattato più volte sul forum, infatti ho provato a seguire qualche spiegazione senza però ottenere risultati.
Dovrei allineare orizzontalmente 3 voci testuali e 4 semplici icone, tutte ovviamente sulla stessa riga e centrate tra loro. Inoltre, ho un secondo problema: della 4 icone ne visualizza solo 1.
Per comodità vi allego il codice del menù:
Questo è l'HTML
<div class="menucontent">
<div class="menu">
<li id="pages">
<ul>[*]Index
<?php wp_list_pages('title_li=&sort_column=menu_order' ) ?>
[*][*][*][*]
[/list]
<div class="socialmedia">
<ul>
<li class="fb">
<li class="t">
<li class="in">[/list]
</div>
</div>
</div>
Questo è il CSS
.menucontent{ width:70%; margin-left:30%; list-style:none; height:120px; border:1px solid;}
.menu{text-transform:uppercase;-moz-border-radius: 20px;-webkit-border-radius: 20px;}
.menu img{margin-left:auto; margin-right:auto;}
.menu li {float:left; display:inline; margin-right:10px;background:#fff;}
.menu li a{ text-decoration:none;}
.menu li a:hover{ text-decoration:none;}
.menu li a.fb{ background:url(facebook.png); background-repeat:no-repeat; height:20px; width:20px;vertical-align:middle;}
.menu li a.t{ background:url(twitter.png); background-repeat:no-repeat;height:20px; width:20px;vertical-align:middle;}
.menu li a.in{ background:url(in.png); background-repeat:no-repeat; height:20px;width:20px;vertical-align:middle;}
.menu li a.rss{ background:url(rss.png); background-repeat:no-repeat;height:20px;width:20px;vertical-align:middle;}
.menu li a:hover.fb{ text-decoration:none;display:inline; opacity:.60;filter:alpha(opacity=60);filter:”alpha (opacity=60)”;}
.menu li a:hover.t{ text-decoration:none;display:inline; opacity:.60;filter:alpha(opacity=60);filter:”alpha (opacity=60)”;}
.menu li a:hover.in{ text-decoration:none;display:inline; opacity:.60;filter:alpha(opacity=60);filter:”alpha (opacity=60)”;}
.menu li a:hover.rss{ text-decoration:none;display:inline; opacity:.60;filter:alpha(opacity=60);filter:”alpha (opacity=60)”;}
grazie a tutti

Rispondi quotando
