Visualizzazione dei risultati da 1 a 7 su 7

Visualizzazione discussione

  1. #1
    Utente di HTML.it L'avatar di capsula
    Registrato dal
    Jan 2006
    Messaggi
    818

    Problema altezza bottoni in menų verticale css

    Buona domenica a tutti!
    Sto realizzando un menų verticale in Html e Css. Per fare i bottoni uso un'immagine di sfondo che viene cambiata al hover del link.
    L'immagine la ho fatta larga 200px e alta 32px, cosė se qualche utente ingrandisse il testo della pagina i link nel menų non sforerebbero dall'immagine.

    Di default vorrei che con gli 11px del font l'immagine risultasse altra 20px, idem al rollover.
    Dato che l'immagine normale e del rollover č su uno stesso file non so come scrivere il codice...

    Non so bene come spiegare sta cosa quindi vi posto il css, l'hml e l'immagine....
    Spero almeno di aver spiegato decentemente cosa voglio ottenere... casomai dite che rispiego meglio se riesco!


    HTML
    codice:
    	<div id="menu9">
    		<ul>
    			[*]Home
    			[*]Products
    			[*]Services
    			[*]Support
    			[*]Order
    			[*]News
    			[*]About
    		[/list]
    	</div>
    CSS
    codice:
    #menu9 {
            width: 200px;
            margin: 10px;
            }
    
    #menu9 li a {
            height: 32px;
              voice-family: inherit;
              voice-family: inherit;
              height: 24px;
            text-decoration: none;
            }
    
    #menu9 li a:link, #menu9 li a:visited {
            color: #838383;
            display: block;
            background:  url(menu9.gif) no-repeat left top;
            padding: 8px 0px 0px 35px;
    		border-top: 1px solid #838383;
    		border-right: 1px solid #838383;
    		border-bottom: 0px;
    		border-left: 1px solid #838383;
            }
    
    #menu9 li a:hover { 
                    color: #434343;
    		background-position: 100% -32px;
                    padding: 8px 0px 0px 35px;
    		border-top: 1px solid #434343;
    		border-right: 1px solid #434343;
    		border-bottom: 0px;
    		border-left: 1px solid #434343;
            }
    
    #menu9 li a.ultimocolleg:link, #menu9 li a.ultimocolleg:visited {
    		border-bottom: 1px solid #838383;
    		}
    		
    #menu9 li a.ultimocolleg:hover { 
    		border-bottom: 1px solid #434343;
    		}
    Ecco vedete che la seconda immagine č caricata tramite un background-position: 100% -32pixel
    Non so come fare per fare di default un'altezza di 20px ad esempio che sia mantenuta anche all'hover... ieri ho fatto una prova ma stupidamente la ho cancellata

    L'immagine per il menu che uso č questa: (sfondo blu link normale, sfondo arancio link all'hover)
    Immagini allegate Immagini allegate

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.