Creando un menù a sinistra del mio sito i vari pulsanti mi escono sbalzati... Con FF c'è dello spazio esagerato....
Poi non riesco a centrare il menù a centro della colonna... Mi potete aiutare?
CSS
body {
text-align: center;
font: "@Arial Unicode MS";
font-family: "@Arial Unicode MS";
margin: 0;
color: White;
}
#sfondo {
width: 700px;
margin: auto;
text-align: left;
}
#sfondouno {
width: 700px;
background: url(sfondosito.gif) repeat-y;
float: left;
margin-top: 10px;
border: 1px solid Red;
}
#colonnauno {
width: 200px;
padding: 1px;
text-align: center;
}
#colonnadue {
width: 500px;
padding: 1px;
}
#testata {
width: 700px;
background-image: url(titolo.gif);
height: 48px;
}
.menu {
width: 150px;
list-style: none;
text-align: left;
color: White;
font: "@Arial Unicode MS";
font-size: 15px;
padding: 0;
border: 5px solid Red;
margin: 0;
}
.menu a {
display: block;
color: White;
text-decoration: none;
margin: 0 0 0 0;
border: 1px solid Yellow;
padding: 0 0 0 1px;
}
. menu a:link,
.menu a:visited
{
}
.menu a:hover,
.menu a:focus,
.menu a:active {
background: Aqua;
}
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="sitoprova.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="sfondo">
<div id="sfondouno">
<div id="testata"></div>
<div id="colonnauno">
<ul class="menu">
<li class="menu"><a href="file:///C|//seconda.htm">Primo Pulsante</a>
</li>
<li> <a href="#">Secondo Pulsante</a></li>
</ul>
<div id="colonnadue"></div>
</div>
</div>
</div>
</body>
</html>
Poi non riesco a centrare il menù a centro della colonna... Mi potete aiutare?
CSS
body {
text-align: center;
font: "@Arial Unicode MS";
font-family: "@Arial Unicode MS";
margin: 0;
color: White;
}
#sfondo {
width: 700px;
margin: auto;
text-align: left;
}
#sfondouno {
width: 700px;
background: url(sfondosito.gif) repeat-y;
float: left;
margin-top: 10px;
border: 1px solid Red;
}
#colonnauno {
width: 200px;
padding: 1px;
text-align: center;
}
#colonnadue {
width: 500px;
padding: 1px;
}
#testata {
width: 700px;
background-image: url(titolo.gif);
height: 48px;
}
.menu {
width: 150px;
list-style: none;
text-align: left;
color: White;
font: "@Arial Unicode MS";
font-size: 15px;
padding: 0;
border: 5px solid Red;
margin: 0;
}
.menu a {
display: block;
color: White;
text-decoration: none;
margin: 0 0 0 0;
border: 1px solid Yellow;
padding: 0 0 0 1px;
}
. menu a:link,
.menu a:visited
{
}
.menu a:hover,
.menu a:focus,
.menu a:active {
background: Aqua;
}
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="sitoprova.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="sfondo">
<div id="sfondouno">
<div id="testata"></div>
<div id="colonnauno">
<ul class="menu">
<li class="menu"><a href="file:///C|//seconda.htm">Primo Pulsante</a>
</li>
<li> <a href="#">Secondo Pulsante</a></li>
</ul>
<div id="colonnadue"></div>
</div>
</div>
</div>
</body>
</html>