Precisino. 
Scherzi a parte, di solito lo fo, ma dopo un po' diventa pesante, considerando anche che non sai mai come te lo sistema. Poi non pensavo me lo infilasse tutto di seguito.
Sistemo... 
codice:
@charset 'utf-8';
html,body,div,span,p,a,abbr,acronym,cite,code,em,img,kbd,pre,q,strong,sub,sup,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label {
margin: 0;
padding: 0;
border: 0;
font: 100%/120% "Courier New",sans-serif;
color: #fff;
background: #000;
text-decoration: none
}
h1,h2,h3,h4,h5,h6 {
margin: 0;
padding: 0;
border: 0;
font: "Courier New",sans-serif;
color: #fff;
background: #000;
font-weight: bold;
margin: 20px 0 0 10px
}
blockquote:before,blockquote:after,q:before,q:after {
content: "";
content: none
}
body {
font-size: 80%;
height: 100%
}
body div {
position: relative;
min-height: 100%;
width: 100%;
overflow: auto
}
body div#menu {
border-bottom: solid 1px #fff;
min-height: 20%
}
body a#urhere:link {
background: #06f
}
body div#content {
height: 80%;
width: 90%
}
body p {
margin: 20px 0 0 10px
}
body ul {
list-style-type: none
}
body ul#left,ul#right {
padding: 4px
}
body ul#left {
float: left;
text-align: left
}
body ul#right {
float: right;
text-align: right
}
body .main {
display: inline
}
body ol {
list-style-type: decimal-leading-zero;
margin: 20px 10px 10px 60px
}
body .blue {
color: #06f
}
body .cont {
text-decoration: underline
}
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="***">
<meta name="keywords" content="***">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="pragma" content="no-cache">
<meta name="robots" content="all">
<meta name="author" content="**">
<title>
***
</title>
<style type="text/css">
@import url(../../../sty/first.css)
</style>
</head>
<body>
<div>
<div id="menu">
<ul id="left">
<li class="main">
<a href="../../../index.html">
Lorem</a>
¦
<li class="main">
<acronym title="***">
<a id="urhere" href="#">
Ipsum</a>
</acronym>
<li class="main">
<abbr title="***">
<a href="../***.html">
Dolor</a>
</abbr>
<li class="main">
<abbr title="***">
<a href="../***.html">
***</a>
</abbr>
[/list]
<ul id="right">
<li class="main">
***
<span class="blue">
***%
</span>
<li class="main">
<acronym title="***">
***
</acronym>
<span class="blue">
***%
</span>
<li class="main">
¦******
<a href="***">
<span class="blue">
*********
</span>
</a>
[/list]
</div>
<div id="content">
***
<span class="blue">
***
</span>
</p>
<h1>
<span class="blue">
***
</span>
</h1>
<acronym title="***">
<a class="cont" href="***">
Lorem</a>
</acronym>
<a class="cont" href="***">
Ipsum</a>
<a class="cont" href="***">
Dolor</a>
Sit
<a class="cont" href="***">
Amet</a>
Consectetur
<a class="cont" href="***">
adipiscing</a>.
<acronym title="***">
<a class="cont" href="***">
Elit</a>
</acronym>
Pellentesque
<a class="cont" href="***">
non</a>,
leo
<acronym title="***">
<a class="cont" href="***">
a</a>
</acronym>
<a class="cont" href="***">
risus</a>
varius
volutpat
<a class="cont" href="***">
nec</a>
sed
<a class="cont" href="***">
ipsum</a>.
</p>
<h2>
<span class="blue">
Lorem
</span>
<acronym title="***">
<a href="***">
<span class="blue">
Ipsum
</span>
</a>
</acronym>
</h2>
dolor
<acronym title="***">
<a class="cont" href="***">
sit</a>.
</acronym>
amet
<acronym title="***">
<a class="cont" href="***">
consectetur</a>.
</acronym>
</div>
</div>
</body>
</html>
P.S.: ovviamente è da completare.
Rispondi quotando
