Visualizzazione dei risultati da 1 a 6 su 6
  1. #1

    elenco puntato con immagine di sfondo

    Ciao a tutti!

    Ho creato il mio menù utilizzando


    codice:
    <ul>[*]Voce di menù>[/list]

    Ora nel formattarla con il css ho due problemi:

    A- Se utilizzo delle img come sfondi per[*] e poi un'altra img come sfondo per[*]a:hover con explorer non succede niente, mentre Firefox interpreta correttamente ed esegue una specie di rollover.

    B- utilizzo la propietà display: inline per[*] ed effettivamente mette le voci in linea ma usato in combinazione con un img di sfondo, anche dando width ed height, non si vede la mia immgine (un bottone) ma solo un po di colore sotto la parola. E' come se non tenesse conto delle dimensioni che gli ho detto di tenere!

    Mi scuso per l'uso del codice su questo 3d ma ho preferito essere stringata per non annoiarvi
    ***Janka***

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Troppo stringata per proporre una soluzione: posta il codice CSS relativo a tutto il blocco a partire dal contenitore del <ul>.

    PS. comunque IE non capisce la pseudoclasse :hover al di fuori di un link (tag <a> o <area> )
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    codice html
    codice:
    <ul id="commerciale">
    		[*]HOME
    		[*]PRODOTTI
    		[*]COMMUNITY
    		[/list]

    codice CSS
    codice:
    ul#commerciale li{
    	width:127px;
    	height:39px;
    	background-image:url(img/pallet_nera.png);
    	background-repeat: no-repeat;
    	background-position: center;
    	text-align: center;
     	display: inline;}
    
    ul#commerciale a{
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	color: #fff;
    	font-size: 14px;
    	text-decoration: none;
    	font-weight: bold;}
    	
    ul#commerciale a:hover{
    	text-decoration: none;
    	color: #CCCCCC;}
    
    ul#commerciale li#activelink{
    	text-decoration: none;
    	margin-bottom:10px;
    	padding: 0;
    	width:127px;
    	height:39px;
    	background-image:url(img/pallet_nero.png);
    	background-repeat: no-repeat;
    	background-position: center;}

    Come faccio a realizzare le pallet come sfondo al mio menù orizzontale
    ***Janka***

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Cosa e` il blocco:
    ul#commerciale li#activelink{

    Non si vede nel tuo codice HTML un <li id="activelink">

    E poi perche` definisci
    background-position: center;

    E che significato ha? Credo che devi definirlo eventualmente:
    background-position: center left;
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  5. #5
    Hai ragione, <li id="activelink"> lo uso per evidenziare il la voce di menù della pagina in cui mi trovo.

    Se sono nella pagina "chi siamo" il codice sarà
    codice:
    <li id="activelink">Chi siamo
    Cosi che possa assumere altre propietà (ad esmpio un'altra img di sfondo)

    Per l'allineamento delle img sicuramente hai ragione tu... io ho improvvisato :rollo: .
    ***Janka***

  6. #6

    c'è l'ho fattaaaaaaaaaaaaaaaaaaa

    ...mi ha illuminato questo http://pro.html.it/articoli/id_482/idcat_8/pro.html

    Grazie a tutti!
    ***Janka***

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.