Visualizzazione dei risultati da 1 a 1 su 1

Visualizzazione discussione

  1. #1

    centrate elementi inline dentro div

    Ciao a tutti, sono nuovo nuovo del forum, vi scrivo dalla provincia di Venezia.

    Non essendo molto esperto ho difficoltà a posizionare al centro di una 'barra menù' i link del menù stesso. Mi spiego meglio:
    Nell'immagine allegata vedete il menù.

    Questo è il codice
    codice:
    <div id="header-menu">
    <div id="header-menu-inside">
    <ul class="menu"><li class="first leaf">Home
    <li class="leaf">Attività e storia
    <li class="leaf">Foto
    <li class="leaf">Fanzine
    <li class="leaf">Documenti
    <li class="last leaf">Materiale[/list]</div>  </div>
    Le proprietà dell' heade-menu-inside sono queste:
    codice:
    #header-menu-inside {     height: 45px;     line-height: 46px;     margin: 0 auto;     text-align: right;     vertical-align: middle;     width: 960px; }
    Queste quelle riguardanti la classe ul menu:
    codice:
     #header-menu ul.menu {     display: block;     margin: 0;     padding: 0;     position: relative;     z-index: 100; }
    
    ul.menu {
        border: medium none;
        list-style: none outside none;
        text-align: left;
    }
    Queste quelle degli elementi li:
    codice:
    #header-menu ul.menu li {     display: inline-block;     float: left;     margin: 0;     padding: 0;     vertical-align: middle; }
    I link hanno le seguenti proprietà:
    codice:
    #header-menu ul.menu li a {     display: block;     font-family: Myriad Pro,"Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif;     font-size: 14px;     font-weight: normal;     margin: 0 35px 0 0;     outline: medium none;     text-align: center;     text-decoration: none;     text-transform: uppercase;
    Vorrei che i link del menù non restassero allineati a sinistra, ma che spaziassero per tutto il blocco di 960px, con la prima voce del menù attaccata sulla sinistra, l'ultima tutta a destra, e i link in mezzo spaziati automaticamente.
    Spero di essermi spiegato bene.

    Grazie!!
    Immagini allegate Immagini allegate

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.