Vai al contenuto

Benvenuto nella community di Italiamac Forum

Guest Image

Benvenuto su Italiamac, la più grande comunità AMUG italiana riconosciuta da Apple. La consultazione è libera. Se vuoi anche partecipare attivamente alle discussioni pubblicando post e messaggi puoi iscriverti gratuitamente, avrai molti vantaggi:

  • Pubblicare post, messaggi e richieste di aiuto
  • Fare amicizia e usare i messaggi privati fra utenti
  • Pubblicare annunci di vendita di usato
  • Usare tutte le funzioni della community

ISCRIVITI GRATIS


Change Mode






CSS rollover: va in contrasto con css esterno?


volponerosso

Recommended Posts

Ciao a tutti
sto facendo dei pulsanti a simboli con rollover tramite css.. quindi 1css con a.link e 1 css con a:hover per ogni pulsante.

Il tutto funziona perfettamente se lo integro nella pagina index.html <style type="text/css"></style>.. mentre se provo ad esternarlo in miostile.css non funziona più nulla… Non si vede ne il pulsante ne il suo rispettivo rollover.

In miostile.css se scrivo

a.nav_home{
    width:39px;
    height:49px;
    display:block;
    background-image:url(img/theme/nav_home.png);
    float:left;

}

a.nav_home:hover {
    width:39px;
    height:50px;
    background-image:url(img/theme/nav_home.png);
    background-position:bottom;
    
}

 


non funziona nulla… mentre se tolgo i riferimenti del link funziona (nel senso che si vede il pulsante ma senza risultato rollover)

 

Da specificare che ho scritto correttamente il collegamento al css:

 

<link href="css/miostile.css" rel="stylesheet" type="text/css" />

 


Come mai c' è questo contrasto? Purtroppo a livello di sintassi se provo a scrivere nella maniera classica

 

.nav a:link al posto di a.nav non funziona proprio l' effetto…

Come posso risolvere? Essendo parte integrante del menu devo necessariamente esternarlo per non avere codice sparso in piu di 30pagine html... :ninja:

 

grazie mille !!!!!

iMac 27'' mid 2012 - Intel Core i5 quad-core a 3,2GHz - NVIDIA GeForce GTX 675MX con 1GB  |  MacBook Pro 15'' mid2010 | iMac 20'' mid2007

Link di questo messaggio
Condividi su altri siti

se metti gli stili direttamente nell'html i percorsi ai file immagine sono relativi alla posizione del file html stesso.

Se invece metti tali istruzioni in un file css incluso, posizionato ad esempio nella cartella "css", i suddetti percorsi saranno relativi alla posizione del file css.

 

pertanto se nel primo caso è:

background-image:url(img/theme/nav_home.png);

 

nel secondo caso sarà:

background-image:url(../img/theme/nav_home.png);

 

 

ovviamente c'è sempre la possibilità di usare un url assoluto, ma è sconsigliabile per vari motivi.

Comunque sarebbe così:

background-image:url(/img/theme/nav_home.png);

An  a tuesday keeps the doctor away.

proud member of < noi finti professionisti > club - tessera 044

Link di questo messaggio
Condividi su altri siti

Archived

Questa discussione è archiviata e chiusa a future risposte.

×
×
  • Crea Nuovo...

Info

Questo sito utilizza cookies, anche di terze parti e profilazione. Utilizzando il sito acconsenti al loro impiego e dichiari di aver letto e di accettare: Privacy Policy Termini di utilizzo