Ola, tengo un problemilla,bueno...mejor dicho dos jeje, y esk nose como arreglarlos,uno es como hacer para que lo que escribo en mi barra de navegacion me salga en el centrado o justificado, con las mismas distancias a los lados y entre ellos, otra es, que aunque he estado revisando todo el codigo Html,no consigo encontrar elfallo que cometo para que no se me vea el menu desplegable, ya que tengo todos los archivos subidos, y creo que todoesta bien y no consigo verlo, si alguien mas experimentado en esto xonsigue aclararmelo selo agradeceria muchisimo
hoja de estilos:
* {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: none ;
text-align: center}
body {text-align: center }
#global {width:1280px ; margin:4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#cabecera {background-color: black ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {width:280px ; float:left ; }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 25px ; color:white}
#navegacion {background-color: purple ; border: black 1px solid ; height:20px; width:1280 px ; align:justify}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px; align:justify; width: 80 px }
#navegacion ul { margin-left: 180px ; margin-right: 180 px; width: 80 px}
#contenido {background-color: pink ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu { float: left ; background-color: yellow ; width: 125px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:5px }
#menu li {list-style:none ; margin: 5px 8px 4px -12px ; }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ; background-image: url(objetos/menu-curva-superior.gif);background-position: top}
#pie { background-color: violet ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid ;
border-bottom: black 1px solid;
height: 65px}
#pie li {list-style: none ; font-size: 12px}
#pieuno { float:left; width:250px ; background-color:white}
#piedos { float:left; width:776px }
#pietres { float:left; width:250px ;background-color:white}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
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: red; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:red ; text-decoration:underline ; background-color: yellow }
#pie a:active {color:blue}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: black }
#logotipo a:active {}
#navegacion a: {color:white; text align:center;background-image: url(objetos/tema-arriba-inactivo.gif);background-position: top}
#navegacion a:link {color:white;text align:center}
#navegacion a:visited {color:white;text align:center}
#navegacion a:hover {color:white;text align:center}
#navegacion a:active {color:white;text align:center;background-image: url(objetos/tema-activo.gif);background-position: top}
codigo html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>Page title</title>
<link rel="stylesheet" type="text/css" href="estilo-general.css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
<bgsound src="aquelloquemediste3.amr" loop="1">
</head>
<body onload="init();">
<div id="global">
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<div class="suckertreemenu">
<ul>
te quiero
nuestor regalos
nuestras fotos
</div>
<p id="iepara"><Rest of content here></p>
</div>
<div id="contenido">
<div id="menu">
<h1>TE QUIERO MUCHO</h1>
<p class="fotomenucentrada">[contenido no disponible]</p>
</div>
<h1>Esta será la zona principal de la web</h1>
Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
<h2>Y este es el tercer párrafo.</h2>
En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>
Anda, fijate! Salen todos centrados, que cosa. Esgssssssssssssssssssssssssssssssssssssssssssssssssssssss
ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssspero que Jorgens nos enseñe a
ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
Foro Ejemplo Contactos Nos Enlazan
</div>
<div id="piedos">
[contenido no disponible]</p></div>
<div id="pietres">
<ul>
Directorio TopSite Mapa de la Web
</div>
</div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>
muchas gracias
hoja de estilos:
* {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: none ;
text-align: center}
body {text-align: center }
#global {width:1280px ; margin:4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#cabecera {background-color: black ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {width:280px ; float:left ; }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 25px ; color:white}
#navegacion {background-color: purple ; border: black 1px solid ; height:20px; width:1280 px ; align:justify}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px; align:justify; width: 80 px }
#navegacion ul { margin-left: 180px ; margin-right: 180 px; width: 80 px}
#contenido {background-color: pink ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu { float: left ; background-color: yellow ; width: 125px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:5px }
#menu li {list-style:none ; margin: 5px 8px 4px -12px ; }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ; background-image: url(objetos/menu-curva-superior.gif);background-position: top}
#pie { background-color: violet ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid ;
border-bottom: black 1px solid;
height: 65px}
#pie li {list-style: none ; font-size: 12px}
#pieuno { float:left; width:250px ; background-color:white}
#piedos { float:left; width:776px }
#pietres { float:left; width:250px ;background-color:white}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
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: red; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:red ; text-decoration:underline ; background-color: yellow }
#pie a:active {color:blue}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: black }
#logotipo a:active {}
#navegacion a: {color:white; text align:center;background-image: url(objetos/tema-arriba-inactivo.gif);background-position: top}
#navegacion a:link {color:white;text align:center}
#navegacion a:visited {color:white;text align:center}
#navegacion a:hover {color:white;text align:center}
#navegacion a:active {color:white;text align:center;background-image: url(objetos/tema-activo.gif);background-position: top}
codigo html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>Page title</title>
<link rel="stylesheet" type="text/css" href="estilo-general.css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
<bgsound src="aquelloquemediste3.amr" loop="1">
</head>
<body onload="init();">
<div id="global">
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<div class="suckertreemenu">
<ul>
</div>
<p id="iepara"><Rest of content here></p>
</div>
<div id="contenido">
<div id="menu">
<h1>TE QUIERO MUCHO</h1>
</div>
<h1>Esta será la zona principal de la web</h1>
Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
<h2>Y este es el tercer párrafo.</h2>
En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>
Anda, fijate! Salen todos centrados, que cosa. Esgssssssssssssssssssssssssssssssssssssssssssssssssssssss
ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssspero que Jorgens nos enseñe a
ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
</div>
<div id="piedos">
[contenido no disponible]</p></div>
<div id="pietres">
<ul>
</div>
</div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>
muchas gracias