Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    menu di navigazione. posizionare gli elementi

    ciao,

    ho creato un menu orizzontale in css con un immagine di sfondo di 80x32px per ogni voce di menu.
    Non capisco perchè gli elementi non mi vengono posizionati equidistanti tra loro, ma varia a seconda della lunghezza del testo della voce di menu.
    codice:
    ul.nav1 {
                         font-family: arial, verdana, sans-serif, impact, helvetica, Times New Roman ;
                         font-size:1em;
                         color:#9C0404;
                         font-weight: bold;
                         list-style:none;
                         margin:0; padding:0;
    }
    
    
    ul.nav1 li a {   background: URL(../immagini/tasto_contatti.gif) no-repeat center;
                         display:inline;
                         padding: 10px 25px;
                         color:#9C0404;
                         text-decoration:none;
                         Height:4em;line-height:4em;
    }
    
    
    ul.nav1 li { display:inline;}
    
    ul.nav1 li a:link, ul.nav1 li a:visited { display:inline;}
    
    ul.nav1 li a:hover, ul.nav1 li a:active {
    
    color:#fff;
      padding: 10px 25px;
    
               }
    
    ul.nav1 li a:hover, ul.nav1 li a:active {
                                      color:#000;
                                      text-decoration:underline;
    }
    codice:
      <ul class="nav1">[*]Home[*]link1[*]prova001[*]link3[*]Altro[*]Contatti[/list]
    ho provato a modificare il padding, ma mi sballa tutto
    Cosa dovrei fare per sistemare il discorso?

    grazie

  2. #2
    al li gli devi dare una dimesione fissata e text-align:center.
    in questo modo tutti i bottoni hanno la stessa larghezza...e togli i padding laterali se ti fanno saltare il menu.

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 © 2026 vBulletin Solutions, Inc. All rights reserved.