Problema collegamento foglio di stile

**theface** · 04-05-2012, 19:39

ciao a tutti!

sto provando a creare un sito.

su un foglio css ho scritto le varie caratteristiche del body, cont, layout..E basandomi sulla guida un tutorial. Son scritte corrette (parentesi e via dicendo)

ho colegato il foglio css con un @import nella pagina html

ho notato pero' che da me il foglio css creato a parte , nella schermata di DW non fa parte del documento hmtl, come in questo caso:

ma sembra un documento a parte, come in questo:

puo' esser per questo che non compaiono BG ed altre cose specificate nel css?
E come faccio ad "inglobare"(scusate il gergo) su dw il folgio css nello stesso documento dell'html (come fossero un unico documento, come nella prima foto postata)

vi ringrazio

**Prill** · 04-05-2012, 20:42

Se il tutto è visualizzato correttamente nell'anteprima del browser direi che non ci sono problemi, evidentemente il programma nella propria anteprima non va a caricare i css inseriti attraverso @import, caricando invece regolarmente i css interni o quelli esterni inseriti con link rel

**theface** · 05-05-2012, 01:32

grazie per la risposta.

eh, il problema e' che l'anteprima non me la da. E' come se non leggesse il riferimento al css.Per quello mi chiedevo se fosse necessario inglobarlo nel documento (come prima foto) affinche' potesse leggere l'import e quindi darmi l'anteprima e via dicendo..

**Prill** · 05-05-2012, 08:39

Il tuo css non viene caricato da Dreamweaver, oppure contiene degli errori per i quali le regole non sono applicate.

Cosa accade se lo richiami con

codice:

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

?

**theface** · 07-05-2012, 19:17

Perfetto, cosi' sono riuscito a inserire il foglio di stile anche nel documento (come prima foto)

il problema, ora , e' che mi legge il color bg ma non inserisce l'header ed il layout.

questo e' quanto ho scritto nella pagina html:

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

</head>

<body>
<div id="cont">

<div id="layout">

<div id="header">

</div>
</div>
</div>

</body>
</html>

questo nel foglio di stile.

@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0}

body {
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif
color:#CCC;
font-size:14px:;
background-image:url(../images/bg.png);
background-repeat:repeat-x;
background-color:#FFF;
}

#cont{
margin:20px auto;
width:960px;

}
#layout {
float:left;
width:960px;
backgound-image:url{../images/layout.png);
background-repeat:repeat-x;
}

non ci sono , mi pare, anomalie nei tag.
Ho sempre chiuso con </>, ;, } dove occorreva.

eppure non mi legge niente

**Prill** · 07-05-2012, 20:23

Hai inserito dei contenuti all'interno dei div? Altrimenti non vedrai niente nella pagina essendo i tuoi box vuoti.
Perché poi hai un float sul layout? E comunque ricorda che i float vanno interrotti con un clear per ristabilire il normale flusso della pagina dopo gli elementi flottanti

Discussione: Problema collegamento foglio di stile

Strumenti discussione

Ricerca discussione

Visualizza

Problema collegamento foglio di stile

Permessi di invio