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

    Problema visualizzazione con firefox

    Salve a tutti, sto scrivendo il foglio di stile per un mio piccolo sito. Il Problema che riscontro è che scrivendolo l'ho provato con ie7 e funziona bene, poi ho pensato vediamo con firefox e purtroppo qui ho problemi.
    Vi spiego. Sto facendo una barra link laterale a sx, i link visualizzati devono essere:

    colore verde
    testo comics, grassetto
    queste le caratteristiche principali.

    quando ci vado sopra l'unica cosa che cambia è che da grassetto passa a normale
    una volta cliccato il link deve restare uguale ma di colore nero.

    il codice funziona su ie ma su firefox mi da colore di default nero, colore hover verde, passa da grassetto a normale come io voglio, e cliccato resta nero. Quindi l'errore è che il suo stato iniziale non è verde ma nero, qual'è il problema secondo voi?

    CSS
    codice:
    #SXLinks{
    	font-size: 100%;
    	position: absolute;
    	left: 167px;
    	top: 189px;
                 font-weight: bold;
                 font-family:"Comic Sans MS";
    }
    
    #SXLinks a:link{
    	color: #65654D;
    	padding: 2px 0px 2px 10px;
    	text-decoration: none;
    	voice-family:inherit;
    }
    #SXLinks a:visited{
    	padding: 2px 0px 2px 10px;
    	color: #000000;
    	text-decoration:none;
    }
    
    #SXLinks a:hover{
    	border-top: 1px solid #cccccc;
    	background-color: #dddddd;
    	padding: 2px 0px 2px 10px;
    	text-decoration: none;
    	font-weight:lighter
    }
    PAGINA
    codice:
    <div id="SXLinks">
        
    
    Home Page</p>
        
    
    Home </p>
        
    
    Home </p>
        
    
    Home </p>
        
    
    Home </p>
        
    
    Home </p>
        
    
    Home </p>
        
    
    Home </p>
        
    
    Home </p>
    </div>
    PS mi sono accertata che nella pagina non vi siano impostazioni sui link!!!
    Grazie

    Francy

  2. #2
    ciao!
    due cose:

    1. 'voice-family: inherit' è fuori contesto. eliminalo.
    2. i link devono essere attivi, ossia devi farli puntare ad una pagina reale.
    3. non usare quella marcatura. a livello semantico non significa nulla. è come se tu presentandoti, dicessi: salve (10 minuti di pausa) sono (10 minuti di pausa) Francy.
    togli i paragrafi ed usa un elenco non ordinato (ul).

    NB. 'voice-family' è una proprietà dei CSS Aural. veniva usata nel contesto del box model hack per ingannare il parser di IE5.

    fammi sapere.

  3. #3
    Ciao, innanzitutto grazie per l'aiuto. Non ho capito, cosa intendi per:

    3. non usare quella marcatura. a livello semantico non significa nulla. è come se tu presentandoti, dicessi: salve (10 minuti di pausa) sono (10 minuti di pausa) Francy.
    togli i paragrafi ed usa un elenco non ordinato (ul).

    devo cambiare il modo in cui elenco i link nel div ho inserito i link in <ul>[/list], intendevi questo?

    A presto e di nuovo grazie

    Francy

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.