css esterno

**microcip** · 31-01-2008, 19:26

buondì

ho un piccolo problema che fatico a risolvere.
ho uno style che se lo inserisco direttamente nella pagina in html mi visualizza tutto correttamente mentre se carico lo stesso identico file su css esterno, l'header e il footer si modificano

perchè?

**Myaku** · 31-01-2008, 19:28

facci vedere il codice

**microcip** · 31-01-2008, 19:35

cosi mi insultate

5secondi che lo pulisco e lo incollo.

**microcip** · 31-01-2008, 19:47

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="it" dir="ltr">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>xy</title>
<meta name="title" content="CoolingTechnique">
<meta name="keywords" content="">
<meta name="description" content="">
<style type="text/css">
html,body{margin:0;padding:0}
body{font: 85%/1.45 "Lucida Sans Unicode","Lucida Grande",Lucida,Arial,sans-serif;
    background:#FFF url(sfondo%20secondario.png) repeat-x top;color: #333;text-align: center}
p{margin:0 0 1em}
h2{font-size: 160%;margin:0 0 0.3em;color: #004BAA}

div#header{margin-bottom:1em;color: #FFF;
    background: url(sfondo%20secondario.png)}
div#header h1{width: 770px;margin:0 auto;text-align: left;
    font: lighter 250%/105px "Lucida Sans Unicode","Lucida Grande",Lucida,Arial,sans-serif}

div#container{width: 770px;margin: 0 auto;text-align: left}

div#content{float: left;width: 570px}
div#content p{text-align:justify}

div#menu{float: right;width: 160px;padding-top:2.7em}
div#menu ul, div#menu li{margin:0;padding:0;list-style-type:none}
div#menu a{display:block;height: 1.3em;padding: 1px 0 1px 15px;font-size:110%;
    background: #FFF url(bullet.png) no-repeat center left;
    color: #A64B1B;text-decoration: none}
div#menu a:hover{color:#7F2D01}
div#menu li#active a{color:#606060}

div#footer{clear: both;padding-top: 10px;
    background:#95B3B3 url(sfondo%20secondario.png)}
div#footer p{margin:0;padding: 20px 0}


div#elenco{float: right;width: 160px;padding-top:1.5em}
.buttons a {color: #A64B1B;
background-color: #FFFFFF;
padding: 1px 0 1px 15px;	
display: block;
font:77% Lucida,Arial,sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;}

.buttons a:hover {
color: #FF6600;
text-decoration: none;}
</style>
</head>
<body>
<div id="header">[img]header.png[/img]</div>
<div id="container">
    <div id="content">

        <div class="minipic">[img].png[/img]</div>      
        


    <div id="menu">
       <ul>
            <li id="active">Home page[*]*[*]*[*]*[*]*[/list]
</div>
    	<div id="elenco">
    <div class="buttonscontainer">
<div class="buttons">
Propriet&agrave materiali

</div>
</div>
</div>
</div>
<div id="footer">

*</p></div>
</body>
</html>

grazie.

**Myaku** · 31-01-2008, 19:52

occhio che ci sono degli errori (immagino dovuti al fatto che l'hai ripulito al volo)

codice:

<div class="minipic">[img].png[/img]</div>      
        


    <div id="menu">

più che altro volevo capire come incorpori il css esterno e quali differenze ti da a livello di visualizzazione

**microcip** · 31-01-2008, 20:09

Premetto che non sono un guru nel campo quindi qualche cavolata posso averla scritta

Se per errori ti riferisci alle immagini mancanti(li mi è scappata l'estensione) si, sono state rimosse nelle ''pulizia'' ho lasciato solo i tag.
per il problema;questo è come mi visualizza il sito avente style nella pagina:

mentre questo è con il css esterno importato usando

codice:

<style>
@import url(esterno.css);
</style>

praticamente mi piazza quella linea bianca(solo header) e rimpicciolisce header e footer.

**microcip** · 01-02-2008, 19:21

**Myaku** · 01-02-2008, 19:35

scusa, m'ero dimenticata

mah ... è strana davvero sta cosa
più che suggerirti di definire il type nello <style>

<style type="text/css".....

non saprei

mi spiace

**microcip** · 01-02-2008, 23:15

ahaha
detto io che faccio cavolate

involontariamente mi hai aceso la lampadina;praticamente nel css esterno avevo messo pure li i tag <style>**</style> e quando lo caricava mi faceva quel giochino....
naggia

grazie dell'aiuto.

Discussione: css esterno

Strumenti discussione

Ricerca discussione

Visualizza

css esterno

Re: css esterno

Permessi di invio