Backround menu in css che sparisce al click

giovedì 03 gennaio 2008 - 21.08

Elenco Threads

Stanze Forum

Aggiungi ai Preferiti

Cerca nel forum

ghisirds Profilo | Junior Member

151 messaggi | Data Invio: gio 3 gen 2008 - 21:08

Ciao a tutti.

Eccoci qui, con un altro problema che non riesco a capire e a risolvere.

Sto facendo questo semplice sito con un menu css, di cui vi do il link:
lafilosofiaonline.it/

E il css lo si vede qui:
lafilosofiaonline.it/la-filosofia-on-line-filosofie-css/lafilosofiaonline.css

Per il menu, ho preso spunto da questo sito:
e-lusion.com/design/menu/

e ho fatto alcune modifiche grafiche del caso.

Il problema è, come potete provare, che cliccando sulla voce di menu, lo sfondo del menu scompare. Questo non succede nel sito da cui ho preso spunto, ma ho provato ad annullare le modifiche una ad una... non riuscendo a capire il perchè da me non rimanga lo sfondo dopo averci cliccato.

Eliminando la cache dal browser, l'immagine ricompare.

Qualcuno sa perchè avviene questa cosa e come risolvere?

Grazie mille

__________________
http://www.idee-regalo.biz/

gene_old Profilo | Junior Member

55 messaggi | Data Invio: ven 4 gen 2008 - 08:34

Ciao.
Se il menu finale è privo di sottomenu, puoi evitare di inserire un listato che comtiene dei link, ma più
semplicemente puoi scrivere una serie di "a".
Mi spiego meglio, io lo risolverei così:



<div id="menu">
<a href="#1" title="Prefazione">Prefazione</a>
<a href="#2" title="Cenni storici di filosofia">Cenni storici di filosofia</a>
<a href="#3" title="La religione in generale">La religione in generale</a>
<a href="#4" title="L'idea di Dio">L'idea di Dio</a>
<a href="#5" title="Il Cristanesimo">Il Cristanesimo</a>
<a href="#6" title="Il Buddhismo">Il Buddhismo</a>
<a href="#7" title="L'essenza della morte">L'essenza della morte</a>
<a href="#8" title="L'idea dell'immortalità">L'idea dell'immortalità</a>
<a href="#9" title="La morte nel cristianesimo">La morte nel cristianesimo</a>
<a href="#10" title="La scienza e la religione">La scienza e la religione</a>
<a href="#11" title="Conclusione">Conclusione</a>
<a href="#12" title="Bibbliografia">Bibliografia</a>
</div>



#menu
{
margin-top: 10px;
margin-left: 5px;
border-style: solid solid none solid;
border-color: #E9E9E9;
border-size: 1px;
border-width: 1px;
font: 900 14px Geneva, Arial, Helvetica, sans-serif;
letter-spacing: -1px;
}
#menu a
{
display:block;
padding: 8px 0 0 8px;
width: 183px;
height: 32px;
text-decoration: none;
}
#menu a:link, #menu a:visited
{
color: #000100;
background: url(../la-filosofia-on-line-filosofie-img/menu.gif);
}
#menu a:hover
{
color: #F2FF06;
background: url(../la-filosofia-on-line-filosofie-img/menu.gif) 0 -32px;
}

Un menu simile l'ho utilizzato in un sito ancora in costruzione, è testato su quasi tutti i browser compreso IE 5.5.

Fammi sapere, ciao!

ghisirds Profilo | Junior Member

151 messaggi | Data Invio: ven 4 gen 2008 - 11:06

Interessante grazie!
Ma anche con quell'altro sistema, l'ho già testato su vari siti senza alcun problema, e si fa fatica a lasciare la strada vecchia per quella nuova... senza una reale esigenza...

perchè alla fine ho risolto, c'era un menu4 invece che un menu.

via il 4 e tutto va, come è adesso online

grazie mille comunque
ciao

gene_old Profilo | Junior Member

55 messaggi | Data Invio: ven 4 gen 2008 - 11:36

Mi fa piacere che hai risolto

.
In realtà la mia soluzione nn è particolarmente "innovativa", è una semplificazione di codice.
Mi sono trovato ad utilizzarla per necessità nei confronti di IE 5.5, perche ho dovuto realizzare un menu che doveva essere perfettamente "incastrato" al pixel per esigenze di grafica, e IE 5.5 interpretando male il box model mi inseriva del padding nell'ul, dove in realtà nn c'era.
Te lo scrivo nel caso incorressi in una situazione simile, dove la mia scelta è quasi obbligata.

Ciao, alla prossima!

Torna su

Stanze Forum

Elenco Threads

Partecipa anche tu! Registrati!

Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !