cambio colore a passaggio mouse

Citazione:

---

Originalmente inviato da biccheddu

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 è

Codice PHP:

---

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

Codice PHP:

---

<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>


---

@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

Codice PHP:

---

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


---

e di conseguenza le voci del css

Codice PHP:

---

<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 :mrgreen:

Citazione:

---

Originalmente inviato da biccheddu

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 ^^

Citazione:

---

Originalmente inviato da acsocmel

@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:

Codice PHP:

---

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:

Codice 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...

Citazione:

---

Originalmente inviato da zappi

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..:roll:..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

Citazione:

---

Originalmente inviato da biccheddu

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!