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

    navigazione orizzontale

    Ciao a tutti,
    ho un problema con la navigazione, forse sara' una domanda banale, ma sto iniziando da poco ad usare i css.

    Dovrei creare una navigazione orizzontale e quando si passa sopra con il mouse dovrebbe cambiare l'immagine di sfondo (un po' come la navigazione in alto del forum, quando si passa sopra passa dal girgio al blu).
    Ho provato a definire uno stile per gli elenchi (ul), ma mi compaiono in verticale... Come faccio?

    Grazie mille

  2. #2
    Utente di HTML.it L'avatar di blekm
    Registrato dal
    Jun 2004
    Messaggi
    8,310
    potresti cominciare da qua

    http://css.html.it
    Il portale sul turismo a Lucca

    Siti web Lucca

    Vendo Tex a colori di Repubblica (primi 100 numeri) - info in pvt.

  3. #3
    Avevo gia' guardato, ma mi viene sempre in verticale. Nel css ho messo questo:

    codice:
    }
    #nav ul {
    	margin-left: 0;
    	padding-left: 0;
    	display: inline;
    	} 
    #nav ul li {
    	margin-left: 0;
    	padding: 3px 15px;
    	border-left: 1px solid #000;
    	list-style: none;
    	display: inline;
    	}

  4. #4
    codice:
    }
    #nav ul {
    	margin-left: 0;
    	padding-left: 0;
    	display: inline;
    	} 
    #nav ul li {
    	margin-left: 0;
    	padding: 3px 15px;
    	border-left: 1px solid #000;
    	list-style: none;
    	display: block;
    	float: left;
    	}
    Ho aggiunto il float: left .

    Cerco ombrello vecchio, nuovo, moderno o antidiluviano; purché protegga da una pioggia che vien giù come Dio la manda. Fate presto che ho l’acqua alla gola. (Noè)

    C# programming and other stuffs

  5. #5
    Grazie. Questo e' risolto.
    Adesso nel css ho:

    codice:
    #navb ul{
    display: inline; 
    position:absolute; 
    top:0px; 
    left:250px;
    font-weight:bold;
    text-align:center; 
    text-decoration:none; 
    height:50px;
    }
    #navb ul li{
    display:block; 
    float:left; 
    width:68px; 
    text-decoration:none;
    }
    #navb ul li a{
    display:block; 
    background:url(link1.gif) no-repeat; 
    width:68px; 
    text-decoration:none;
    height:50px; 
    }
    #navb ul li a:hover{
    display:block; 
    background:url(link2.gif) no-repeat; 
    text-decoration:none;
    height:50px; 
    }
    ma ho ancora alcuni problemi:
    - l'area cliccabile rimane piu' alta di 50, anche se a sfondo bianco. Come faccio a rendere cliccabile solo la zona in cui c'e' l'immagine?
    - posso abbassare il testo, lasciando l'immagine di sfondo dove e'?
    - la navigazione viene generata dinamicamente, come faccio a settare lo sfondo sul link non attivo (la pagina visualizzata)? (In pratica mettendo uno sfondo ad un solo "[*]")

    Grazie

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.