como centrar este menú

piojo · 20 Ago 2012, 19:04 · Solicitar retirada

Hola amigos acá me tienen otra vez jeje...Alguien me modria decir como centrar el siguiente menú....

<style type="text/css">

#menu{
padding:5px;
}
#menu li {
display:inline;
}
#menu li a {
font-family:Arial;
font-size:20px;
text-decoration:none;
float:left;
padding:10px;
background-color: red;
color:#ffffff
}
#menu li a:hover {
background-color:#A43838;
padding-bottom: 4px;
}

</style>

<ul id="menu">
<li><a href="dostendencias.html">VTV</a></li>
<li><a href="dostendencias.html">GLOBOVISIÓN</a></li>
<li><a href="dostendencias.html">TVES</a></li>
<li><a href="dostendencias.html">VENEVISIÓN</a></li>

</ul>

Yaneth · 20 Ago 2012, 19:31 · Solicitar retirada

hola
algunas caracteristicas de css se heredan
para poder ayudarte debes pegar aqui los codigos completos
tanto de html como de css, y decirnos donde deseas centrarlosa

saludos

piojo · 20 Ago 2012, 20:05 · Solicitar retirada

Ok gracias Yaneth, lo que quiero basicamente es el menu en todo el centro encima del titulo, que cabe destacar se me corrio para un lado al colocar el menu, y no se como centrarlo de nuevo, asi que si me pueden ayudar con eso también =)..Ahi les va el codigo completo, gracias de antemano =D

<html>
<head>
<title>
Dos tendencias opuestas
</title>

</head>

<body background="cheg.gif">
<style type="text/css">

#menu{
padding:5px;
}
#menu li {
display:inline;
}
#menu li a {
font-family:Arial;
font-size:20px;
text-decoration:none;
float:left;
padding:10px;
background-color: red;
color:#ffffff
}
#menu li a:hover {
background-color:#A43838;
padding-bottom: 4px;
}
#menu ul {
margin: 0 auto;
width: 600px;
}

</style>

<ul id="menu">
<li><a href="dostendencias.html">VTV</a></li>
<li><a href="dostendencias.html">GLOBOVISIÓN</a></li>
<li><a href="dostendencias.html">TVES</a></li>
<li><a href="dostendencias.html">VENEVISIÓN</a></li>

</ul>

<center><h1>VENEZOLANA DE TELEVISIÓN</h1></center>

<center><table border="1" width="50%" bgcolor="#070B19">
<tr>
<td><table class="tablapostfooter" cellspacing="0" cellpadding="20">
<tr> <td>
<object
data="http://fpdownload.adobe.com/strobe/FlashMediaPlayback.swf"
height="360" type="application/x-shockwave-flash" width="500">
<param value="opaque" name="wmode"><param value="true"
name="allowFullScreen"><param value="never"
name="allowscriptaccess"><param
value="http://fpdownload.adobe.com/strobe/FlashMediaPlayback.swf"
name="movie"><param
value="src=rtmp://edg.ord.movipbox2.streamguys.net/vtvdsl/vtvdsl.sdp&
amp;autoPlay=true" name="flashvars"></object> <div style="text-align:
center;">
 <span style="color: white;">   EN CASO DE NO
APARECER LA IMAGEN, PRESIONA F5 HASTA QUE
APAREZCA</span></div>
</td>
</td>
<td style="padding-top: 17px;">

<embed src="http://www.xatech.com/web_gear/chat/chat.swf"
quality="high" width="395" height="400" name="chat"
FlashVars="id=180603688&rl=Spanish" align="middle"
allowScriptAccess="sameDomain" type="application/x-shockwave-flash"

pluginspage="http://xat.com/update_flash.shtml" /><br><small><a
target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own
Chat Box!</a> <a target="_BLANK"
href="http://xat.com/web_gear/chat/go_large.php?id=180603688">Go
Large!</a></small><br>

</td> </tr>

</table></td>
</tr>
</table></center>
<tr>
<td></td>
</tr>
</table>

</html>