Menus desplegables

Buenas; tengo un pequeño problemilla que Jorgens ya tenia previsto en el curso "paso a paso" (que he seguido a pie de la letra y me ha quedado todo perfecto, asi que supongo que estara bien (mas o menos).
Hasta el paso "Posibles errores y fallos" je je.
Cito:

Gracias a vuestra colaboración en el foro he podido corregir un fallo que nos volvió locos por unas horas! je je je. Se trata de lo siquiente. AL ver el menú desplegable con Internet Explorer resulta que el menú se ve recortado, solo se muestra la mitad izquierda. Tras estudiar el fallo he visto que se trata de una pelea entre estilos-general.css y estilo-menu-desplegable.css (creo). El caso es que la línea

body {text-align:center}

que habiamos definido desde el principio de las lecciones produce ese mal efecto en el menú. De modo que para corregirlo basta con eliminar el contenido de los corchetes del body dejándolo vacio, así y bla bla, me imagino que ya sabeis a que me refiero (no lo pego todo por que si no sera un post muy extenso)
Pes ese es el caso. Con firefox se ve perfecto, con explorer...
Hago lo indicado como solucion y sip, correcto, se ve perfecto en explorer y se alinea toda la pagina a la izquierda como bien se explica; pero al poner la solucion de como hacer que vuelva a centrarse (con el comando "text-align: center") no me hace caso :( Lo he puesto a mano y lo he copiado del codigo del ejemplo y el resultado es el mismo:la web se queda a la izquierda. Espero que me puedan echar una manilla, por que la verdad me ha sorprendido la claridad y eficacia del curso (gracias Jorgens, de corazon), y me fastidia que en este ultimo paso este un pelin atascado.
Gracias de antemano:
Si necesitais que os copie el codigo o algo para comprovar posibles errores me lo decis.
Un saludo

En la hoja de estilos agregue esto:


* {text-align:justify; } (En la primera línea creo que está)

body {text-align:center; }

#global {text-align:justify ; }


Aparecerá centrada la página y el menú saldrá completo

Suerte

Un amigo desde Colombia

Bueno, pues asi es como lo tengo ahora mismo:

* {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:800px ; 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: 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 ; font-size: 16px }
#navegacion {background-color: gray ; border: black 1px solid  ; height:28px}
#navegacion li {float:left ; list-style:none ; font-size:21px ; margin: 0px 18px 0px 18px }
#navegacion ul { margin-left: 18px }
#contenido  {background-color: orange ; border-left: black 1px solid ; 
             border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu       {background-color: lorange ; 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 ; padding-top:12px ;
          background-image: url(objetos/menu-parte-superior.gif) }
#pie { background-color: white ; 
       border-left: black 1px solid ; 
       border-right: black 1px solid; 
       border-top: black 1px solid;
			 height: 65px ;
       text-align: center ; }
#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  {}

Pues me sigue saliendo a la izquierda (menu bien) o centrado (menu mal); osea si lo dejo como al acabar el curso: Centrado con el menu cortado, o bien como esta ahora con las correcciones: Alineada la web a la izquierda (la web entera, no los textos) y los menus enteros.
:(
Pd: Lo que me resulta un poco extraño es que el menu despegable ,si, sale cortado, pero las sub-secciones si que salen enteras, por mucho que les ponga nombres largos (no se si tendra algo que ver)
Pd2: En el menu lateral me queda asi por ejemplo:
* Soy de
Aragon
(Por que es muy largo y no cabe) y me gustaria que quedara:
* Soy de
...Aragon
(osea la segunda linea a la altura de lo que es la segunda linea en si y no alineada a la izquierda. No se si me explico, pero no se subir imagenes xdxdxd. Sorry

Hola

abre la hoja de estilos del menu desplegable

y le agregas en el primer parrafo asi:

text-align:left

saludos

Yaneth escribió:Hola

abre la hoja de estilos del menu desplegable

y le agregas en el primer parrafo asi:

text-align:left

saludos

Wow Wow Wow
Muchisimas gracias, tema de los menus desplegables resuelto.
Y con respecto a separar esa segunda linea del menu lateral??? Me puedes dar alguna pista???
Por mas que le doy a la barra espaciadora no se separa, se queda alineada a la izquierda.

???????

Dame mas pistas, que no logro entender

Segunda linea del menu lateral??????
cual es esa???'

la quieres separar?????
para abajo?
para los costados???

por favor se mas especifico que con mucho gusto te ayudaremos

saludos

Pues a ver como lo explico:
El menu lateral me queda asi:

* Hola que tal estas, yo
muy bien.

Y me gustaria que quedara:

* Hola que tal estas, yo
....muy bien.

(los puntos suspensivos es la distancia que me gustaria que tubiera la segunda frase del enlace)
"Hola que tal estas, yo muy bien" es todo un enlace, no son 2

aaaaaaaaaa
ya entendi, eso lo hacemos con un padding o bien con un margin

pero..... en teoria no debes tener ese problema

si me pasas tus codigos, (solo los pegas aqui)
tanto de la hoja de estilos como de la html veré porque el fallo

o si ya lo subiste, danos la url, para verlo

saludos

Este es el codigo HTML del menu:

<div id="menu">
         <h1>Francia</h1>
<ul>
[*][url="#"]* Listado de libros[/url]
[*][url="#"]* Bajorelieves[/url]
[*][url="#"]* Teorias relativas de conspiranoia[/url]
[*][url="#"]* Librerias de "viejo"[/url]
[/list]
       </div>

Donde conspiranoia no cabe en la linea y evidentemente salta a la siguiente; ese no es el problema, el problema es que me gustaria poder dejar un poco mas de margen a la izquierda, por que tengo otros menus con ombres largos y me sucede lo mismo.

Y este es el codigo del 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: none ; 
    text-align: center}
body {background-image: url(objetos/fondo.jpg) ; text-align:center }
#global     {width:800px ; 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: #FFA54F ; border-left: black 1px solid ; 
             border-right: black 1px solid ; height:85px}
#logotipo   {width:280px ; float:left }
#publicidad {width:518px ; float:right ; font-size: 16px }
#navegacion {background-color: #0037E8 ; border: black 1px solid  ; height:28px}
#navegacion li {float:left ; list-style:none ; font-size:21px ; margin: 0px 18px 0px 18px }
#navegacion ul { margin-left: 18px }
#contenido  {background-color: #7EC0EE ; border-left: black 1px solid ; 
             border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu       {background-color: lorange ; width: 150px ; float:left ; 
             text-align:left ; margin: 15px 15px 15px 15px ;
             background-image: url(objetos/menu-parte-inferior.gif);
			 background-position: bottom ;
             padding-bottom:5px }
#menu li    {list-style:none ; margin: 8px 8px 8px 6px }
#menu h1 {text-decoration:none ; font-size:19px ; padding-top:12px ;
          background-image: url(objetos/menu-parte-superior.gif) }
#pie { background-color: white ; 
       border-left: black 1px solid ; 
       border-right: black 1px solid; 
       border-top: black 1px solid;
			 height: 65px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; 
                  background-repeat: no-repeat ;
                  width: 800px ;
                  height:12px ;
                  overflow: hidden }						
a         {color: black ; text-decoration:none ; display: block }
a:link    {}
a:visited {}
a:hover   {color:red ; text-decoration:underline ; background-color: silver}
a:active  {}

De momento subirlo, aun no lo he subido, sigo manteniendo la pagina anterior hasta que esta empieze a tener mejor pinta jejeje. Por cierto, te he mandado un mail :)

Ok, si lo que deseas es hacer mas grande el menu, eso lo arreglas en esta linea

#menu {background-color: lorange ; width: 150px ; float:left ;
text-align:left ; margin: 15px 15px 15px 15px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:5px }

(en rojo) le puedes aumentar el ancho a menu cambiando ese valor, pero....
el problema estará en que la imagen que has puesto de fondo no quedará bien, ya que tiene 150px de ancho, igual, puedes cambiar de imagen

y respecto al la segunda linea
lo he arreglado asi:

* Teorias relativas de conspiranoia

le puse 2 espacios extra irromplibles, ya que ese aparente fallo, es por culpa del * que le pusiste

saludos

correo, leido y respondido

saludos

Siiiiiiiiiiiii, eso era; muchas gracias. Sabia que habia algo que forzaba a haber espacio pero no sabia el que...

Lo del "*" lo puse para que se notara mas que ese es el principio de cada enlace,