Piccolo problema con i CSS

setino

Nuovo Utente
11 Set 2007
2
0
0
Salve a tutti, l'altro giorno ho trovato su internet un foglio di stile che mi permetteva di avere l'effetto rollover senza l'uso di js e con l'ausilio di una sola immagine (non elenco i dettagli perchè sono sicuro che lo conosciate anche voi). Nel mio sito ho un menù verticale e uno orizzontale e ho pensato di creare un foglo di stile per ogni menù. Questo è il codice del menù verticale:

Codice:
<style>
#menu{

width:178px;
text-align:center;
font-family:"verdana";
font-size:12px;

}
#menu a {
height:42px;
padding-top:9px;
display:block;
color:#000;
text-decoration:none;
background: url("http://midiclorian.altervista.org/index_file/rollover.jpg") 0 0 no-repeat;

}
#menu a:hover {
background-position: -178px 0;

}
#menu a:active {
background-position: -356px 0;

}
</style>
<div id="menu"><a href="http://midiclorian.altervista.org/">Home</a></div>



E questi i codici del menù orizzontale:

Codice:
<style>
#menu{

width:122px;
text-align:center;
font-family:"arial";
font-size:12px;

}
#menu a {
height:33px;
padding-top:9px;
display:block;
color:#000;
text-decoration:none;
background: url("http://img523.imageshack.us/img523/8978/rollovertopoi5.jpg") 0 0 no-repeat;

}
#menu a:hover {
background-position: -122px 0;

}
#menu a:active {
background-position: -244px 0;

}
</style>
<div id="menu"><a href="http://midiclorian.altervista.org/">Home</a></div>
</style>

Praticamente sono identici nella struttura, cambiano solo i links delle immagini e le misure.
I problemi sono questi, intanto non riesco a mettere la scritta bianca, la seconda immagine ha lo sfondo nero e quendo scrivo ad es. "Home" viene in nero e non si legge;
Il secondo problema, e forse quello più grave, è questo: quando vado ad inserire entrambi i codici nella pagina si mischiano, vi spiego meglio, praticamente compare ad entrambi la stessa immagine di sfondo anche se i link portano a due immagini diverse.
Spero che sono riuscito a farvi capire il mio problema e che riusciate a risolverlo.
Grazie in anticipo per le risposte!
 

lukeonweb

Utente Attivo
5 Mar 2003
5.175
13
38
45
Napoli
www.lucaruggiero.it
ciao!

sostituisci questo pezzo

#menu a:hover {
background-position: -122px 0;

}

con questo

#menu a:hover {
background-position: -122px 0;
color: #FFFFFF;
}

fammi sapere!
 
Discussioni simili
Autore Titolo Forum Risposte Data
C piccolo problema con mysql_connect() PHP 1
G Piccolo problema con il Drag&Drop jQuery 0
P Piccolo problema con gestione immagini. PHP 9
A Piccolo problema con form email HTML e CSS 2
Neptune7650 Piccolo problema con la funzione include PHP 1
S Piccolo problema con un ayout liquido in as2 Flash 1
G Piccolo ma grande problema con pulsante Flash 7
K Per EWIND, piccolo problema con lo script Flash 1
Angelo Russo [HTML] piccolo problema di impaginazione HTML e CSS 13
C usare un foglio php per la creazione di un excel: piccolo problema PHP 2
P Piccolo problema Input di un file. HTML e CSS 1
emanuelevt zoom immagine [piccolo problema] jQuery 4
emanuelevt piccolo problema jquery jQuery 4
emanuelevt Piccolo problema impaginazione php PHP 8
T vb foe application excel piccolo problema Visual Basic 0
R Configurare EasyPHP, piccolo problema.. PHP 2
R Piccolo problema di visualizzazione.. PHP 3
F Piccolo Problema menù espandibile toogle Javascript 6
T Limitare accessi giornalieri di un utente [era: Piccolo problema] Classic ASP 1
S piccolo problema.. HTML e CSS 1
frankiedeguello Galleria immagini e Aruba, piccolo problema! Hosting 6
L Piccolo Problema... HTML e CSS 4
germainef ciao! ho una piccolo problema... PHP 0
J Un piccolo dubbio su Mailchimp Posta Elettronica 1
N [Java] Piccolo jform per calcolo totale da 2 campi i double Java 0
L Struttura ottimale di un piccolo sito SEO e Posizionamento 8
W Piccolo sistema per gestire alcune periferiche, Java o altro linguaggio? Java 8
A piccolo impianto per villetta a schiera IP Cam e Videosorveglianza 2
elpirata [Cerco][Gratuito]Cerco collaboratori per realizzazione piccolo gestionale Mysqli+Php Offerte e Richieste di Lavoro e/o Collaborazione 6
S [CERCO] spazio web per piccolo popup Fb, pago euro 10 ogni 1000 aperture Vendere e Acquistare pubblicita' online 0
otto9due Piccolo Script su select non funziona jQuery 2
MarcoGrazia [PDO][PHP[MySQL] Piccolo modulo di ricerca in un sito tramite l'operatore LIKE Snippet PHP 1
otto9due Redirect 301 con espressioni regolari piccolo aiutino Apache 3
G Piccolo aiuto per php mail PHP 2
D Piccolo quesito per il mio sito PHP 1
I Piccolo roblema di compatibilità mobile.. help! PHP 1
otto9due Piccolo dilemma con impolode PHP 6
P Piccolo software per gestire gli utenti. Snippet PHP 5
otto9due Piccolo problemino con il formato data e immagini per gli rss PHP 1
otto9due Creare un piccolo web services SOAP PHP 0
otto9due breadcrumbs con microformat o RDF piccolo aiutino.. PHP 2
otto9due Piccolo conflitto jquery.. Chi gli da uno sguardo? jQuery 6
otto9due Piccolo aiutino per una query.. PHP 3
otto9due Piccolo problemino su inserimento dati db da form PHP 5
P mi presento e mi serve un piccolo aiuto PHP 0
F Presentazione e piccolo aiuto PHP 20
F Presentazione e piccolo aiuto PHP 6
A Piccolo blog, guadagni Adsense... e TASSE Google AdSense 2
T Come potrei realizzare un piccolo forum di discussione su un sito web...? phpBB 2
M Convertire piccolo codice da lato server a client Javascript 1

Discussioni simili