#1 Ayuda! Problema para centrar menú en CSS...
Hola tengo un problema en este código al intentar centrar el menu, no consigo realizar esa función. ¿Alquien me puede ayudar? gracias de antemano, un saludo!
Codigo:
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Free CSS Navigation Menu Designs 1 at exploding-boy.com</title>
<style type="text/css">
<!--
body {
margin:0;
padding:0;
font: bold 11px/1.5em Verdana;
}
h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
}
/*- Menu Tabs H--------------------------- */
#tabsH {
float:left;
width:50%;
background:#000;
font-size:93%;
line-height:normal;
}
#tabsH ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabsH li {
display:inline;
margin:0;
padding:0;
}
#tabsH a {
float:left;
background:url("tableftH.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsH a span {
float:left;
display:block;
background:url("tabrightH.gif") no-repeat right top;
padding:5px 15px 5px 10px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsH a span {float:none;}
/* End IE5-Mac hack */
#tabsH a:hover span {
color:#FFF;
}
#tabsH a:hover {
background-position:0% -42px;
}
#tabsH a:hover span {
background-position:100% -42px;
}
#tabsH #current a {
background-position:0% -42px;
}
#tabsH #current a span {
background-position:100% -42px;
}
-->
</style>
</head>
<BODY>
<BODY BGCOLOR="BLACK">
<CENTER><IMG SRC="C:\Documents and Settings\David\Escritorio\PAGINAWEB\NOPARESDEREIR. gif" WIDTH=60% HEIGHT=30%></IMG></CENTER>
<tr>
<div id="tabsH">
<ul>
<!-- CSS Tabs -->
<li id="current"><a href="index.html"><span>Inicio</span></a></li>
<li><a href="noticias.html"><span>Noticias</span></a></li>
<li><a href="chistes.html"><span>Chistes</span></a></li>
<li><a href="fotos.html"><span>Fotos</span></a></li>
<li><a href="Videos.html"><span>Videos</span></a></li>
<li><a href="chat.html"><span>Chat</span></a></li>
<li><a href="contacto.html"><span>Contactenos</span></a></li>
</ul>
</div>
</BODY>
</HTML>
Codigo:
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Free CSS Navigation Menu Designs 1 at exploding-boy.com</title>
<style type="text/css">
<!--
body {
margin:0;
padding:0;
font: bold 11px/1.5em Verdana;
}
h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
}
/*- Menu Tabs H--------------------------- */
#tabsH {
float:left;
width:50%;
background:#000;
font-size:93%;
line-height:normal;
}
#tabsH ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabsH li {
display:inline;
margin:0;
padding:0;
}
#tabsH a {
float:left;
background:url("tableftH.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsH a span {
float:left;
display:block;
background:url("tabrightH.gif") no-repeat right top;
padding:5px 15px 5px 10px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsH a span {float:none;}
/* End IE5-Mac hack */
#tabsH a:hover span {
color:#FFF;
}
#tabsH a:hover {
background-position:0% -42px;
}
#tabsH a:hover span {
background-position:100% -42px;
}
#tabsH #current a {
background-position:0% -42px;
}
#tabsH #current a span {
background-position:100% -42px;
}
-->
</style>
</head>
<BODY>
<BODY BGCOLOR="BLACK">
<CENTER><IMG SRC="C:\Documents and Settings\David\Escritorio\PAGINAWEB\NOPARESDEREIR. gif" WIDTH=60% HEIGHT=30%></IMG></CENTER>
<tr>
<div id="tabsH">
<ul>
<!-- CSS Tabs -->
<li id="current"><a href="index.html"><span>Inicio</span></a></li>
<li><a href="noticias.html"><span>Noticias</span></a></li>
<li><a href="chistes.html"><span>Chistes</span></a></li>
<li><a href="fotos.html"><span>Fotos</span></a></li>
<li><a href="Videos.html"><span>Videos</span></a></li>
<li><a href="chat.html"><span>Chat</span></a></li>
<li><a href="contacto.html"><span>Contactenos</span></a></li>
</ul>
</div>
</BODY>
</HTML>
0
aver si alguien me puede ayudar...:S que estoy perdido un saludo! 
