barra codice per centrarla
ragazzi qualcuno mi può aiutare ad aggiustare questo codice per mettere la barra al centro...cioè a me la fa vedere alla sinistra e non centrate spero che mi potete aiutare grazie
barra.html
Codice HTML:
html, body
{
font-family: Verdana, sans-serif;
font-size: 12px;
padding: 0;
margin: 0 auto;
width: 100%;
background: #000000;
color: #fff;
}
body
{
width: 100%;
}
form, input, a, div, h1, h2, h3, h4
{
margin: 0;
padding: 0;
}
ul, li
{
margin: 0;
}
#topicons A:hover
{
text-decoration: none;
}
.topicons_img
{
margin-left: 10px;
margin-right: 2px;
}
.premiumlink
{
width: 98%;
height: 68px;
margin: 15px auto 20px auto;
text-align: center;
background-color: #fff;
border: solid 1px #778;
}
#logo
{
margin-left: 15px;
margin-top: 15px;
margin-right: 15px;
float: left;
}
#testata #logo
{
width: 207px;
height: 49px;
}
/* contenitore e testata */
/* menu alto */
#menu_alto
{
position: static;
float: left;
margin: 5px 0 0 0;
left: 0;
font-size: 11px;
font-weight: bold;
background-color: #fff;
padding:0 0 0 5px;
}
#menu1 li
{
float: left;
list-style-type: none;
}
.menu1Sx
{
float: left;
width: 4px;
height: 22px;
margin-left: 1px;
padding-bottom: 4px;
}
a.menu1Link
{
float: left;
line-height: 22px;
height: 22px;
text-decoration: none;
padding: 4px;
padding-bottom: 0;
}
.menu1Dx
{
float: left;
width: 4px;
height: 22px;
padding-bottom: 4px;
}
.menu1Dx_over
{
float: left;
width: 4px;
height: 22px;
padding-bottom: 4px;
}
#menu_alto, #menu1, #menu1 li
{
background: transparent;
}
.menu1Sx
{
background: url('http://gigadownload.altervista.org/tabSx.png') no-repeat
}
a.menu1Link
{
background: #fff url('http://gigadownload.altervista.org/tab_sfondo.png') top right no-repeat;
color: #ffffff;
}
.menu1Dx
{
background: url('http://gigadownload.altervista.org/tabDx.png') no-repeat;
}
codicebarra.html
Codice HTML:
<html>
<head>
<title>Gigadownload</title>
<meta http-equiv="MSThemeCompatible" content="Yes" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" type="text/css" media="screen, handheld" href="barra.html" />
</script>
<!-- JAVASCRIPT PER MENU, AJAX E FEED -->
</head>
<body>
<!-- contenitore -->
<div id="container">
<!-- pagina -->
<div id="pagina">
<br style="clear:both;" />
<div id="menu_alto">
<ul id="menu1">
<li>
<span class="menu1Sx"></span><a class="menu1Link"
href="http://www.prova.it">prova</a><span class="menu1Dx"></span>
</li>
<!--<li>
<span class="menu1Sx"></span><a class="menu1Link"
href="http://www.prova.it" id="gruppo_uno-prova1">prova 1</a><span
class="menu1Dx"></span>
</li>-->
<li>
<span class="menu1Sx"></span><a class="menu1Link"
href="http://www.prova.it" id="gruppo_uno-prova2">prova2</a><span
class="menu1Dx"></span>
</li>
<li>
<span class="menu1Sx"></span><a class="menu1Link"
href="http://www.prova.it" id="gruppo_uno-prova3" >prova3</a><span
class="menu1Dx"></span>
</li>
</ul>
</div>
