l'xhtml:
codice:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it" dir="ltr">
<head>
<title>...</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<div id="deco"></div>
<div id="esterno">
<div id="sinistra">
<div id="menu">
<ul>
<li id="menu_home"><span>Home</span>
<li id="menu_chi_siamo"><span>Chi siamo</span>[/list]
</div>
</div>
<hr />
<div id="destra">
<div id="header">
<h1>[img]logo.gif[/img]</h1>
</div>
<hr />
<div id="contenuto">
<h2 id="titolo_pagina">Cosa facciamo</h2>
<h3>In generale</h3>
L’Associazione...</p>
Persegue le seguenti finalità:</p>
- servizio volontario all’uomo, per ogni uomo, senza distinzione, con particolare attenzione agli “ultimi”
- offre servizi per la reintegrazione e la promozione della persona umana, stimolandola a scoprire, o a riscoprire, in sè l'individuo con tutti i suoi valori materiali, culturali, sociali e spirituali di dignità e libertà
- attua il dettato evangelico venendo incontro “adesso, subito e qui” alle esigenze di chi ha bisogno, con la consapevolezza di adempire ai principi cristiani della solidarietà
<h3>A chi è rivolto</h3>
Per portare a compimento ...</p>
<ul>[*]Realizzare...[*]Offrire...[/list]
</div>
</div>
<div class="endfloat"></div>
</div>
<hr />
<div id="footer">
...
</div>
</body>
</html>
il css:
codice:
* {border: 0px; margin: 0px; padding: 0px;}
/**********************************************/******************************************************************* generale */
body {
background: #9d9f92 url(...) repeat-y top center;
color: #fff;
font-family: arial, helvetica, sans-serif;
font-size: 80%;
text-align: center;
}
hr {display: none;}
table {
border: 1px solid #eee;
border-collapse: collapse;
width: 99%;
font-size: 12px;
}
td {
border: 1px solid #eee;
padding: 3px;
text-align: left;
}
.row0 {
text-align: center;
font-weight: bold;
background: #c00;
}
a,
a:link {
background: transparent;
color: #fff;
}
a:hover {
background: transparent;
color: #c00;
}
/**********************************************/******************************************************************* esterno */
#deco {
height: 17px;
background: url(...) repeat-x top left;
}
#esterno {
width: 750px;
margin-left: auto;
margin-right: auto;
margin-top: 35px;
padding-bottom: 100px;
}
/**********************************************/******************************************************************* sinistra */
#sinistra {
width: 165px;
float: left;
background: url(...) no-repeat top center;
margin-right: 40px;
text-align: right;
}
/**********************************************/******************************************************************* menu */
#menu {
margin-top: 200px;
}
#menu ul {
list-style: none;
}
#menu li {
margin-bottom: 5px;
}
#menu a,
#menu a:link {
background: transparent;
color: #fff;
font-variant: small-caps;
text-decoration: none;
}
#menu a:hover {
background: transparent;
color: #cc0000;
}
#menu ul li ul li {
background: #9d9f92;
text-align: left;
}
/**********************************************/******************************************************************* destra */
#destra {
width: 500px;
float: left;
text-align: justify;
}
/**********************************************/******************************************************************* header */
#header {
text-align: left;
margin-bottom: 50px;
}
/**********************************************/******************************************************************* contenuto */
#contenuto {}
#contenuto h1,
#contenuto h2,
#contenuto h3,
#contenuto h4,
#contenuto h5,
#contenuto h6,
#contenuto p,
#contenuto ul,
#contenuto ol,
#contenuto table,
#contenuto iframe {margin-bottom: 15px;}
#contenuto hr {
display: block;
margin-left: 25px;
margin-right: 25px;
margin-top: 10px;
margin-bottom: 25px;
border-top: 1px solid #eee;
}
#contenuto ol,
#contenuto ul {margin-left: 30px;}
#titolo_pagina {
background: #c00;
padding: 5px;
text-align: center;
text-transform: uppercase;
}
/**********************************************/******************************************************************* footer */
#footer {
padding-top: 50px;
font-variant: small-caps;
background: url(...) no-repeat top center;
}
#authors {
margin-top: 25px;
}
/**********************************************/******************************************************************* classi */
.destra {text-align: right;}
.centra {text-align: center;}
.img_destra {float: right; margin-left: 10px;}
.img_sinistra {float: left; margin-right: 10px;}
.endfloat {clear: both;}
ho tolto tutto quello che sicuramente non serve dal codice della pagina, invece il css e' completo; ho anche provato a ripristinarlo un passo alla volta, per vedere se sovrascrivevo qualcosa per errore, ma senza risultati
Rispondi quotando
