Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2008
    Messaggi
    42

    allineamento img e testo menù

    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

  2. #2
    Utente di HTML.it
    Registrato dal
    Oct 2003
    Messaggi
    1,258
    ciao...vuoi fare un menu con 3 link uno di seguito all'altro, Non ho capito le icone dove dovrebbero posizionarsi secondo te?

  3. #3
    Utente di HTML.it
    Registrato dal
    Dec 2008
    Messaggi
    42
    lucked ti posto il link del sito
    http://www.massimobertucci.com/wordpress/
    il menù in questione è quello in alto. come puoi vedere alle 3 voci segue una prima immagina non allineata e centrata, inoltre, come dicevo nel post, dovrebbero comparire altre 3 icone.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.