Problema CSS esterno

hypothalamus

Problema CSS esterno

Buongiorno,

sto provando, per la prima volta, ad associare le singole pagine di un sito web ad un foglio di stile esterno utilizzando come editor Dreamweaver.
Riscontro però un problema: se lancio l'anteprima di visualizzazione nei browser le pagine si visualizzano correttamente, mentre quando torno al programma per la continuare a creare la pagina visualizzo tutto senza erroneamente ed in maniera scombinata, talmente tanto da non riuscire ad avere una visione oggettiva che mi consenta di continuare a compilare la pagina.

La giustificazione che mi sono dato è che non essendo, nella singola pagina, dichiarati stili css tutti i div e le regole ad essi associati non vengo applicati, mentre quando lancio l'anteprima nel browser la pagina viene associata al foglio di stile esterno e tutto si visualizza come voglio.

Vi risulta che il procedimento che ho descritto in alto sia quello corretto? E' normale che per associare un foglio di stile si possa vedere il risultato effettivo solo nell'anteprima e non durante la creazione della pagina?
Sicuramente i css esterni avranno molti vantaggi ma se così fosse sarebbero davvero scomodi da gestire durante il processo creativo!

Ringrazio chiunque voglia illuminarmi!

Buona giornata!

hypothalamus

Nessuna dritta?

marcof 0

Ciao hypotalamus,
ti dirò, io non uso dreamweaver, ho sempre utilizzato notepad++ per scrivere codice! In ogni caso per legare ogni pagina ad un foglio di stile CSS esterno, devi inserire nella sezione compresa tra i tag <head></head> una riga di codice di questo tipo:

Dopo href devi scrivere il percorso per il foglio di stile pensando di doverlo raggiungere dalla pagina in cui ti trovi; mi spiego meglio: se la pagina che vuoi stilizzare col CSS si trova nella directory "Prova" e il foglio di stile, che chiameremo style.css, si trova in una sub-directory "Prova2", il codice dovrà essere:

Spero di esserti stato d'aiuto!

jayax

Probabilmente questa associazione "pagina - foglio di stile" esiste già ma con un percorso locale.
Questo potrebbe spiegare perchè sul tuo pc, dal programma di Adobe, riesci a vedere la pagina formattata e quando la carichi sul server invece vedi tutto "dissestato".
Prova a controllare che non ci siano quindi riferimenti al percorso locale del tuo pc, utilizza la tilde o il ".." per sostituire una parte del percorso.
Esempio

~/cssStyles/base.css

hypothalamus

Ok, grazie ragazzi. Spero di riuscire a risolvere con i vostri consigli...vi farò sapere!

Buona giornata!

hypothalamus

Allora, credo che le dichiarazioni contenute nel css esterno non vengano visualizzate nella schermata "progettazione" di Dreamweaver perchè il foglio di stile esterno viene effettivamente associato alla singola pagina html solo quando si lancia l'anteprima del browser o quando si carica tutto su server.
Sicuramente l'anteprima dei vari browsers resta lo strumento più attendibile per verificare l'aspetto effettivo di ciò che si sta realizzando...però è pur vero che se non si può usufruire della vista "progettazione" del software durante la realizzazione del sito (a causa della mancata associazione css esterno-pagina), che senso ha usare la visualizzazione "progettazione" o "vista dal vivo"? Tanto vale lavorare solo sul codice!
Sarebbe interessante avere il contributo di qualcuno che utilizza CSS esterni e Dreamweaver...

adrii.haru81

Non ha senso utilizzare la visualizzazione "progettazione" o "vista dal vivo", Dreamweaver non è mai preciso nella visualizzazione. L'unica soluzione è controllare l'anteprima sul browser (più browser possibilmente). Anche io uso Dreamweaver ed è comodo per tanti aspetti, ma di certo non per la visualizzazione, che può essere uno strumento per chi non conosce il codice e vuole fare un sito da autodidatta.

jayax

Io sinceramente Dreamweaver l'ho usato pochissime volte, uso visual studio, non so se sia migliore o peggiore oppure semplicemente diverso.

Se posso esserti d'aiuto in qualche modo fammi un fischio