Si si certo, tutti gli altri browser lo leggono tranquillamente, è solo Firefox che mi crea problemi.. Il Css è esterno.
Si si certo, tutti gli altri browser lo leggono tranquillamente, è solo Firefox che mi crea problemi.. Il Css è esterno.
Sii più specifica? Quali parti? Media Queries per caso?Originariamente inviata da carmen91
Postaci un'esempio di codice che non viene letto
Ti prego, non mi dire che sono animazioni e ti sei scordata il suffisso -moz
puoi spiegarmi meglio questa cosa?Sii più specifica? Quali parti? Media Queries per caso?
Postaci un'esempio di codice che non viene letto
Ti prego, non mi dire che sono animazioni e ti sei scordata il suffisso -moz
Certo.
Allora, innanzitutto la ragazza ha detto che ha problemi con i CSS3
Da questo ho potuto dedurre che siano problemi con i nuovi metodi, come media queries, font face, o magari con nuovi attributi come border-radius, animation, transition ecc...
La maggior parte di essi sfruttano un suffisso per ogni motore di browser. Chrome, Safari e le ultime versioni di Opera usano -webkit (-webkit-animation), da Internet Explorer in su usi usa -ms (-ms-animation) mentre Mozilla, per l'appunto, usa il suffisso -moz (-moz-animation).
Ora, se ad esempio alla ragazza non funziona una parte del codice, potrebbe essere a causa della mancata suffissazione degli attributi
Esatto, il problema ce li ho proprio con i nuovi metodi, nel mio caso con @font-face e la regola -webkit-transition. Potresti dirmi quindi quale suffissazione usare? Non ne ero al corrente!
Allora, per quanto riguarda il suffisso -webkit con mozilla va usato il suffisso -moz (ad esempio: -moz-animation: blablabla).
Per i font face il discorso è più complesso, per essere sicuri di non sbagliare ti consiglio il servizio online di font squirrel: http://www.fontsquirrel.com/tools/webfont-generator
Praticamente tu carichi un font di qualsiasi formato e loro te lo convertono in uno zip e ti creano anche il file di stile da includere nel documento HTML.
Attenzione però ai percorsi, se tu invece di avere i fonts dentro la root del sito li hai in una sottocartella chiamata ad esempio "font", dovrai modificare il file CSS che trovi nel kit che scarichi, e al posto del percorso indicato, che potrebbe essere ad esempio "/Nexa.eot", tu dovrai aggiungere "/font/Nexa.eot", e ripetere il procedimento per tutti i formati
Grazie mille per la risposta dettagliata!
purtroppo il font-face non funziona ancora.. Ho seguito anche alcuni tutorial trovati su internet ma nulla. Ti copio il codice:
@font-face
{
font-family: 'aaarghnormal';
src: url('/fonts/Aaargh-webfont.eot');
src: local('Aaargh-webfont'), local('Aaargh-webfont'), url('/fonts/Aaargh-webfont.ttf') format('truetype');
}
Grazie ancora..
Permessi di invio
Rispondi quotando