Risultati da 1 a 6 di 6

Discussione: Problema di inserimento "menu con css" in pagina web "con tabelle"

  1. #1
    Barbara72 è offline Utente del Forum
    Data Registrazione
    Sep 2011
    Messaggi
    14

    Problema di inserimento "menu con css" in pagina web "con tabelle"

    Ciao,
    sto facendo il restyling di un sito vecchio realizzato con tabelle html.
    Per migliorarlo ho deciso di rifare il menu sinistro verticale con i css.
    Il menu funziona benissimo ma quando lo inserisco nel <td> mi compaiono dei pallini sulla sinistra di ogni link (anche se ho dato il "display:block").
    Ecco come ho inserito il menu nell'html:
    Codice HTML:
    <td width="176" valign="top">
           <div class="menu_sx">
            	<ul>
        			<li><a href="http://www.#/">Home</a></li>
        			<li><a href="http://www.#/">pagina 2</a></li>
        			<li><a href="http://www.#/">pagina 3</a></li>
        			<li><a href="http://www.#/">pagina 4</a></li>
      			</ul>
            </div>
    </td>
    ed ecco il mio css:
    Codice:
    .menu_sx{
    width:176px; 
    list-style:none;
    margin:0;
    padding:1px; 
    background-color:transparent;
    }
    
    .menu_sx a{
    display:block;  /* converto i link da elementi inline a elemento di blocco*/
    height:30px;
    margin-top:1px;
    padding-left:15px;
    background-color:#fff;
    border-left:5px solid #9c0c15;
    border-bottom:1px solid #9c0c15;
    font-family:arial;
    font-size:12px;
    text-decoration:none;
    color:#000;
    line-height:25px;
    }
    
    .menu_sx a:hover{
    background-color:#9c0c15;
    border-left:5px solid #ffcc00;
    border-bottom:1px solid #9c0c15;
    color:#fff;
    }
    
    .menu_sx a.primo{
    margin-top:0;
    }
    Qualcuno sa dirmi dove ho sbagliato?

    Grazie per la disponibilità

    Barbara

  2. #2
    L'avatar di criric
    criric è offline Moderatore
    Data Registrazione
    Aug 2010
    Località
    TN
    Messaggi
    522
    Ciao
    prova ad aggiungere

    Codice:
    .menu_sx ul {
        list-style-type: none;
    }

  3. #3
    Barbara72 è offline Utente del Forum
    Data Registrazione
    Sep 2011
    Messaggi
    14
    Grazie,

    ora funziona.

    Buona giornata

    Barbara

  4. #4
    Barbara72 è offline Utente del Forum
    Data Registrazione
    Sep 2011
    Messaggi
    14
    Avrei però ancora un piccolo problema...

    come da immagine che allego si può notare che il menù non si prende tutto lo spazio che dovrebbe ma si stringe e si allinea a dx.

    Da cosa può dipendere?

    Grazie BarbaraSchermata 01-2455958 alle 14.49.09.png

  5. #5
    L'avatar di criric
    criric è offline Moderatore
    Data Registrazione
    Aug 2010
    Località
    TN
    Messaggi
    522
    Vedi se puo bastare modificando cosi

    Codice:
    .menu_sx ul {
        margin:0;
        padding:0;
        list-style-type: none;
    }

  6. #6
    Barbara72 è offline Utente del Forum
    Data Registrazione
    Sep 2011
    Messaggi
    14
    E' perfetto,
    grazie.
    Barbara

Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •