Visualizzazione risultati 1 fino 5 di 5

Discussione: Ul con immagine

  1. #1
    Guest

    Predefinito Ul con immagine

    Ciao, sto facendo un menu con gli ul,...
    tutto bene fino a quando nn mi é venuta l'idea di sostituire il puntino con un img, allora il mio codice de menu era questo:

    Codice HTML:
    	ul.menu {
    		margin: 0;
    		padding: 0;
    	}
    	ul.menu li a {
    		display: block;
    		text-decoration:none;
    		padding: 3px;
    	}
    	ul.menu li { display:inline }
    	ul.menu li a:link, ul.menu li a:visited {
    		background:#6493C8;
    		color: #009;
    	}
    	ul.menu li a:hover, ul.menu li a:active {
    		background: #6FA1DA;
    		color:#c00;
    	}
    lo trasformo cosi per sostituire il puntino all'img:

    Codice HTML:
    	ul.menu {
    		list-style-position: outside;
    		list-style-image: url(img/altro/freccia.gif);
    		list-style-type: square;
    		margin: 0;
    		padding: 0;
    	}
    	ul.menu li a {
    		display: block;
    		text-decoration:none;
    		padding: 3px;
    	}
    	ul.menu li { display:inline }
    	ul.menu li a:link, ul.menu li a:visited {
    		background:#6493C8;
    		color: #009;
    	}
    	ul.menu li a:hover, ul.menu li a:active {
    		background: #6FA1DA;
    		color:#c00;
    	}
    ma nn cambia nulla, nn capisco cosa sbaglio, l'url dell'img é giusto ho controllato, HELP!

  2. #2
    L'avatar di dementialsite
    dementialsite non è connesso Super Moderatore
    Data registrazione
    19-10-2004
    Residenza
    fuori Padova
    Messaggi
    5,046

    Predefinito

    Perché hai messo sia la direttiva list-style-image che quella list-style-type? Credo che una delle due sia di troppo...

    Stammi bene...
    Le questioni tecniche hanno risposte migliori nel forum pubblico, non trovi?

    When you don't know your next step... improvise

    ALTERVISTA WANTS YOU!
    Vuoi diventare moderatore su AlterVista? Scopri come...

  3. #3
    Guest

    Predefinito

    ok, ho messo solo list-style-position: outside;list-style-image: url(img/altro/freccia.gif); ma l'immagine ancora nn si vede..

  4. #4
    L'avatar di dementialsite
    dementialsite non è connesso Super Moderatore
    Data registrazione
    19-10-2004
    Residenza
    fuori Padova
    Messaggi
    5,046

    Predefinito

    Ho provato qui e, almeno con Firefox, sembra che devi togliere list-style-position: http://www.w3schools.com/css/tryit.a...style-position (aggiungi ai CSS una riga con list-style-image: url(arrow.gif) per testare).

    "Rettifico" il mio post prima: list-style-type non è di troppo, anzi... è bene specificarlo nel caso l'immagine non fosse disponibile (fonte: http://www.w3schools.com/css/pr_list-style-image.asp)

    Stammi bene...
    Ultima modifica di dementialsite : 23-02-2008 alle ore 12.22.25
    Le questioni tecniche hanno risposte migliori nel forum pubblico, non trovi?

    When you don't know your next step... improvise

    ALTERVISTA WANTS YOU!
    Vuoi diventare moderatore su AlterVista? Scopri come...

  5. #5
    Guest

    Predefinito

    nn capisco cosa tu inteda, nn puoi scrivermelo nel codice? le ho provae tutte ma nn va...

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •