elenco puntato link txt rientroh

[Innavoig]

ho impostato ad una classe ad uno dei link puntati a eleco come vedete in html sotto ,la classe "home " la prima.

html

<div id="myslidemenu" class="jqueryslidemenu">
    <ul>
        <li id="home">Home[*]Servizi[*]Forum
        <ul class="currentli">[*]Siti Web[*]Loghi[*]Broshure[*]Lavoro[/list][*]Supporto[*]Contatti

ci siamo ?
Chiaro fin qui ?
da come gia cominciate a capire quella classe mi è servita per dare ,invece di un testo di sfondo ,gli ho dato un immaginetta con la figura della casa ,e anche in roll over, con un rientro testo -99999 ho fatto sparire il testo proprio come mi avete consigliato voi.
ok ?
ora che avete capito di cosa parlo , vi vostro il codice css , che è qui che c'è il problema.
A dimenticavo di dirvi il problema ,il problema è che , la classe home non funziona l immmaginetta non compare con firefox ,compare solo quella hover.....
ritorniamo a noi , ecco il codice css

.jqueryslidemenu  ul #home {
	display: block; /*background of tabs (default state)*/
	text-decoration: none;
	text-align: center;
	font-size: 18px;
	height: 33px;
	width: 155px;
	margin: 0px;
	padding: 0px;
}
.jqueryslidemenu   ul li#home a   {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	text-indent: -99999em;
	height: 25px;
	font-family: "Trebuchet MS", "Tw Cen MT";
	font-size: 14px;
	color: #000000;
	text-align: center;
	width: 155px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.jqueryslidemenu  ul li#home  a:link {
	display: block;
	text-decoration: none;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -99999em;
	background-image: url(../images/homegif.gif);
}
.jqueryslidemenu ul li#home a:hover {
	display: block;
	text-decoration: none;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -99999;
	background-image: url(../images/homeovergif.gif);
}

questo è il codice impostato alla classe "home"
IL RESTO DEL CSS PER GLI ALTRI LINK , NON L HO POSTATO PERCHè FUNZIONA.
il Problema è li , ho cambiato per errore qualche virgola o spazio , perchè prima funzionava.
Cmq spero che il problema sia chiaro , se non è così sono qui.

[Mich_]

Attenzione ai titoli: stavolta l'ho modificato, ma un titolo come il tuo porta alla chiusura della discussione.


Attenzione che i selettori nel CSS non corrispondono al codice HTML.

Forse (ma non ne sono sicuro), intendevi usare i selettori in questo modo:

.jqueryslidemenu  ul #home {

.jqueryslidemenu ul li a   {

.jqueryslidemenu ul li a:link {

.jqueryslidemenu ul li a:hover {

[Innavoig]

no ,quella è una classe , quindi per forza dovevo scrivere come ho scritto.
Cmq questa cosa me la consiglio FCcaldera , lui sa come aiutarmi .
Dove sei calderaa ?

Home | Servizi | Forum | Contatti

vedi questo è il menu , solo che al posto di home c' è un immaginetta come sfondo.
E il testo "home" l ho nascosto con un rientro testo.

Il problema è che non funziona più bene , mi spiego meglio.
Con IE7 funziona benissimo
Con FireFox non si vede nulla nel link HOme soltando quando ci passo i lmouse sopra , e si vede l hover . ma l immagine di sfondo del link , non si vede.