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

    Problemi proprietà testo

    Salve a tutti,
    mi chiamo Giovanni e scrivo perchè non riesco a capire che genere di errore stia combinando... Stò creando un menù orizzontale, gestito con gli <UL> e <LI>

    Purtroppo però ho provato ad applicare queste proprietà sul CSS, ma non vengono rispettate...

    codice:
    a:link {
    	font-family: "Arial Black", Gadget, sans-serif; 
    	color:#FFF;
    	font-size: 14px;
    	font-style:normal;
    	font-variant:normal;
    	font-weight:bold;
    	line-height:normal;
    	}
    
    
    
    
    a:hover
    	{
    		color:#FFF;
    		
    		font-size: 14px;
    		font-style:inherit;
    		font-weight: bold;;
    	}
    	
    a:visited
    	{
    		color:#FFF;
    		font-family: "Arial Black", Gadget, sans-serif; 
    		color:#FFF;
    		font-size: 14px;
    		font-style:normal;
    		font-variant:normal;
    		line-height:normal;
    		font-weight: bold;
    	}
    Infatti ritrovo il testo sempre sottolineato!!


    Inoltre un'altro consiglio... come faccio a mettere degli spazi tra un testo e l'altro del menù??

    Ho provato ad applicare la seguente regola al <LI>

    codice:
    #div_menu ul li
    	{
    		width: 85px;
    		margin-right: 0px;
    		display: inline;
    		
    	}




    ma anche in questo caso non obbedisce alla mia impostazione.


    Sapreste darmi una mano??
    Ogni popolo ha il governo che si merita...

  2. #2
    Per eliminare la sottolineatura ai link la proprietà da usare è text-decoration:none;
    Per spaziare i link puoi assegnare un margin-right diverso da 0 agli li.
    CODENCODE \ Branding \ Design \ Marketing
    www.codencode.it

  3. #3
    Ottimo... ha levato la sottolineatura...

    Purtroppo però non viene inserita nell'hover.


    Ho provato anche a mettere l'underline come text-decoration ma non va.


    Per quanto riguarda il margine destro dell'<LI>

    Se però a me servisse un margine diverso per ciascun link del menu? Le parole del testo hanno tutte diversa lunghezza pertanto sarebbe troppo sfasato con un 31 di margine.
    Ogni popolo ha il governo che si merita...

  4. #4
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    Originariamente inviato da GANDULE
    Ottimo... ha levato la sottolineatura...

    Purtroppo però non viene inserita nell'hover.
    "regola" LoVe/HAte:
    le pseudoclassi dei link andrebbero definite in quest'ordine:
    :link, :visited, :hover, :active

    prova a riordinare il css


    edit: per il menu, sostituisci il display:inline con un float (ricordati del clearing)


  5. #5
    Fantastico!!!

    Risolto alla perfezione!! Grazie!

    Per quanto riguarda gli spazi invece? Tra una parola e l'altra? Non c'è il modo di fissare la dimensione degli <LI> e così quindi di centrare il testo??
    Ogni popolo ha il governo che si merita...

  6. #6
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    Originariamente inviato da GANDULE
    Per quanto riguarda gli spazi invece? Tra una parola e l'altra? Non c'è il modo di fissare la dimensione degli <LI> e così quindi di centrare il testo??
    a questo punto non so più se ho capito bene.
    Come segnalato prima, se usi i float anziché il display: inline, puoi definire una width agli elementi.
    se poi vuoi centrare anche il testo all'interno dei singoli elementi, usi la proprietà text-align

  7. #7
    Ma si certo!!!

    Float!!!


    Grazie amico!!! Hai risolto ogni mio problema e dubbio!!!
    Ogni popolo ha il governo che si merita...

  8. #8
    Off....

    ho un ultimo problema... spero di non abusare troppo della vostra pazienza e della vostra disponibilità...

    Il menù mi mostra i marcatori della lista <LI>

    Non riesco ad eliminarli e a farli scomparire...

    mi pare che quando questi erano disposti con "display: inline" non venissero mostrati.
    Ogni popolo ha il governo che si merita...

  9. #9

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.