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

    Conflitto formattazione links tra i vari <div>

    Salve a tutti!
    Sono un nuovo utente. Premetto di avere effettuato numerose ricerche nel forum e su internet sull'argomento, ma da completo neofita quale sono, probabilmente non possiedo neanche la terminologia adatta ad effettuare una ricerca, chiedo venia anticipatamente.

    Ecco il problema: sto realizzando, senza pretese, un minisito per un progetto scolastico, con un layout con header, nav,4 colonne e footer.

    Scrivendo il file css, mi sono accorto che la formattazione dei link nella #leftmiddle causa un conflitto insanabile con quella del #navigation, in particolare non riesco a sistemare il colore dei link visitati nella navigation, che torna normale se elimino la formattazione #leftmiddle.

    So giá che il codice che posteró in seguito é un raro esempio di incompetenza, ma ho fatto del mio meglio, e i problemi sinora riguardano solo questa formattazione.

    Qualcuno potrebbe dirmi dove sbaglio?

    Sito di prova

    Come si vede, nella pagina gallery, che ha un foglio di stile leggermente diverso, senza le formattazioni nella #leftmiddle, tutto funziona.

    Grazie anticipatamente,
    Marino.
    "Sic notus Ulixes?"

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    ... dove sbaglio?
    hai
    codice:
    #navigation A:link {...}
    A:visited {...}
    A:active {...}
    A:hover {...}
    
    ------------------
    #leftmiddle A:link {...}
    A:visited {...}
    A:hover {...}
    mentre dovresti avere
    codice:
    #navigation a:link {...}
    #navigation a:visited {...}
    #navigation a:hover {...}
    #navigation a:active {...}
    
    ------------------
    #leftmiddle a:link {...}
    #leftmiddle a:visited {...}
    #leftmiddle a:hover {...}
    puoi semplificare così:

    codice:
    #navigation a {
    	color:#fff;
    	font-family:Verdana;
    	font-size:16px;
    	font-weight:bold;
    	text-decoration:none;
    	line-height:30px;
    }
    
    #navigation a:hover {
    	color:#f00;
    	font-weight:bolder;
    	vertical-align:middle;
    }
    #navigation a:active {
    	vertical-align:middle;
    }
    
    #leftmiddle a {
    	color:#000;
    	font-weight:bold;
    	}
    
    #leftmiddle a:hover {
    	color:#f00;
    }
    (manca un punto e virgola in #faux dopo il background-color, da aggiungere)

  3. #3

    Grazie!

    Tutto risolto! Grazie infinite per la pazienza e la celeritá.
    Marino.
    "Sic notus Ulixes?"

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.