Problemi con CSS e scrollbar

gabriele81 · 27-01-2004, 22:01

Sto facendo il mio primo sito, e sto cercando di imparare ad utilizzare i CSS, in particolare adesso ho un problema: voglio ricolorare le scrollbar del browser. Documentandomi in rete ho capito che devo fare nel css una classe tipo questa:

Codice:

BODY {
        background-color: #FFFFCC;
        scrollbar-face-color: #B7C3DB;
        scrollbar-highlight-color: #C3D0E9;
        scrollbar-shadow-color: #B7C3DB;
        scrollbar-3dlight-color: #E2DEDE;
        scrollbar-arrow-color:  #002175;
        scrollbar-track-color: #E2DEDE;
        scrollbar-darkshadow-color: #3A5387;
}

(per l'esempio i colori li ho presi dalla pagina del forum

)

Ho creato un file stili.css (che sta nella stessa directory delle pagine html) in cui ho messo tutte le classi, quindi nella pagina html che devo modificare ho inserito nell'head questo tag:

<link rel="stylesheet" href="stili.css" type="text/css">

così il tag body dovrebbe essere modificato automaticamente, giusto?

A me non funziona!

Uso Dreamweaver MX 2004, e mi dice che le proprietà scrollbar-ecc-ecc non sono supportate dal browser (IE6)!
Eppure mi sono scaricato alcuni esempi da HTML.it che sono fatti esattamente in questo modo, e quelli funzionano...e naturalmente anche tutti i siti che hanno le scrollbar ricolorate le vedo bene...

C'entra qualcosa il fatto che la pagina è all'interno di un frame? Ho strutturato il sito con tre frames, la colonna di sinistra fissa e stretta che contiene il menu, l'altra colonna più grossa a sua volta divisa in due frames, quello superiore fisso che fa da instestazione e quello sotto grosso in cui vengono visualizzate le pagine del sito, io voglio modificare le scrollbar di quest'ultimo (gli altri due non si possono "scrollare").
Dov'è che sbaglio? Qualcuno ha qualche idea?

skateboarder43 · 28-01-2004, 00:55

prova a cambiare la riga:

<link rel="stylesheet" href="stili.css" type="text/css">

in:

<link href="stili.css" rel="stylesheet" type="text/css">

potrebbe funzionare(almeno a me funziona)

gabriele81 · 28-01-2004, 09:55

Non va...

Il fatto è che il file CSS lo vede, ho definito anche altre classi per il testo e i collegamenti e quelle funzionano bene, è solo sulle scrollbar che si impunta.
Ho provato anche a mettere la classe body direttamente nell'html (col tag style) ma non cambia niente...

askatasuna · 28-01-2004, 10:43

Quote:

Originariamente inviato da gabriele81
Non va...

Il fatto è che il file CSS lo vede, ho definito anche altre classi per il testo e i collegamenti e quelle funzionano bene, è solo sulle scrollbar che si impunta.
Ho provato anche a mettere la classe body direttamente nell'html (col tag style) ma non cambia niente...

Sei sicuro di aver referenziato bene il file di stile in tutti i file che compongono i frames,
perchè io ho provato a inserire il tuo tag body nel css del mio sito (che e fatto a frame) e l'ho visualizzato con IE6 senza nessun problema e con le modifiche specificate...

prova a ricontrollare .
ciauz

gabriele81 · 28-01-2004, 10:58

Ho referenziato il css solo nelle pagine che vengono visualizzate nel frame principale (per ora è solo una, le altre verranno dopo), devo farlo anche in quelle fisse? Nell'html della pagina che definisce i frames devo metterci qualcosa?
Ora provo a combinare qualcosa, vedremo...

askatasuna · 28-01-2004, 11:25

Quote:

Originariamente inviato da gabriele81
Ho referenziato il css solo nelle pagine che vengono visualizzate nel frame principale (per ora è solo una, le altre verranno dopo), devo farlo anche in quelle fisse? Nell'html della pagina che definisce i frames devo metterci qualcosa?
Ora provo a combinare qualcosa, vedremo...

in generale ovunque tu voglia che le scroll-bar, il testo. i link abbiano quella particolare formattazione devi riportare la riga che ti referenzia il foglio di style che è
<link rel="stylesheet" type="text/css" href="xxxx.css" >

non importa l'ordine con cui vengono messi i vari attributi come ti ha suggerito skateboarder43

ciauz
ask

gabriele81 · 29-01-2004, 18:54

Ho risolto!!!!

Avevo fatto tutto bene, le classi erano giuste, i riferimenti ai css anche...il problema era questo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Dreamweaver aveva aggiunto prima del tag html queste righe che non so a cosa servono, confrontando le mie pagine con altre che avevano le scrollbar ricolorate ho notato che nelle altre non c'erano, quindi ho provato a toglierle ed ha funzionato!

askatasuna · 30-01-2004, 09:45

mi fa piacere..

se ne vuoi sapere di più sulla stringa vai a
http://www.htmlhelp.com/tools/validator/doctype.html

ma non sono sicura che c'entri qualcosa l'aver tolto questa stringa...
ciao
ask

gabriele81 · 30-01-2004, 10:05

Leggendo il link si capisce che quelle righe servono per specificare il tipo di documento, ci sono più livelli di restrizione, il loose.dtd permette l'utilizzo dei frames e dei css, ma a quanto ho capito in un modo un pò limitato, questo per far si che il sito non cambi aspetto se si utilizzano browser che non supportano alcune funzionalità.
Se invece si inserisce la stringa

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

senza specificare il dtd è il browser che eventualmente ignora le funzionalità che non supporta, mentre quelli più evoluti visualizzano tutto. Infatti ho provato a reinserire nelle mie pagine questa stringa ed è tutto ok!

askatasuna · 30-01-2004, 10:27

buono a sapersi,
prima non avevo scorso tutta la pagina ma mi
sono soffermata all'inizio.
grazie per le delucidazioni

ask

27-01-2004, 22:01	#1
gabriele81 Senior Member Iscritto dal: Dec 2001 Città: Roma Messaggi: 542	Problemi con CSS e scrollbar Sto facendo il mio primo sito, e sto cercando di imparare ad utilizzare i CSS, in particolare adesso ho un problema: voglio ricolorare le scrollbar del browser. Documentandomi in rete ho capito che devo fare nel css una classe tipo questa: Codice: BODY { background-color: #FFFFCC; scrollbar-face-color: #B7C3DB; scrollbar-highlight-color: #C3D0E9; scrollbar-shadow-color: #B7C3DB; scrollbar-3dlight-color: #E2DEDE; scrollbar-arrow-color: #002175; scrollbar-track-color: #E2DEDE; scrollbar-darkshadow-color: #3A5387; } (per l'esempio i colori li ho presi dalla pagina del forum ) Ho creato un file stili.css (che sta nella stessa directory delle pagine html) in cui ho messo tutte le classi, quindi nella pagina html che devo modificare ho inserito nell'head questo tag: <link rel="stylesheet" href="stili.css" type="text/css"> così il tag body dovrebbe essere modificato automaticamente, giusto? A me non funziona! Uso Dreamweaver MX 2004, e mi dice che le proprietà scrollbar-ecc-ecc non sono supportate dal browser (IE6)! Eppure mi sono scaricato alcuni esempi da HTML.it che sono fatti esattamente in questo modo, e quelli funzionano...e naturalmente anche tutti i siti che hanno le scrollbar ricolorate le vedo bene... C'entra qualcosa il fatto che la pagina è all'interno di un frame? Ho strutturato il sito con tre frames, la colonna di sinistra fissa e stretta che contiene il menu, l'altra colonna più grossa a sua volta divisa in due frames, quello superiore fisso che fa da instestazione e quello sotto grosso in cui vengono visualizzate le pagine del sito, io voglio modificare le scrollbar di quest'ultimo (gli altri due non si possono "scrollare"). Dov'è che sbaglio? Qualcuno ha qualche idea? __________________ Il 90% dei problemi di un computer si trova tra la tastiera e la sedia. XP2500+@3200+\|A7N8X Deluxe\|1,25 GB DDR400\|Radeon 9550\|HD 160+320 GB SATA\|WinXP Pro\|Fastweb 6 Mb/s

28-01-2004, 00:55	#2
skateboarder43 Member Iscritto dal: Oct 2000 Città: amsterdam Messaggi: 20	prova questo prova a cambiare la riga: <link rel="stylesheet" href="stili.css" type="text/css"> in: <link href="stili.css" rel="stylesheet" type="text/css"> potrebbe funzionare(almeno a me funziona)

28-01-2004, 10:58	#5
gabriele81 Senior Member Iscritto dal: Dec 2001 Città: Roma Messaggi: 542	Ho referenziato il css solo nelle pagine che vengono visualizzate nel frame principale (per ora è solo una, le altre verranno dopo), devo farlo anche in quelle fisse? Nell'html della pagina che definisce i frames devo metterci qualcosa? Ora provo a combinare qualcosa, vedremo... __________________ Il 90% dei problemi di un computer si trova tra la tastiera e la sedia. XP2500+@3200+\|A7N8X Deluxe\|1,25 GB DDR400\|Radeon 9550\|HD 160+320 GB SATA\|WinXP Pro\|Fastweb 6 Mb/s

29-01-2004, 18:54	#7
gabriele81 Senior Member Iscritto dal: Dec 2001 Città: Roma Messaggi: 542	Ho risolto!!!! Avevo fatto tutto bene, le classi erano giuste, i riferimenti ai css anche...il problema era questo: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Dreamweaver aveva aggiunto prima del tag html queste righe che non so a cosa servono, confrontando le mie pagine con altre che avevano le scrollbar ricolorate ho notato che nelle altre non c'erano, quindi ho provato a toglierle ed ha funzionato! __________________ Il 90% dei problemi di un computer si trova tra la tastiera e la sedia. XP2500+@3200+\|A7N8X Deluxe\|1,25 GB DDR400\|Radeon 9550\|HD 160+320 GB SATA\|WinXP Pro\|Fastweb 6 Mb/s

30-01-2004, 10:05	#9
gabriele81 Senior Member Iscritto dal: Dec 2001 Città: Roma Messaggi: 542	Leggendo il link si capisce che quelle righe servono per specificare il tipo di documento, ci sono più livelli di restrizione, il loose.dtd permette l'utilizzo dei frames e dei css, ma a quanto ho capito in un modo un pò limitato, questo per far si che il sito non cambi aspetto se si utilizzano browser che non supportano alcune funzionalità. Se invece si inserisce la stringa <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> senza specificare il dtd è il browser che eventualmente ignora le funzionalità che non supporta, mentre quelli più evoluti visualizzano tutto. Infatti ho provato a reinserire nelle mie pagine questa stringa ed è tutto ok! __________________ Il 90% dei problemi di un computer si trova tra la tastiera e la sedia. XP2500+@3200+\|A7N8X Deluxe\|1,25 GB DDR400\|Radeon 9550\|HD 160+320 GB SATA\|WinXP Pro\|Fastweb 6 Mb/s

28-01-2004, 09:55	#3
gabriele81 Senior Member Iscritto dal: Dec 2001 Città: Roma Messaggi: 542	Non va... Il fatto è che il file CSS lo vede, ho definito anche altre classi per il testo e i collegamenti e quelle funzionano bene, è solo sulle scrollbar che si impunta. Ho provato anche a mettere la classe body direttamente nell'html (col tag style) ma non cambia niente... __________________ Il 90% dei problemi di un computer si trova tra la tastiera e la sedia. XP2500+@3200+\|A7N8X Deluxe\|1,25 GB DDR400\|Radeon 9550\|HD 160+320 GB SATA\|WinXP Pro\|Fastweb 6 Mb/s

30-01-2004, 09:45	#8
askatasuna Member Iscritto dal: Mar 2003 Messaggi: 46	mi fa piacere.. se ne vuoi sapere di più sulla stringa vai a http://www.htmlhelp.com/tools/validator/doctype.html ma non sono sicura che c'entri qualcosa l'aver tolto questa stringa... ciao ask

30-01-2004, 10:27	#10
askatasuna Member Iscritto dal: Mar 2003 Messaggi: 46	buono a sapersi, prima non avevo scorso tutta la pagina ma mi sono soffermata all'inizio. grazie per le delucidazioni ask

Strumenti
Mostra una versione stampabile Invia questa pagina per email