no consigo centrar los botones

jacob · 1 Dic 2011, 20:37 · Solicitar retirada

hola amogos no consigo centrar los botones de google+ del tuenti etc aqui os dejo el codigo haber si alguien me ayuda a ver dodne fallo
* {text-indent:0px;margin:0px; padding:0px; border:0px;}
p{text-align:justify}
h1{font-size:1.2em;color:blue;font-weight:bold;text-decoration:underline;text-align:center;}
h2{font-size:1.1em;color:blue;font-weight:bold;text-decoration:underline;text-align:center;}
body {text-align:center;background-image:url(objetos/fondodegra.gif);background-repeat:repeat;}
#global {width:900px;margin:4px auto;}
#curva-superior{background-image:url(objetos/linea1.gif);background-repeat:no-repeat;width:900px;height:15px;overflow:hidden;}
#cabecera {background-color:white;border-left:black 1px solid;border-right:black 1px solid;height:150px;}
#logotipo {width:400px;float:left;}
#publicidad{width:498px;float:right;}
#navegacion{background-color:black;border:black 1px solid;height:20px;}
#navegacion li{float:left;list-style:none;margin:0px 20px 0px 20px;}
#navegacion ul{margin-left:10px;}
#contenido {background-color:#FFa94c;border-left:black 1px solid;border-right:black 1px solid;}
#contenido p{padding:5px10px5px10px;text-indent:15px;}
#contenido li{list-style:none;}
#menu {width:150px; float:left;text-align:left;margin-right:3px10px3px3px;background-image:url(objetos/menu-parte-inferior.gif.gif);background-position:bottom;padding-bottom:5px;}
#menu h1{text-decoration:none;font-size:12px;padding-top:12px;background-image:url(objetos/menu-parte-superior.gif.gif);}
#menu li {list-style:none; margin:4px8px4px6px;}
#botones{width:150px}
#botones ul{margin-bottom:10px;}
#botones li{float:right;margin:0px 10px 0px 10px;}
#pie {background-color:white;border-left:black 1px solid;border-right:black 1px solid;border-top:1px solid;height:65px;}
#pie li{list-style:none;font-size:12px;}
#pieuno{float:left;width:150px;}
#piedos{float:left;width:598px;}
#pietres{float:left;width:150px;}
#curva-inferior{background-image:url(objetos/linea1.gif);background-repeat:no-repeat;width:900px;height:15px;overflow:hidden;}
a {color:brown;text-decoration:none;display:block;}
a:link {}
a:visited{}
a:hover {color:red;text-decoration:underline;background-color:silver;}
a:active {}
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black; text-decoration:underline ; background-color: white }
#pie a:active {color:black;}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>VAMOS DE FIESTA</title>
<meta content="esta web es para saber donde salir de fiesta ay foro para comentar y todo tipo de lugares donde salir" name="description">
<meta content="salir,fiesta,discotecas,pubs,salas de concierto,fiestas populares,bares de copas,foro"name="keywords">
<link rel="stylesheet"href="estilos.css"type="text/css"media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>

<div id="cabecera">
<div id="logotipo">
<a href="index.html">
<img src="objetos/logotipoanimado2.gif"width="400"height="150"
alt="Haz clic aquí para volver a la página de inicio"></a></div>
<div id="publicidad">BIENVENIDOS A MI WEB<img src="objetos/mas002.gif"width="418"height="110"></div>
</div>
<div id="navegacion">
<ul><li><a href="index.html">viva la fiesta</a></li><li><a href="discotecas/discotecas.html">discotecas</a></li><li><a href="pubs/pubs.html">pubs</a></li><li><a href="salasconcierto/salasconcierto.html">salas de concierto</a></li><li><a href="barescopas/barescopas.html">bares de copas</a></li><li><a href="fiestaspopulares/fiestaspopulares.html">fiestas populares</a></li><li><a href="foro/foro.html">foro</a></li></ul>
</div>

<div id="contenido">


<div id="menu">
<ul>
<h1>titulo de seccion 1</h1>
<li><a href="#">enlace 1</a></li><li><a href="#">enlace 2</a></li><li><a href="#">enlace 3</a></li><li><a href="#">enlace 4</a></li></ul>
</div>

<h1>xxxxxxxxxxxxxxxxxxxxxxxxxxx</h1><p>xxxxxxxxxxxxxx</p><p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p><p>xxxxxxxxxxxxxxxxx</p><h2>xxxxxxxxxxxxxxxxxxxxxxxxx</h2><p>xxxxxxxxxxaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaxxxxxxxxxxxxxx</p>
<div id="botones">
<ul>
<li>

<g:plusone annotation="none"></g:plusone>

<script type="text/javascript">
window.___gcfg = {lang: 'es'};

(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</li><li>

<script type="text/javascript" src="http://widgets.tuenti.com/widgets.js"></script>

<a href="http://www.tuenti.com/share" class="tuenti-share-button"
icon-style="small"
suggested-text="comparte con tus amigos"></a>
</li>
</ul>
</div>

<div id="pie">
<div id="pieuno">
<ul><li><a href="#">foro ejemplos</a></li><li><a href="mailto:[correo eliminado]"><img alt="Pulsa para escribirme un E-Mail!" src="objetos/204-buzon.gif" height="32px" width="32px" /></a></li><li><a href="#">nos enlazan</a></li></ul>
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul><li><a href="#">directorio</a></li><li><a href="#">topsite</a></li><li><a href="#">mapa de la web</a></li></ul>
</div>

</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
gracias de antemano
la pagina de prueba es www.salimosdefiesta.com/plantilla.html

jacob · 2 Dic 2011, 22:33 · Solicitar retirada

que nadie se anima a echarme una manilla estoy bloqueado
un saludo y un poquito de porfavor!!!!!!!!!!!!!

SurKaiser · 2 Dic 2011, 23:04 · Solicitar retirada

Intenta asi :

css :

* {text-indent:0px;margin:0px; padding:0px; border:0px;}
p{text-align:justify}
h1{font-size:1.2em;color:blue;font-weight:bold;text-decoration:underline;text-align:center;}
h2{font-size:1.1em;color:blue;font-weight:bold;text-decoration:underline;text-align:center;}
body {text-align:center;background-image:url(objetos/fondodegra.gif);background-repeat:repeat;}
#global {width:900px;margin:4px auto;}
#curva-superior{background-image:url(objetos/linea1.gif);background-repeat:no-repeat;width:900px;height:15px;overflow:hidden;}
#cabecera {background-color:white;border-left:black 1px solid;border-right:black 1px solid;height:150px;}
#logotipo {width:400px;float:left;}
#publicidad{width:498px;float:right;}
#navegacion{background-color:black;border:black 1px solid;height:20px;}
#navegacion li{float:left;list-style:none;margin:0px 20px 0px 20px;}
#navegacion ul{margin-left:10px;}
#contenido {background-color:#FFa94c;border-left:black 1px solid;border-right:black 1px solid;}
#contenido p{padding:5px10px5px10px;text-indent:15px;}
#contenido li{list-style:none;}
#menu {width:150px; float:left;text-align:left;margin-right:3px10px3px3px;background-image:url(objetos/menu-parte-inferior.gif.gif);background-position:bottom;padding-bottom:5px;}
#menu h1{text-decoration:none;font-size:12px;padding-top:12px;background-image:url(objetos/menu-parte-superior.gif.gif);}
#menu li {list-style:none; margin:4px8px4px6px;}
#botones{width:800px}
#botones ul{margin-bottom:10px;}
#m01{float-left:870px;}
#m02{float-left:850px;}
#pie {background-color:white;border-left:black 1px solid;border-right:black 1px solid;border-top:1px solid;height:65px;}
#pie li{list-style:none;font-size:12px;}
#pieuno{float:left;width:150px;}
#piedos{float:left;width:598px;}
#pietres{float:left;width:150px;}
#curva-inferior{background-image:url(objetos/linea1.gif);background-repeat:no-repeat;width:900px;height:15px;overflow:hidden;}
a        {color:brown;text-decoration:none;display:block;}
a:link   {}
a:visited{}
a:hover  {color:red;text-decoration:underline;background-color:silver;}
a:active {}
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black; text-decoration:underline ; background-color: white }
#pie a:active {color:black;}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}

Saludos!

jacob · 2 Dic 2011, 23:23 · Solicitar retirada

gracias por contestar
lo e puessto y se queda en el cento y uno encima de otro
si quieres comprobarlo www.salimosdefiesta.com/plantilla.html

SurKaiser · 2 Dic 2011, 23:43 · Solicitar retirada

Y entonces ya resuelto o quieres sin que este uno encima del otro?? ... aunque eso ya seria otro punto.

Saludos!

jacob · 2 Dic 2011, 23:59 · Solicitar retirada

yo queria uno al lado del otro abajo a la derecha antes del pie de pagina