cambio colore a passaggio mouse

http://www.makingart.org/cosa-sono-i...330.html#p1643

Qui spiego molto facilmente cosa sono i css e come utilizzarli.

si ok, ma il problema è che mi va, http://linuxmx.altervista.org/xxxx/1.php

ma le celle devono essere 25px, invece mi si crea una spaziatura grandissima non so perchè..

il file css è

body {

    background-color: #000000;

}



.style1 {

    color: #CEDCDC;

    font-weight: bold;

}



.elemento:link, elemento:visited, elemento:active {

    text-decoration: none;

    background-image: none;

    height: 25;

}

.elemento:hover {

    background-image: url(http://linuxmx.altervista.org/xxxx/img/titolievid.png);

}

.elemento img {

    border: none

}

.style1 {color: #CEDCDC;

    font-weight: bold;

} 

e le tabelle sono

<td width="160" height="25" background="img/titoli.png" bgcolor="#FFFFFF"><div align="center" class="style1">MENU</div></td>
  </tr>
  <tr>
    <td height="25" bgcolor="#FFFFFF"><div align="center">
      <p class="elemento"><a href="#"><img src="img/menusx_home.png" width="160" height="25" border="0" /></a></p>
    </div></td>
  </tr>
  
  
  <tr>
    <td height="25" bgcolor="#FFFFFF"><div align="center">
      <p class="elemento"><a href="#"><img src="img/menusx_galleria.png" width="160" height="25" border="0" /></a></p>
    </div></td>
  </tr>
  <tr>
    <td height="25" bgcolor="#FFFFFF"><div align="center">
      <p class="elemento"><a href="#"><img src="img/menusx_forum.png" width="160" height="25" border="0" /></a></p>
    </div></td> 

[acsocmel]

@linuxmx una vocina mi diceva che ti piace essere imboccato
devi dare un id all'elemento padre, nel caso del mio esempio la tabella si chiamerà giovanni

<table id="giovanni" width="160" border="1" cellspacing="10" cellpadding="0">
  <tr>... ... ... </tr>
</table> 

e di conseguenza le voci del css

<style type="text/css">
<!--
#giovanni a:link, #giovanni a:visited, #giovanni a:active {
    text-decoration: none;
    background-image: none;
    line-height: 0px;
    margin: 0px;
    padding: 0px;
    display: block;
}
#giovanni a:hover {
    background-image: url(http://linuxmx.altervista.org/xxxx/img/menudx_news1over.png);
}
#giovanni a img {
    border: none
}
-->
</style> 

la prossima volta che chiedi aiuto mostra subito una pagina dove stai provando, spiega cosa non riesci a fare e descrivi cosa vorresti fare, e vedrai che, visto che hai problemi basilari, in un paio di post al massimo qualcuno riesce ad aiutarti.
Ma soprattutto studia

zomer io ti consiglio di evitare l'abuso di Javascript e di utilizzarlo solo dove strattamente necessario. Non è una buona cosa usarlo solo perchè più semplice o quant'altro. Il sito non va ottimizzato solo per chi lo crera, ma per la maggior parte dell'utenza che sicuramente è diversa da te.

??? che vuoi dire con questo che non tutti i broswer suppotano queste funzioni?

credo che voglia dire che la maggior parte degli utenti sanno solo usare il pc al minimo e possibilmente non avranno i programmi installati che supportano il javascript ^^

@linuxmx una vocina mi diceva che ti piace essere imboccato

hai ragione, ma io faccio programmi in bash e gambas, per php son abbastanza tanto negato, per questo quando ho problemi chiedo a voi, come io magari aiuto altri in linguaggi che conosco...

quindi ti do perfettamente ragione, ma l'importante è che: ORA FUNZIA TUTTO!!! ma solo su firefox!!!

(ma non con il tuo esempio sopra riportato, lui non mi funge....)

xke???

http://linuxmx.altervista.org/xxxx/1.php

su firefox vedo i palloni, su opera vedo i palloni ma su internet explorer no, devo assolutamente risolvere questo errore....

allego il file css e php

css:

body {
    background-image: url(img/sfondo.gif);
}

.style1 {
    color: #CEDCDC;
    font-weight: bold;
max-height: 25px;
}

.elemento:link, elemento:visited, elemento:active {
    text-decoration: none;

    background-image: none;

    height: 25; 

}
.elemento:hover {
 /*   background-image: url(http://linuxmx.altervista.org/xxxx/img/titolievid.png); */
    background: url('img/titolievid.png') no-repeat center center;
    height: 25; 
}
.elemento img {
    border: none
  max-height: 25px;
}
.style1 {color: #CEDCDC;
    font-weight: bold;
} 

php:

<table width="160" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="160" height="25" background="img/titoli.png" bgcolor="#CCCCCC"><div align="center" class="style1">MENU</div></td>
  </tr>
  <tr>
    <td height="25" bgcolor="#CCCCCC"><div align="center"><a href="#"><img class="elemento" src="img/menusx_home.png" width="160" height="25" border="0" /></a></div></td>
  </tr>
  <tr>
    <td height="25" bgcolor="#CCCCCC"><div align="center"><a href="http://linuxmx.altervista.org/xxxx/"><img class="elemento" src="img/menusx_societ&agrave;.png" width="160" height="25" border="0" /></a></div></td>
  </tr>
  <tr>
    <td height="25" bgcolor="#CCCCCC"><div align="center"><a href="http://linuxmx.altervista.org/xxxx/"><img class="elemento" src="img/menusx_regole.png" width="160" height="25" border="0" /></a></div></td>
  </tr>
  <tr>
    <td height="25" bgcolor="#CCCCCC"><div align="center"><a href="http://linuxmx.altervista.org/xxxx/"><img class="elemento" src="img/menusx_sede.png" width="160" height="25" border="0" /></a></div></td>
  </tr>
  <tr>
    <td height="25" bgcolor="#CCCCCC"><div align="center"><a href="http://linuxmx.altervista.org/xxxx/"><img class="elemento" src="img/menusx_storia.png" width="160" height="25" border="0" /></a></div></td>
  </tr>
  <tr>
    <td height="25" bgcolor="#CCCCCC"><div align="center"><a href="#"><img class="elemento" src="img/menusx_galleria.png" width="160" height="25" border="0" /></a></div></td>
  </tr>
  <tr>
    <td height="25" bgcolor="#CCCCCC"><div align="center"><a href="#"><img class="elemento" src="img/menusx_forum.png" width="160" height="25" border="0" /></a></div></td>
  </tr>
</table> 

scusate il disturbo, ma devo avere la piena compattibilita sia con firefox che con internet expl-

grazie ancora...

credo che voglia dire che la maggior parte degli utenti sanno solo usare il pc al minimo e possibilmente non avranno i programmi installati che supportano il javascript ^^

guarda che per supportare il javascript bisogna avere solo un broswer....mi sà che state fancedo confuzione con l java (che è una cosa completamnte diversa dallo javascript...)

Io non confondo Java con JS. Comunque non tutti gli utenti hanno Javascript attivo, quindi fare questi effetti, possibili BENISSIMO e in modo scontato con il CSS, con lo javascript è proprio un abuso, che appesantisce la pagina per nulla.

Comunque linuxmx, lascia perdere le tabelle e dai un'occhiata alle liste (ul, li oppure dl, dt, dd) e poi applica il codice postato da noi. http://www.google.it/#q=menu+css+ver...ebfcd4766d71f3

Io non confondo Java con JS. Comunque non tutti gli utenti hanno Javascript attivo, quindi fare questi effetti, possibili BENISSIMO e in modo scontato con il CSS, con lo javascript è proprio un abuso, che appesantisce la pagina per nulla.

Comunque linuxmx, lascia perdere le tabelle e dai un'occhiata alle liste (ul, li oppure dl, dt, dd) e poi applica il codice postato da noi. http://www.google.it/#q=menu+css+ver...ebfcd4766d71f3

ahah vai tranquillo giocherellando sono riuscito!!! ora mi va che è una bomba... xke io lavoro su linux, e sul mio wind obsoleto avevo ancora inernet expl 6, ho messo su l'8 e si vede tutto perfetto...

quindi tutto risolto.. grazie ragazzi

mitici come sempre!