sto sviluppando questo sito (molto fine come noterete)
siccome posso perderci un po' di tempo in più
ho avuto la malsana ida di farlo tutto con i ccs
per cominciare sono partito da un layout-o-matic
scaricato il layout ci ho messo mano
ho capitotante cose ma non capisco ad esempio perchè mi sposta alcune immagini
come potete vedere qui:
http://www.mcb.it/gnocca/layout.html
nella parte destra ("content") i quadrati che compongono il rollover (che saranno sostituiti poi da voci di menu) si spostano (credo a causa del contenuto della colonna di sinistra...)
qui il testo del css
#container {
width: 464px;
\width: 464px;
w\idth: 464px;
border: 0px solid gray;
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}
#banner {
padding: 0px;
margin-bottom: 3px;
background-color: rgb(213, 219, 225);
}
#content {
padding: 0px;
margin-left: 156px;
background-color: gray;
}
#sidebar-a {
float: left;
width: 150px;
\width: 153px;
w\idth: 150px;
margin: 0;
margin-right: 3px;
padding: 0px;
background-color: rgb(235, 235, 235);
}
#footer {
clear: both;
padding: 0px;
margin-top: 3px;
background-color: rgb(213, 219, 225);
}
body {
text-align: center
}
#banner, #container, #footer {
text-align: left;
}
#home {
width: 100px;
background-image: url(gif_on.gif);
background-repeat: no-repeat;
height: 100px;
}
#home a {
display: block;
height: 100px;
background-image: url(gif_off.gif);
background-repeat: no-repeat;
width: 100px;
: url(gif_off.gif) no-repeat;
}
#home a:hover {
background: url(gif_on.gif) no-repeat;
height: 100px;
width: 100px;
}
.testo {
display: none;
}
e l'html
grazie a chi potrà aiutarmi<!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">
<head>
<meta name="generator" content="http://www.inknoise.com/experimental/layoutomatic.php" />
<link href="stile.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="container">
<div id="banner">[img]testata.jpg[/img]</div>
<div id="sidebar-a">[img]wall.jpg[/img]</div>
<div id="content">
<div id="home"><span class="testo">home</span></div>
<div id="home"><span class="testo">home</span></div>
<div id="home"><span class="testo">home</span></div>
</div>
<div id="footer"></div>
</div>
</body>
</html>
Rispondi quotando
:master:
