html:
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head>
<title>Marco D'Oggiono Prosciutti</title>
<meta name="description" content="Marco d'Oggiono Prosciutti"/>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<link href="css/struttura.css" rel="stylesheet" type="text/css"/>
<link href="css/classi.css" rel="stylesheet" type="text/css"/>
<style type="text/css" media="all"><!--
.ds2 /*agl rulekind: base;*/ { font-size: 18px; }
.ds3 /*agl rulekind: base;*/ { font-size: 18px; font-weight: normal; }
.ds5 /*agl rulekind: base;*/ { font-size: 18px; font-weight: bold; }
.ds14 /*agl rulekind: base;*/ { font-size: 20px; font-weight: bold; }
.ds15 /*agl rulekind: base;*/ { font-weight: bold; }
.ds21 /*agl rulekind: base;*/ { font-size: 16px; font-style: italic; font-weight: bold; }
--></style>
</head>
<body>
<div id="contenitore">
<div id="toppage">
<div id="topp">
<div id="titolo" class="titolo">
<span class="ds3">"Il Prosciutto </span><span class="ds14">Crudo Dolce</span><span class="ds3"> di Grande Qualità</span>
<span class="ds2"><span class="ds3">Riconosciuto dal 1999</span><span class="ds5"> </span></span><span class="ds14">Prodotto Tradizionale Lombardo"</span></p>
</div>
</div>
<div id="barra" class="linkbarra">
<div>Home | Storia |
Lavorazione | Prodotti
| Spaccio | Contatti</div>
</div>
</div>
<div id="contenuti2" class="testocentro">
</div>
<div id="contenuti">
<span class="ds21">CHI SIAMO?
</span>
<p class="testocentro">[img]img/pic_1.jpg[/img]
La <span class="ds15">MARCO D'OGGIONO PROSCIUTTI,</span> azienda a conduzione familiare, è stata fondata nel 1945 ad Oggiono (Lecco) e continua ancor oggi con passione ed accurata sapienza a produrre prosciutti realizzando un prosciutto crudo dolce e buono. La lavorazione e’ rimasta sempre la stessa : la linea guida, l’etica e l’ indirizzo di produzione sono rimasti invariati: si producono prosciutti crudi in modo semplice ed assolutamente senza conservanti! Nel 1999 il <span class="ds15">PROSCIUTTO MARCO D'OGGIONO </span>e’ stato riconosciuto <span class="ds15">PRODOTTO TRADIZIONALE LOMBARDO</span> e come tale e' presente in tutti gli atlanti dei prodotti tipici e tradizionali della Regione Lombardia. Ma com’è questo prosciutto crudo Marco d'Oggiono? E’ un prosciutto che si differenzia dagli altri prosciutti italiani per l’estrema dolcezza in ogni sua parte e l’assoluta mancanza di conservanti: per questo non lascia retrogusto salato alla degustazione, ma ha un sapore tipico, elegante e pulito e una assoluta dolcezza. Prodotto sempre con la lenta filosofia artigianale che l’ha reso famoso, è ricercato sul mercato come prodotto di nicchia per le sue alte qualità organolettiche, l’eccellente digeribilità, la spiccata e intensa dolcezza. Per il suo effettivo minor contenuto di sale e la totale assenza di conservanti è consigliato in tutte le diete che prevedano un basso contenuto di sodio.</p>
</div>
<div id="contenuti3" class="testocentro"></div>
<div id="piepag" class="piepag">
Marco d'Oggiono Prosciutti s.n.c. | tel 0341-576285| info@marcodoggiono.com | P.IVA 01557540133Home info@marcodoggiono.com |
</div>
</div>
</body>
</html>
struttura.css
codice:
/* CSS Document */
body { color: #fff; font: 13px verdana, helvetica, sans-serif; margin: 0; background-color: #000;
text-align: center; /* per IE <6 */
}
#contenitore { width: 812px; text-align: left; margin:0 auto;}
#toppage { position:relative; top:0; right:0; width:812px; height:369px; }
#topp { width: 812px; height:334px; top: 0px; left: 0px; position: absolute; background: url(../img/header.gif) no-repeat top left;}
#titolo { font-size: 20px; font-family: georgia; width: 550px; height: 70px; top: 235px; left: 25px; position: absolute; }
#barra { width: 778px; height: 35px; top: 334px; position: absolute; left: 17px; background: url(../img/bg.gif) left top;}
#contenuti { background-image: url(../img/body_bg.gif); background-repeat: repeat-y; position:relative; left:17px; width:778px; text-align: justify; padding: 0 15px;}
#contenuti2 { background-image: url(../img/body_top.gif); background-repeat: no-repeat; position:relative; left:17px; width:778px; text-align: left; height: 19px; }
#contenuti3 { background-image: url(../img/body_bot.gif); background-repeat: no-repeat; position:relative; left:17px; width:778px; height: 19px;}
#piepag { width: 812px; height: 25px; left: 0px; position: relative; background-color: #000000;}
#floated {
float: left;
}
classi.css
codice:
/* CSS Document */
.testocentro { font-size: 1em; color: #000000; text-align: justify; width: 750px; clear: left;}
.testocentro a:link {color: #f6502f; text-decoration: none; font-weight: bold;}
.testocentro a:visited {text-decoration: none;color: #f6502f;font-weight: bold;}
.testocentro a:hover { text-decoration: underline; color: #f6502f; font-weight: bold;}
.testocentro a:active { text-decoration: overline;}
.linkbarra { color: #341c12; font-size: 15px; text-decoration: none; font-weight: bold; position:absolute; top:2px; left:30px; width:778px; padding-top: 5px; padding-left: 12px; }
.linkbarra a:link { color: #341c12; font-size: 18px; text-decoration: none; font-weight: bold; }
.linkbarra a:visited { text-decoration: none; color: #341c12; font-size: 18px; font-weight: bold; }
.linkbarra a:hover { text-decoration: underline; color: #4c3d38; font-size: 18px; font-weight: bold; }
.linkbarra a:active { font-size: 18px; color: #341c12; text-decoration: overline; }
.titolo { color:#fff; font-size: 20px; font-family: georgia; font-style: italic; line-height: 6px; letter-spacing: 0; width: 550px; height:70px; padding: 12px; }
.subtitolo { color:#341c12; font-weight: bold; font-size:13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; background-repeat: no-repeat; letter-spacing: 1px; width: 775px; }
.piepag { color: #f2e2b7; font-size: 10px; font-weight: lighter; font-style: normal; text-align: center; }
Cyà