Allora, prima posto l'html:
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>::Glorious End:: Strane avventure di uno strano gruppo...</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="niftylayout.css">
<link rel="stylesheet" type="text/css" href="niftyCorners.css">
<link rel="stylesheet" type="text/css" href="niftyPrint.css" media="print">
<script type="text/javascript" src="nifty.js"></script>
<script type="text/javascript" src="layout.js"></script>
</head>
<body>
<body>
<div id="container">
<div id="header">
<h1>Glorious End</h1>
</div>
<div id="sidebar">
<div id="nav">
<h3>PRINCIPALE</h3>
<ul>
<li id="intr" class="activelink">» Introduzione
<li id="ambi">» Ambientazione
<li id="pg">» Personaggi
<li id="png">» PNG
<li id="dwn">» Download
<li id="guest">» Guestbook
<li id="cont">» Contact us[/list]
</div>
<div id="nav2">
<h3>L'AVVENTURA</h3>
<ul>
<li id="intr" class="activelink">» Capitolo 1
<li id="ambi">» Capitolo 2
<li id="pg">» Capitolo 3[/list]
</div>
<div id="contatore">
<div align="center">
<script type="text/javascript" language="JavaScript" SRC="http://codice.shinystat.it/cgi-bin/getcod.cgi?USER=GloriousEnd"></script>
<noscript>
<A HREF="http://www.shinystat.com" target="_top">
</A>
</noscript>
</div>
</div>
</div>
<div id="content">
<h2>INTRODUZIONE</h2>
Sono Knight of the Skull, per gli amici
Come ho detto all'inizio, non si finisce mai di migliorare, quindi sono apertissimo ad ogni suggerimento e critica che potrete postare nel Guestbook, oppure spedirmi via mail.</p>
<div align="center">
<script language="javascript" type="text/javascript">
document.write('<s'+'cript language="javascript" src="http://ad.altervista.org/alternet.ad?c=0&f=0&'+new Date().getTime()+'"><\/s'+'cript>');
</script>
</div>
</div>
<div id="footer">
<address>
Tutti i loghi, marchi e immagini appartengono ai rispettivi proprietari, in particolare per quanto concerne il materiale Wizards of the Coast e 25edition.
</address>
<address>
Webmaster: Knight of the Skull
</address>
</div>
</div>
</body>
</html>
E ora il css
codice:
/*typography*/
body{font: 76% verdana,arial,sans-serif;text-align: center}
h1,h2,h3{font-family: "Trebuchet MS",arial,sans-serif}
h1{font-size: 200%}
h2{font-size: 160%}
h3{font-size:110%;text-transform:uppercase;letter-spacing:1px;margin:0; text-align:center}
h2,p{margin: 0 15px;padding:0}
p{padding-bottom: 0.7em;line-height: 1.5}
a{text-decoration:none}
address{padding: 3px 15px;font-style:normal; text-align:center; font-size:80%}
/*layout*/
html{height: 100%; margin-bottom: 1px}
html,body{margin:0;padding:0 0 20px;}
div#container{width: 735px;margin: 0 auto;text-align: left}
div#header{margin:0 0 30px;padding: 0 0 5px}
div#header h1{margin:0 5px;padding:60px 0 2px}
div#sidebar{float: left;width: 150px}
div#sidebar div{padding: 5px 0;margin-bottom: 5px}
div#sidebar div#menu{margin: 0 5px}
div#nav ul,div#nav li{margin:0;padding:0;list-style-type:none;line-height: 1.5}
div#nav a{margin-left:5px;padding-left:10px}
div#nav2 ul,div#nav2 li{margin:0;padding:0;list-style-type:none;line-height: 1.5}
div#nav2 a{margin-left:5px;padding-left:10px}
div#contatore a{margin-left:0px;padding-left:0px}
div#sidebar p{margin: 0 5px;padding:0}
div#sidebar p+p{margin-top: 0.7em}
div#content{float: right;width:580px;padding:5px 0; margin-bottom:10px}
blockquote{float:left;display:inline;width: 200px;margin: 0 10px 5px 15px;padding: 5px 0}
blockquote p{margin:0;padding: 0 5px;text-align: center}
div#footer{clear: right}
/*colors*/
body{background: #E2D9CF}
div#header{background: #F68B3C}
div#header h1{background-image:url(head.jpg)}
h1{color:#FF3300}
h2{color: #f60}
h3{color: #B02A36; background:#F68B3C}
div#nav{background: #C2A793}
div#nav a{color:#CC3300}
div#nav a:hover{color: #FFF; text-decoration:underline}
div#nav2{background: #C2A793}
div#nav2 a{color: #CC3300}
div#nav2 a:hover{color: #FFF; text-decoration:underline}
div#sidenotes{background:#C2A793}
div#content{background: #FFF}
blockquote{background: #F9BE9A}
div#footer{background:#D8D2BD;color: #333}
Ringrazio tutti per l'eventuale aiuto.
a cui anni fa qualcuno mi aveva anche già risposto, ma di cui ormai nn ricordo + le risposte
Rispondi quotando
