Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2007
    Messaggi
    46

    padding-top non funziona

    Ho fatto un menu molto semplice con una tabella:

    codice:
      
    <table class="tabmenu"  cellpadding="0" cellspacing="0" width="100%" style="100%" >
    <tr><td height="30px"><span class="menu">AAA</span></td></tr>
    <tr><td height="30px"><span class="menu">BBB</span></td></tr>
    </table>
    nel css ho definito la classe menu in questo modo:

    codice:
    .menu a {
    	text-decoration:none;
    	color:#FFFFFF;
    	font-weight:bold;
    	padding-top:5px;
                 padding-left:40px;
                 padding-bottom:5px;
    }
    
    .menu a:hover{
        background-color:#FFFFFF;
        color:#5EA624;
    }
    Il menù ha lo fondo verde e le scritte in bianco quando l'utente si sposta con il mouse sulla voce desiderata si devono invertire i colori: fondo bianco, scritta in verde. Con il padding ottengo una fascia di selezione più grande rispetto alla stringa.

    Perchè però il padding-top non funziona???

  2. #2
    A parte che il padding funziona, il menu non andrebbe neanche fatto come l'hai fatto tu ma ad esempio così
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
            <head>
                    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
                    <title></title>
    <style type="text/css">
    <!--
    body {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            margin: 0;
            font-size: 80%;
            font-weight: bold;
            background: #FFF;
            }
    
    ul {
            list-style: none;
            margin: 0;
            padding: 0;
            }
    		
    #menu1 {
            width: 200px;
            margin: 10px;
            border-style: solid solid none solid;
            border-color: #3D261D;
            border-size: 1px;
            border-width: 1px;
            }
    
    #menu1 li a {
            height: 32px;
              voice-family: "\"}\"";
              voice-family: inherit;
              height: 24px;
            text-decoration: none;
            }
    
    #menu1 li a:link, #menu1 li a:visited {
            color: #5EA624;
            display: block;
            background: #FFF;
            padding: 8px 0 0 10px;
            }
    
    #menu1 li a:hover, #menu1 li #current {
            color: #FFF;
            background: #5EA624;
    		color: #FFF;
            padding: 8px 0 0 10px;
            }
    -->
    </style>
            </head>
    
            <body>
                    <div id="menu1">
                            <ul>[*]Home[*]Products[*]Services[*]Support[*]Order[*]News[*]About[/list]
                    </div>
    </body>
    </html>

  3. #3
    Utente di HTML.it
    Registrato dal
    Nov 2007
    Messaggi
    46
    Grazie per la risposta, ribadisco che con eplorer 7.0 il padding-top a me non funziona, evidentemente l'errore è legato a qualcosa d'altro.

    Non avendo mai usato il tag[*] per fare delle voci di menù mi sono documentata e ho trovato questo:

    http://xhtml.html.it/guide/lezione/1...enchi-nellhtml

    Come fa vedere negli esempi il tag infatti è come l'elenco puntato e/o numerato di word.

    Perchè è più giusto secondo te usare il tag[*] piuttosto di un <td> ?

    Ti ringrazio in anticipo per la spiegazione.

  4. #4
    Perchè in prima analisi un menu è una lista di voci e non una tabella, che andrebbe usata solo per dati tabellari e poi perchè un menu così è molto più accessibile

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.