Strano problema con css
Scusate la domanda un po' OT, anche se indirettamente ha a che fare con Drupal.
Volevo creare i pulsanti colorati presenti in questo sito:
http://www.ioeweb.it/lezioni/css/finestre-pop-up-in-puro-css-5-tipi-di-c...
Ho copiato il codice css nel mio tema e, come si vede qui,
http://www.gmpe.it/puzzle
Nello stato normale il pulsante è perfetto ma, passando sopra il mouse, si ottiene un effetto indesiderato sulla scritta e non si modifica il colore del pulsante.
La cosa strana è che, se creo il pulsante in una normale pagina html collegata al css del mio sito, funziona alla perfezione; quando il pulsante è inserito in un nodo di Drupal c'è questo sgradevole effetto sulla scritta.
La questione non è importante, ma sarei curioso di capire quale sia l'origine del problema.
ciao e grazie
Risposte
Probabilmente ci sono regole
Probabilmente ci sono regole più specifiche che sovrascrivono quelle definite dal codice che hai aggiunto.
Nel tuo caso vedo:
a:hover, a:focus {color: #4d8e12;
}
che dà un comportamento diverso nel hover del link.
Un approfondimento utile http://www.html.it/pag/18945/cos-la-specificit/.
Grazie per la risposta. So
Grazie per la risposta.
So che ci può essere una sovrascrittura del codice, ma qui non me la spiego.
Perché, con lo stesso css, questa pagina normale ha i pulsanti funzionanti (a parte la sottolineatura, che non dovrebbe esserci):
http://www.gmpe.it/sites/default/files/giochi/pulsanti.html
mentre questa no?
http://www.gmpe.it/puzzle
ciao e grazie
Ciao, il foglio di stile
Ciao, il foglio di stile incluso nella pagina html è unicamente "style.css". Drupal utilizza molti file css che poi vengono "impaccati" con l'aggregazione. E' quindi possibile ci siano molte più classi che incidono sullo stesso elemento. Ti consiglio di utilizzare gli strumenti di sviluppo di Chrome o Firefox (tasto F12 visualizzando una pagina) per capire quali stili hanno la precedenza su altri: inoltre per poter debuggare che facilità i css è necessario disabilitare l'aggregazione dei fogli di stile.
Grazie Hai ovviamente
Grazie
Hai ovviamente ragione. Non avevo ragionato sul fatto che i file sono più di uno.
Comunque, ho scoperto che il colore verde deriva dal file color.css però è cassato e quindi non si dovrebbe vedere. Boh!
Ho trovato la sottolineatura e purtroppo serve in altri posti.
Non mi spiego ancora il mancato cambiamento di colore del pulsante.
Il tutto, come dicevo sopra, non ha importanza: quante persone andranno a vedere questo dettaglio!
E' brutto essere pignoli.
ciao e grazie di tutto
Il css color.css dovrebbe
Il css color.css dovrebbe servire per l'interazione con il modulo color del core che permette di usare l'interfaccia dei temi per cambiare uno o più colori del tema stesso. Dovrebbe essere processato e ri-aggiunto direttamente da Drupal con una certa precedenza sugli altri. A parte questo, il modo "giusto" per ovviare al problema è aggiungere le regole giuste allo stile del tema, abbastanza specifiche da avere precedenza sulle altre.
Probabilmente qualcosa del genere:
.bottone-orange:hover,.bottone-orange:active,.bottone-orange:focus {color:white;
text-decoration: none;
}
o simile.
Sei un mago!!! Ho aggiunto
Sei un mago!!!
Ho aggiunto anche il colore del pulsante e ora sono bellissimi.
ciao e grazie infinite