Dunque... menu!
e css:
codice:
body
{
font-family: trebuchet ms, verdana, arial, tahoma;
font-size: 80%; color: black;
background-color: #ffffff;
line-height: 200%;
margin-top: 0px;
background: #ffffff url('images/bg.gif') top center repeat-x;
}
#border
{
border: 0px ;
width: 800px;
background-color: #FFFFFF;
background:url('images/backround2.gif') no-repeat;
margin: 0 auto;
}
#header_ita
{
height: 190px;
border-bottom: 1px solid #669900;
background-image:url('images/header_ita.jpg');
}
#header_eng
{
height: 190px;
border-bottom: 1px solid #669900;
background-image:url('images/header_eng.jpg');
}
#content
{
padding: 0.5em 1em;
max-width: 740px;
background-color: #FFFFFF;
}
#container
{
width: 770px;
margin: 0px auto;
background-color: #ffffff;
border: 0px solid #669900;
}
.splitright {
background: #ffffff url('images/menu.gif') top center no-repeat;
width: 30%;
float: right;
overflow: hidden;
text-align: center;
}
.splitleft {
background: #ffffff;
margin:auto;
width: 68%;
float: left;
overflow: hidden;
text-align: justify;
}
#introduction{
float:right;
width:180px;
padding:0px 0px;
margin:20px 0 20px 20px;
background: url(images/menu.gif) no-repeat;
text-align:center;
line-height:1.5em;
color:green;
font-size:1.0em;
font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
letter-spacing:0px;
}
#introduction ul, #introduction li {
text-align:center;
list-style: none;
margin: 0;
padding: 0;
}
#introduction a {border-bottom: none; color:black;}
#introduction h3{
text-align: center;
position:static;
}
#introduction a:link {color:green; text-decoration: none;}
#introduction a:hover {color:sienna; text-decoration: none;}
#introduction a:visited {color:red; text-decoration: none;}
#introduction a:active {color:red; text-decoration: none;}
/* ~~~~~~~~~ footer ~~~~~~~~~ */
#footer
{
text-align: center;
height: 30px;
background-color: #F5FAF5;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCCCCC;
margin-top: 50px;
margin-right: 15px;
margin-bottom: 0;
margin-left: 15px;
padding-top: 0;
padding-right: 20px;
padding-bottom: 0;
padding-left: 20px;
clear: both;
}
#footer a:link {color:#808080; text-decoration: none;}
#footer a:hover {color:sienna; text-decoration: none;}
#footer a:visited {color:black; text-decoration: none;}
a:link, a:visited, a:active, a:hover {color:green; text-decoration: none;}
/* ~~~~~~~~~ PROPS FOR THE MENU GO OUT TO EXPLODING-BOY.COM ~~~~~~~~~ */
#topmenu {
position: relative;
top: 13px;
left: 15px;
width: 700px;
font-size:93%;
margin: 0;
line-height:normal;
height: 41px;
}
#topmenu ul {
margin:0;
padding:0px 0px 0 2px;
list-style:none;
}
#topmenu li {
display:inline;
margin:0;
padding:0;
}
#topmenu a {
float:left;
background:url(images/menuleft.gif) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#topmenu a span {float:left;
display:block;
background:url(images/menuright.gif) no-repeat right top;
padding:5px 15px 4px 6px;
color:green;
}
#topmenubandiere {
position: absolute;
top: 20px;
left: 830px;
width: 100px;
font-size:93%;
margin: 0;
line-height:normal;
height: 41px;
}
#topmenubandiere ul {
margin:0;
padding:0px 0px 0 2px;
list-style:none;
}
#topmenubandiere li {
display:inline;
margin:0;
padding:0;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topmenu a span {float:none;}
/* End IE5-Mac hack */
#topmenu a:hover span {color:sienna;}
#topmenu a:visited span {color:red;}
#topmenu a:hover {
background-position:0% -42px;
}
#topmenu a:hover span {
background-position:100% -42px;
}
/* ~~~~~~~~~ Headings ~~~~~~~~~ */
h1
{
font-size: 120%;
color: #659500;
}
h3{
color:green;
font-family:geneva,arial,sans-serif;
font-weight:normal;
text-transform:uppercase;
word-spacing:4px;
letter-spacing:3px;
font-size:0.8em;
font-weight:bold;
padding:0 2px;
margin:0;
}
/*~~~~~~~~~~~styles~~~~~~~~~~~~~~~*/
.style4 {font-size: 18px}
.style5 {
font-size: 12px;
color: #CCCCCC;}
a.selezionato {color: red;}
prova se funziona, perché io non ho avuto modo di provarlo...
ti ho messo in bold le modifiche... in ogni caso c'è un po' di confusione nel codice, ogni tanto metti css in linea in altri casi no e poi nella home hai ragione ci sono diversi div non chiusi... ricontrollali e se proprio non ce la fai da solo chiedi (scusami ma vado un po' di fretta! !
)
Fammi sapere!