Immaginavo una risposta di questo tipo ma, fatto sta che le ho provate tutte... sarà l'ora tarda ed il fatto che ci lavoro da tutto il giorno.
Ad ogni modo, di seguito i sorgenti.
codice:
@charset 'utf-8';
html,body,div {
min-height: 100%;
height: 100%;
min-width: 90%;
overflow: auto;
margin: 0;
padding: 0
}
body {
border-left: 20px solid #f90
}
body div {
position: relative;
background-color: #181713;
font-size: 100%;
font-family: Georgia,serif;
line-height: 140%;
letter-spacing: 0;
color: #888;
text-align: left;
overflow: hidden
}
body h1#rimg a {
position: absolute;
height: 85px;
width: 85px;
margin: 1% 0 0 50%;
background: url('../imgs/ballon.png') no-repeat top left;
z-index: 2
}
body div#up {
min-height: 50%;
height: 50%;
margin-top: 5%;
border-bottom: 1px solid #fff;
z-index: 1;
color: #fff
}
body h2#hhp {
font-size: 600%;
line-height: 75%;
letter-spacing: -4px
}
body span {
color: #f90
}
body span#none {
display: none
}
body div#up,div#down {
position: absolute;
min-width: 80%;
overflow: hidden;
margin-left: 5%
}
body div#down {
min-height: 40%;
height: 40%;
margin-top: 60%
}
body h3#lhhp {
font-size: 150%;
mline-height: 200%;
margin: 0 10% 4% 0
}
body div#nav1,div#nav2,div#nav3 {
display: inline;
float: left;
color: #fff;
min-height: 40%;
height: 40%;
min-width: 60%;border: 1px solid #fff
}
body ul {
margin: 0 10% 0 0;
padding: 0;
list-style-type: none;
font-size: 120%
}
body a {
color: #888;
text-decoration: none
}
body a:hover {
color: #fff
}
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="XXX">
<meta name="keywords" content="XXX">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="pragma" content="no-cache">
<meta name="robots" content="all">
<meta name="author" content="XXX">
<title>
XXX
</title>
<style type="text/css">
@import url(styles/main.css);
</style>
</head>
<body>
<div>
<div id="up">
<h1 id="rimg">
<a href="XXX">
<span id="none">
XXX
</span>
</a>
</h1>
<h2 id="hhp">
xxxxx
<span>
x
</span>
xxxxxxxx
xxx x xxxx
xxx xxxxxxxxx
</h2>
</div>
<div id="down">
<div id="nav1">
<h3 id="lhhp">
xxxx
</h3>
<ul>
[*]
<a href="#">
xxxx
</a>
[*]
<a href="#">
xxxx
</a>
[*]
<a href="#">
xxxx
</a>
[/list]
</div>
<div id="nav2">
<h3 id="lhhp">
xxxx
</h3>
<ul>
[*]
<a href="#">
xxxx
</a>
[*]
<a href="#">
xxxx
</a>
[*]
<a href="#">
xxxx
</a>
[/list]
</div>
<div id="nav3">
<h3 id="lhhp">
xxxx
</h3>
<ul>
[*]
<a href="#">
xxxx
</a>
[*]
<a href="#">
xxxx
</a>
[*]
<a href="#">
xxxx
</a>
[/list]
</div>
</div>
</div>
</body>
</html>
Grazie a tutti.
Rispondi quotando
