conflitto css

Ciao a tutti

ho un problema riguardante il css.... nel sito che sto allestendo vi sono due menu, uno chiamato "menutop" e l'altro chiamato "menusx"

ora, all'interno dei menu vi sono link... nel menusx mi stà bene che i link assumino le proprietà che si trovano nel css in 'a' .... invece per quanto riguarda il menutop appunto vorrei le caratteristiche contenute in 'menutop' del css... invece ora come ora con questo css qui ottengo lo stile 'a' su tutti i link della pagina...

Codice PHP:

---

/* CSS Document */

body {
/*background-color: #00CCFF;*/
background-color: #00000A;
}
a:link {
color: #000000;
text-decoration: none;
font-size: 13px;
}
a:visited {
text-decoration: none;
color: #000000;
font-size: 13px;
}
a:hover {
text-decoration: underline;
color:#00FF66;
font-size: 13px;
}
a:active {
text-decoration: none;
color: #000000;
font-size: 13px;
}
.Titoli1 {
color: #75A7E7;
font-size: 15px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.coda1 {
color: #75A7E7;
font-size: 12px;
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.menutop {
color: #000000;
font-size: 12px;
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
background:url(img/menu_top.png);
}
.menutop:hover {
color: #000000;
font-size: 12px;
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
background:url(img/menu_top-select.png);
}


---

ringrazio in anticipo chiunque risponda

Basta un'aggiustatina al CSS, alle ultime due direttive che hai definito.

Tale aggiustatina dipende da come hai scritto il codice HTML della pagina (non è chiaro dal tuo post):
- se hai assegnato la classe menutop direttamente ai link, allora devi sostituire .menutop con a.menutop
- se invece hai inserito i link dentro un altro elemento che ha classe menutop, allora devi sostituire .menutop con .menutop a

Stammi bene...

Non mi è chiaro..
ad esempio nella pagina php ho:

Codice PHP:

---


<table width="607" border="0" cellspacing="1" cellpadding="0">
<tr>

<td width="100" height="25" align="center" class="menutop"><div align="center"><a href="index.php?d=home" class="menutop">Home</a></div></td>

<td width="100" height="20" align="center" class="menutop"><div align="center"><a href="index.php?d=contatti">Contatti</a></div></td>

<td width="100" height="20" align="center" class="menutop"><div align="center"><a href="index.php?d=guide">Guide</a></div></td>

</tr>
</table>


---

nel css come modifico? ho fatto una prova veloce:
mettendo a.menutop non funziona proprio
mettendo .menutop a mi viene fuori, ma con l'immagine di sfondo (dello stile menutop) che va per gli affari suoi

come posso sistemare?
grazie in anticipo

Ti conviene definire due selettori separati:
- nel selettore .menutop inserisci gli sfondi
- nel selettore .menutop a inserisci gli stili per i link

Stammi bene...