No me sale la pagina centrada

Hola, estoy teniendo un problema al quitar:
body {text-align:center}
Y dejarlo en:
body {}
como indica Personalizacion de la leccion 4.
Al hacer esto la pagina se me descentra y se me pega a la izquierda, pese a tener en la pagina de estilos:
#global {width:800px ; margin: 4px auto }

Gracias. Un saludo, Bea
Pues prueba lo siguiente.
Deja el text-align:center en el body, y pon el global lo siguiente:
#global {width:800px ; margin: 4px auto; text-align: left}

Haber si así se soluciona. Es que el manual del desplegable es muy nuevo aún y es normal que vayan surgiendo problemas de este tipo.
Saludos, Juanma :wink:
Cuando lo hago se me centra la pagina pero el desplegable me sale partido. No podria cambiar algo en estilo-menu-desplegable.css?

Muchas gracias,

Bea
Pues prueba ahora cambiando el text-align: left del global por un text-align: justify
Hola, le he echado un poco de cara y me he metido en estilos-menu-desplegable.html y he puesto al principio body {text-align: center}. Los menus desplegables ahora me salen enteros (sin haber quitado el body {text-align: center} de estilos-general.css) pero la pagina me da un error aunque no se en que le afecta. Dice lo siguiente:

An error has ocurred in the script of this page
Line: 222
Char: 17
Error: Objetc required
Code: 0
URL: file:// (etc)

Le digo que siga igual y todo parece bien, pero me imagino que algo no lo esta...

Muchas gracias. Un saludo,

Bea
Gracias, he hecho lo que me has dicho y la pagina me sale centrada y los menus desplegables tambien. Pero me sigue saliendo el error de pagina.

Gracias. Un saludo,

Bea
Pues eso hay que comentarselo a Jorgens, a ver si encuentra el problema, pero a saber cuando volverá :roll:
Ha dejado de salir el error al eliminar esta parte de definir menus:

desplegable2_0.addItem('Sub-Seccion 2.1','ruta');
desplegable2_0.addItem('Sub-Seccion 2.2','ruta');
desplegable2_0.addItem('Sub-Seccion 2.3','ruta');

no tengo idea de por que...

Gracias y saludos,

Bea
Hola

yo he arreglado lo del desplegable asi:

agrego en la linea del *
text-align:left

en el body

text-align: center

en global

text-align:left


no se porque, pero a mi me funciona jeje

saludos
Yaneth escribió:Hola

yo he arreglado lo del desplegable asi:

agrego en la linea del *
text-align:left

en el body

text-align: center

en global

text-align:left


no se porque, pero a mi me funciona jeje

saludos

Yo he probado a hacer esto que dice Yaneth pero los pies se me mueven todos y se me pegan a la izquierda aunque los menus desplegables ahora me salen enteros, vamos, que hemos arreglao una cosa pa torcer otra...
Un saludo

Gaizka
Esta es la dirección donde lo he colgado y aparecen desplazados los pies y la frase de la cabecera:


http://pruebagaizka.scienceontheweb.net/plantilla.html


Aquí está puesto:

text-align=left en el *
text-align=center en el body
text-align=left en el global

además he probado a poner y quitar text-align=center en el pie y esto no no cambia nada

Si se os ocurre algo??? Yo me bloqueado

Gracias
Un saludo

Gaizka
Hola

el error lo tienes aqui



text-align=left en el *
text-align=center en el body
text-align=left en el global

ejemplo debe ser asi

text-align:center

con 2 puntos en vez del signo de igual

saludos
Aunque en el mensaje que escribi en el foro puse el signo =, en el estilo-general.css está puesto con : es que me equivoqué al poner la respuesta en el foro...así que si se os ocurre otra cosa porque yo ya me estoy rallando muchisimo con esto...
Un saludo

Gaizka
Aquí es donde está colgado, te adjunto tambien plantilla.html y estilo-general.css:

http://pruebagaizka.scienceontheweb.net/plantilla.html

plantilla.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
  • Sección 1
  • Sección 2
  • Sección 3
  • Sección 4

    </div>
    <div id="contenido">
    <div id="menu">
    <h1>Título de Sección 1</h1>
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4
    </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. Anda, fijate!
    Salen todos centrados, que cosa. Espero 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">
    pie dos
    </div>
    <div id="pietres">
    <ul>
  • Directorio
  • TopSite
  • Mapa de la Web
    </div>

    </div>

    <div id="curva-inferior"></div>
    </div>
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>



    estilo-general.css

    * {margin:0px ; padding:0px ; border:0px ; text-align:left}
    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:800px ; margin:4px auto ; text-align:left}
    #curva-superior { background-image: url(objetos/curva-superior.gif) ;
    background-repeat: no-repeat ;
    width:800px ;
    height: 12px ; overflow:hidden}
    #cabecera {background-color:white ; 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}

    #navegacion {background-color: gray ; border: black 1px solid ; height:20px}
    #navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
    #navegacion ul { margin-left: 180px }
    #contenido {background-color:orange ; border-left: black 1px solid ; border-right: black 1px solid}
    #contenido p {padding: 5px 10px 5px 10px ; text-indent:15px}
    #menu {background-color:yellow; width:150px ; 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:4px 8px 4px 6px}
    #menu h1 {text-decoration:none ; font-size:12px ; background-image: url(objetos/menu-parte-superior.gif) }
    #pie
    { border-left: black 1px solid ;
    border-right: black 1px solid ;
    border-top: black 1px solid ;
    height: 65px ; text-align:center
    }
    #pie li {list-style: none ; font-size: 12px }
    #pieuno {background-color: white ; float:left ; width:150px }
    #piedos {background-color: white ; float:left ; width:498px }
    #pietres {background-color: white ; float:left ; width:150px }

    #curva-inferior { background-image:url(objetos/curva-inferior.gif) ;
    background-repeat:no-repeat ;
    width:800px ;
    height:12px ;
    overflow: hidden}
    *{text-indent:0px ; margin:0px ; padding:0px ; border:0px }
    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 {}



    Muchas gracias
  • Un saludo

    Gaizka
    mmm, yo veo todo centrado

    qie es lo que tu no ves bien?????

    lo he visto con ie y con firefox

    saludos
    Si te fijas en los pies están todos desplazados hacia la izquierda en lugar de estar centrados en sus respectivos sitios. Y también se ha desplazado hacia la izquierda donde pone "Bienvenido a mi web" arriba del todo. Yo solo tengo IE.
    Un saludo

    Gaizka
    yaneth eres mi idolo!!!! jajajaja thanx x publicar tu solucion del desplegable!!

    saludos!
    Hola muy buenas, sobre lo que el menu desplegable salga cortado, yo lo que e echo es en la hoja de estilos del menú en el primer parrafo .transMenu le he añadido un text-align:left..y me funciona...de momento...porque esto es com la ley de murphy...

    Saludos.
    Siiiiiii

    muchas gracias Dnix, ha sido una exelente solucion

    te agradecería muchisimo abrieras un tema, informandolo
    ya que tooodos nosotros hemos batallado con esto
    y aunque encontramos algunas soluciones

    de una u otra forma daban algun fallo,

    al parecer esta está perfecta,

    de nuevo gracias

    saludos
    Mu buenas, Yaneth no me ha dado tiempo a responder antes, ya he visto que has puesto el post-it, entonces no hace falta que abra nuevo tema no?..bueno haber si hay suerte y no da fallos.. :?
    Saludos.