salve, premetto che non sono alle prime armi, ma mi capita qualcosa di mai successo prima:
ho questo html
codice:
<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" media="all">
@import'stili/stile_admin.css';
</style>
<title>titolo</title>
</head>
<body>
<div id="corpo">
<div id="head">
<h1>titolo pagina</h1>
- <span>sei loggato come Nome Cognome</span>
- <span>oggi è il 30-12-2008</span>
- disconnetti
<div class="clear"></div>
</div>
<div id="menu">
- <li class="home_pannello"><span>home pannello</span>
- home
- testi
- novità
</div>
<div id="contenuti">
<h1>Home Page Pannello di Controllo</h1>
</div>
</div>
</body>
e questo css
codice:
/* CSS Document */
body, *{
margin: 0;
padding: 0;
}
body{
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 11px;
line-height: 15px;
color:#999;
}
#corpo{
width: 970px;
margin: 0 auto;
}
#head{
padding: 0 10px;
background: url(../images/head.gif) bottom left no-repeat;
}
#head *{
color: #fff;
}
#head h1{
position: absolute;
line-height: 15px;
margin: 5px 0;
background: url(../images/logo_thema.gif) center center no-repeat;
text-indent: -999px;
overflow: hidden;
width: 132px;
}
#head ol{
float: right;
list-style: none;
border-right: 1px solid #5C75AA;
}
#head li{
display:block;
clear: right;
float: left;
border-left: 1px solid #5C75AA;
}
#head li a, #head li span{
display: block;
padding: 5px 15px;
}
#head li a:hover{
background: #5C75AA;
}
#head a{
font-weight: bold;
text-decoration: none;
}
#menu{
}
#menu ol{
clear: both;
display: block;
list-style: none outside;
padding: 0 20px;
}
#menu li{
float: left;
text-transform: capitalize;
}
#menu li a{
color: #3B5998;
text-decoration: none;
padding: 2px 20px;
border-bottom: 3px solid #fff;
}
#menu li span{
display: block;
padding: 7px 20px 2px 20px;
font-weight: bold;
background: #3B5998 url(../images/menu-span.gif) bottom left no-repeat;
color: #fff;
}
#menu li a, #menu li span{
display: block;
font-weight: bold;
}
#menu li a:hover{
border-bottom: 3px solid #8098CA;
color: #8098CA;
}
#contenuti{
clear:both;
margin-top: 40px;
}
#contenuti h1{
color: #3B5998;
font-size: 1.5em
}
.clear{
clear:both;
}
se do un parametro margin a qualsiasi elemento... il margin viene applicato a tutti... sicuramente è una mia svista di qualcosa... ma non ne vengo a capo...
grazie mille in anticipo
Rispondi quotando