salve a tutti!! mi sto avvicinando al mondo dei CSS e dell'xhtml e ho un problemino piccolo:
io ho questa pagina che è un include che verrà richiamata in php, è un menù ed ha questo codice(che tra l'altro non so se ho fatto bene ad usare una tabella....
<!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>
<title>Documento senza titolo</title>
<link rel="stylesheet" href="menu_lex.css" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div id="legislazione">
<h3>LEGISLAZIONE</h3>
<div id="link_menu" >
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>D.P.R.</td>
</tr>
<tr>
<td>D.L</td>
</tr>
<tr>
<td>D.M.</td>
</tr>
<tr>
<td>Leggi</td>
</tr>
<tr>
<td>Circolari</td>
</tr>
</table>
</div>
</div>
</body>
</html>
e questo è il css allegato (che devo snellirlo ancora lo so :-P):
body{
padding: 0px 0px 0px 0px;
color: #0099CC;
margin: 0px;
height: auto;
}
a{
color: #003366;
text-decoration: none;
display: block;
width: 196px;
text-align: left;
border:1px solid #ffffff;
padding-left: 2px;
padding-bottom: 2px;
}
a:link{
text-decoration: none;
}
a:visited{
text-decoration: none;
}
a:hover{
color: #FFFFFF;
text-decoration: none;
background-color: #336699;
}
h1{
font-family: Verdana,Arial,sans-serif;
font-size: 120%;
color: #095285;
margin: 0px;
padding: 0px;
}
h2{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 114%;
color: #006699;
margin: 0px;
padding: 0px;
}
h3{
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #000033;
padding: 2px 0px 5px 0px;
text-align: center;
background-color: #8EB9DB;
font-weight: bold;
margin-top: 0px;
border-bottom: 2px solid #ffffff;
}
h4{
font-family: Arial,sans-serif;
font-size: 100%;
font-weight: normal;
color: #333333;
margin: 0px;
padding: 0px;
}
h5{
font-family: Verdana,Arial,sans-serif;
font-size: 100%;
color: #334d55;
margin: 0px;
padding: 0px;
}
/* Tabella del menù LEGISLAZIONE */
/***********************************************/
#legislazione{
margin: 0px;
padding: 0px 0px 0px 0px;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
width: 200px;
text-align: left;
border: 2px solid #003366;
height: 120px;
}
#link_menu{
margin: 0px 0px 0px 0px;
padding: 24px 0px 0px 0px;
width: auto;
display: block;
top: 2px;
}
#link_menu table{
display: block;
margin-top: 0px;
margin: 0px;
padding: 0px 0px 0px 0px;
width: auto;
background-color: #D3E9EF;
border-bottom: 1px solid #ffffff;
height: auto;
}
#link_menu td{
border-top: 1px solid #ffffff;
width: 200px;
text-align: left;
}
Il problema è questo: perche non riesco a togliere lo spazio fra la tabella e la testata?
se uso un position absolute e do l'altezza giusta a #legislazione viene bene, però poi, quando nell'index vado a richiamare tramite include questo menu_lex ed altri include simili fatti allo stesso modo(sono menu che richiamo con include che a loro volta hanno un propio css esterno....)si sorvappongono!!(hanno le stesse proprietà solo che cambia il colore ed il contenuto)
altra domanda.....ma non è che sto facendo un inutile marasma con gli include che richiamano a loro volta css esterni? a me da profano sembra una soluzione facile e pulita......che dite? :master:
Rispondi quotando
