Visualizzazione dei risultati da 1 a 3 su 3

Discussione: Problema larghezza CSS

  1. #1

    Problema larghezza CSS

    Buongiorno a tutti

    ho un piccolo problema con la determinazine della larghezza di un elenco puntato numerato e relativo sfondo

    codice:
    #menu_sx{ padding: 4px 4px 0px 4px; margin: 0px 0px 0px 0px;} 
    #menu_sx ul{list-style-type: none;margin: 0;padding: 0; } 
    #menu_sx li{float: left; padding:0px; margin: 0px; width: 162px; border-top:1px solid; border-left: 1px solid; border-right: 1px solid;} 
    #menu_sx a { vertical-align:middle; text-decoration: none; color: #000; text-align: left; font-size:12px; padding:0px 0px 0px 4px; margin:0px 0px 0px 0px; min-width:162px; background-color:#999999; } 
    #menu_sx a:hover{ color: #FFF;; text-decoration: none; background-color:#0000FF;}
    vorrei creare un elenco per un menu di 8 voci la cui larghezza deve essere pari a 162px (e questo funziona senza problemi) ma vorrei che lo sfondo fosse di colore grigio.
    Il problema sorge nella visualizzazione: lo sfondo viene applicato solo al testo e non all'intera area di 162px.
    Dove sbaglio?

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Prova a modificare la formattazione del tag <a>:
    codice:
    #menu_sx{
      padding: 4px 4px 0px 4px;
      margin: 0;
    } 
    #menu_sx ul {
      list-style-type: none;
      margin: 0;
      padding: 0; 
    } 
    #menu_sx li {
      float: left;
      padding:0;
      margin: 0;
      width: 162px;     /* se vuoi che ogni pezzo no supeeri i 162 px, questo valore e` da diminuire */
      border: black solid; 
      border-width: 1px 1px 0 1px;
    } 
    #menu_sx a {
      /*vertical-align:middle; */
      display: block;
      width: 100%;
      height: 100%;
      line-height: 100%;
      text-decoration: none;
      color: #000;
      text-align: left;
      font-size: 12px;
      padding: 0 0 0 4px;
      margin:0;
      /* min-width:162px; */
      background-color:#999;
    } 
    #menu_sx a:hover {
      color: #FFF;
      text-decoration: none;
      background-color:#00F;
    }
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Grazie mille, pare funzionare
    Buona giornata

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.