Visualizzazione dei risultati da 1 a 5 su 5

Discussione: Problema con menu

  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2010
    Messaggi
    11

    Problema con menu

    Salve a tutti.
    Sto cercando (a tempo perso, s'intende) di trasformare un sito con layout a tabelle ad uno, visivamente pressochè uguale, con layout a frame.
    Premetto che sono una niubba, quindi magari il mio problema è stupido/assurdo/banale/irrisolvibile. Io ci provo a chiedere...
    Dunque, io ho fatto un menu verticale costituito da bottoni (ciascun "bottone" è un div class), evidentemente con il testo link in mezzo.
    Vorrei che questi bottoni cambiassero colore quando uno passa col mouse sul link (magari riuscissi sull'intero div...ma lì da quel che ho capito, è assai complicato).
    Solo che, impostando le prorietà a:hover della class, varia solo il background proprio sotto alla scritta...il resto del bottone no (il bottone ha dimensioni fisse, non ereditate dal testo).
    Al più variando il padding, riempio anche il sopra e il sotto dello sfondo della scritta/link....ma i lati no.
    Si può?

    Help!

    Grazie e scusate la niubbaggine....

  2. #2
    [list=1][*]I menu vanno fatti con le liste non ordinate, non con i div[*]Si può fare quello che chiedi ma...[*]Per consigliarti bisogna vedere il tuo codice[/list=1]
    “Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.

    Giovanni Falcone

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2010
    Messaggi
    11
    Innanzitutto grazie per la risposta.
    Ora non ho sottomano il codice su cui sto lavorando (e cmq è sbagliato evidentemente).
    Ma se faccio il mio menù verticale con <ul> e[*] posso definire io la dimensione dei "bottoni"o dipendono esclusivamente dal carattere scelto? E per i margini? e Gli eventuali sfondi?

    Domani provo a riscrivere quel pezzo di codice e lo posto.

    Grazie infinite e scusate l'ignoranza!

  4. #4
    Un esempio per uno spunto:
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
            <head>
                    <title></title>
                    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
                    <meta name="author" content="Ian Main" />
                    <meta name="Copyright" content="Creative Commons - http://creativecommons.org/licenses/by/2.0/" />
                    <style type="text/css">
    <!--
    body {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            margin: 0;
            font-size: 80%;
            font-weight: bold;
            background: #F3FAFF;
            }
    
    ul {
            list-style: none;
            margin: 0;
            padding: 0;
            }
    
    #menu9 {
            width: 200px;
            margin-top: 10px;
            }
    
    #menu9 li a {
              height: 32px;
              voice-family: "\"}\"";
              voice-family: inherit;
              height: 24px;
            text-decoration: none;
            }
    
    
    #menu9 li a:link, #menu9 li a:visited {
            color: #E5E8D4;
            display: block;
            background: url(menu9.gif);
            padding: 8px 0 0 10px;
            }
    
    #menu9 li a:hover, #menu9 li #current {
            color: #725033;
            background: url(menu9.gif) 0 -32px;
            padding: 8px 0 0 10px;
            }
    
    #menu9 li a:active {
            color: #fff;
            background: url(menu9.gif) 0 -64px;
            padding: 8px 0 0 10px;
            }
    -->
    </style>
            </head>
    
            <body>
                    <div id="menu9">
                            <ul>
                                    [*]Home[*]Products[*]Services[*]Support[*]Order[*]News[*]About
    [/list]
                    </div>
            </body>
    </html>
    Immagini allegate Immagini allegate
    “Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.

    Giovanni Falcone

  5. #5
    Utente di HTML.it L'avatar di mexican
    Registrato dal
    Oct 2001
    residenza
    cava de tirreni
    Messaggi
    3,541
    Prova ad aggiungere al class per il tag a display:block;
    Se ho capito bene a te interessa che il tag a a cui dai width e height cambi il colore di sondo riempiendo il div.
    Quindi il div deve avere le stesse dimensioni.

    Premesso che come ti hanno detto sopra dovresti usare una lista. E anche i frame sarebbe preferibile non usarli.

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.