problema cuando subo la pagina

Muy buenas, tengo unos problemillas al subir la pagina, a ver si me los podeis solucionar: (la pagina es la siguiente: http://malasombra.getenjoyment.net)

1. el menu no sale con la altura que yo le he puesto, ni con el borde tampoco.

2. los enlaces del menu tienen el color al reves de como yo quiero. yo quiero que salgan siempre negros hasta que le paso el cursor por encima y se ponen blancos.

3. los parrafos no salen con los margenes que yo le he puesto, ni tampoco los titulos.

4. el color de la letra del pie sale negro y no se ve, cuando yo quiero que salga blanco.

5. el simbolo de la estadistica del pie sale centrado y no a la derecha.

El caso es que todo esto me sale bien el programa y es a la hora de subirlo cuando no sale como yo lo tengo en local.

les dejo los codigos:

Plantilla:

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

<html>
<head>
<title>MALASOMBRA | La Web de un músico cordobés</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">

</head>

<style>
.menu {font: bold 20px;color: white}
</style>

<body>

<div id="global">

<div id="cabecera">

<div id="logotipo">
<a href="index.html">
[contenido no disponible]
</div>

<div id="publicidad"></div>
</div>

<div id="navegacion"></div>

<div id="contenido">
<div id="menu">
<ul>
  • BIOGRAFIA
  • MAQUETAS
  • CANCIONES
  • LETRAS DE CANCIONES
  • FOTOS
  • AVISO LEGAL
    </div>
    <h1>BIENVENIDOS</h1>


    Me gustaría dar las gracias, lo primero de todo, a todos aquellos que interesada o desinteresadamente
    han querido visitar esta web. Espero que todo su contenido sea de vuestro agrado, que nos sigais visitando
    en el futuro y por supuesto lo más importante: que disfruteis con la música de MALASOMBRA, ya que esa es
    es la única finalidad de esta web. Un saludo.</p>
    <h1>¿QUE VAS A ENCONTRAR EN ESTA WEB?</h1>
    <h2></h2>


    En el menú que tienes a la izquierda puedes seleccionar cada una de los enlaces de esta Web.
    En ellas vas a encontrar una pequeña biografía de MALASOMBRA; quien es, sus comienzos en la música
    y sus metodos. También podrás ver cuales han sido sus maquetas, incluyendo sus contenidos, cuando se
    grabaron y quien participó en ellas. En cuanto a sus canciones, tendrás la oportunidad de oir su
    repertorio e incluso de opinar de los temas en una pequeña encuesta, que desde aqui te invito a realizar.
    Las letras de los temas se encuentran en otro enlace donde podrás leer cada una de las canciones, incluso
    las que no se han grabado aún. Por último, podrás acceder a un album de fotos donde estan recogidas
    algunas de las instantaneas de MALASOMBRA.</p>
    <h1>AGRADECIMIENTOS</h1>


    Solo me queda dar las gracias a todos los que de alguna forma han formado parte de MALASOMBRA,
    a los que escucharon su musica, a quienes inspiraron canciones, incluso a quienes las criticaron,
    a los que aguantaron los ensayos y soportaron las tediosas repeticiones de las tomas en las grabaciones.
    A todos ellos muchas gracias y por supuesto, especialmente a mi mujer Jose por entender que la musica y yo
    somos un pack, a mis padres y hermana por aguantar tanto y a mi amigo Jose por estar siempre ahí
    como parte de MALASOMBRA.</p>
    </div>

    <div id="pie">
    <div id="pieuno">&#169 MALASOMBRA</div>
    <div id="piedos">

    <a id="mws4585106" href="http://webstats.motigo.com/">
    [contenido no disponible]</a>
    <script src="http://m1.webstats.motigo.com/c.js?id=4585106" type="text/javascript"></script>

    </div>
    </div>

    </body>
    </html>


    ESTILOS:

    * {margin:0px ; padding:0px ; border: 0px}

    body {margin: 0px 0px 0px 0px; background-color:black}

    body {text-align: center}

    #global {width:800px ; margin: 4px auto }

    #cabecera {background-color:pink}

    #logotipo {background-color: black; float:center}
    #publicidad {background-color: black}

    #navegacion {background-color: black }

    #contenido {background-color: black;border:3px double white}
    #contenido p {padding: 5px 10px 20px 10px; color: white; text-align: justify}
    #menu {background-color: #CD0000; width: 170px ; float:left ;text-align:left; margin:3px 10px 3px 3px; border:3px double white}
    #menu li { list-style:none; margin: 6px 6px 58px 6px; font: normal bold 16px Arial }

    a {color: black; font-size:1.3em ; text-decoration: none}
    a:link {}
    a:visited {}
    a:hover {color:white; text-decoration: none}

    <div id="pie">Este es el pié de página</div>

    p {text-align: justify}

    h1 {font-size: 1.6em; color:red ; font-weight: bold ; text-decoration: underline ; text-align: center; padding: 5px 10px 5px 10px}
    h2 {font.size: 1.1em; color:red ; font-weight: bold ; text-decoration: none ; text-align: center}


    #pie {color: white; float: center}
    #pieuno {float: center}
    #piedos {float: right}


    A ver si alguien me puede dar la solucion ya que yo lo reviso y no soy capaz de ver nada. Muchas gracias de antemano
  • Hola joseyma,

    Bueno decirte que algunas cosas no coinciden con lo que has escrito en el post, con lo cual, ó has hecho cambios en el transcurso desde que has escrito éste post, no se exactamente como debe de ser tú página(seguro será ésto último).
    Bien;
    el menu no sale con la altura que yo le he puesto, ni con el borde tampoco.
    Yo en firefox lo veo dentro, y con IE6 se baja un poco y pisa el borde de abajo.
    los enlaces del menu tienen el color al reves de como yo quiero. yo quiero que salgan siempre negros hasta que le paso el cursor por encima y se ponen blancos.
    Yo los veo negros, y tienen un a:hover White, eso está bién.
    los parrafos no salen con los margenes que yo le he puesto, ni tampoco los titulos.
    Esto sinceramente no lo he mirado, pero si veo que el texto está justificado y lo veo bien colocado.
    el color de la letra del pie sale negro y no se ve, cuando yo quiero que salga blanco.
    Yo lo veo blanco.
    . el simbolo de la estadistica del pie sale centrado y no a la derecha.
    Yo lo veo en la derecha.


    Bueno ya nos dirás si lo has solucionado, por que a veces se complica saber exactamente como es tú trabajo, al no tener referencia.

    Saludos manmanu
    Gracias, por tu tiempo, no se por qué cuando escribí el mensaje no se veía bien la pagina y despues de reiniciar el ordenador al día siguiente todo estaba bien.

    Gracias de todas formas
    Hola joseyma,


    Bueno me alegro que se haya solucionado.
    Te recuerdo que en internet explorer 6, tú menú cae hacia abajo.

    Te comento esto por si no te habias percatado.

    Saludos manmanu
    Gracias por lo del menu, yo uso el mozilla y se ve bien, la verdad es que tuve que retocar la plantilla para que se viera bien en el mozilla, por lo que yo en local tb lo veo descolgado.

    ¿como se soluciona esto?

    Cambiando de tema, tengo otra duda:

    He seguido ampliando mi pagina y en el enlace letras de canciones he querido poner un despegable, pero resulta que tengo tres problemas al subirlo (en local siempre parece que va bien y luego al subirlo esta mal):

    1. no me salen los despegables (en local si)

    2. no consigo centrarlos y separarlos un poco unos de otros.

    3. me salen en azul y no se donde exactamente tengo que poner el codigo para que me salgan de otro color.

    Gracias por todo.
    joseyma escribió:Gracias por lo del menu, yo uso el mozilla y se ve bien, la verdad es que tuve que retocar la plantilla para que se viera bien en el mozilla, por lo que yo en local tb lo veo descolgado.

    ¿como se soluciona esto?

    Cambiando de tema, tengo otra duda:

    He seguido ampliando mi pagina y en el enlace letras de canciones he querido poner un despegable, pero resulta que tengo tres problemas al subirlo (en local siempre parece que va bien y luego al subirlo esta mal):

    1. no me salen los despegables (en local si)

    2. no consigo centrarlos y separarlos un poco unos de otros.

    3. me salen en azul y no se donde exactamente tengo que poner el codigo para que me salgan de otro color.

    Gracias por todo.

    Hola:

    En lo otro no me voy a meter porque por lo que leo, ya lo ha solucionado.

    LO que le quiero comentar es ¿De qué desplegables está hablándo?. ¿De los del Curso?.

    Porque si es de los del curso, ¿Qué necesita?. ¿Que las letras del desplegable tengan otro color, o el fondo del desplegable tenga otro color?.

    Si son los fondos del desplegable que necesita que tengan otro color,, lo que hay que modificar son la imagenes que tiene en su carpeta objetos, las que se llaman fondo-activo.gif y fondo-no-activo.gif.

    Se pueden abrir con el Photoshop, pero al estar abiertas y ser con extensión gif, puede que esté bloqueada, por eso habrá que ir (en el Photoshop) y pulsar la pestaña Imagen y en el desplegable que se abre poner el cursor en Modo, y le mostrará un desplegable en que estará marcada la opción Indexada, por eso hay que marcar la que dice RGB, luego de modificar el color, al que usted quiera, vuelve a ir a Imagen--Modo--y vuelve a cambiar a modo Indexado, y la guarda (seguramente le pedirá confirmación del cambio que a hecho, le dice que si y la guarda tal como es, así se le guardará me imagino en la misma carpeta que estaba y ya la tendrá de otro color

    Saludos
    Saludos
    Agradecido de los que aprenden enseñando
    Lo siento si no me he explicado bien, ruego que me disculpen. Intentaré hacerlo mejor:

    Cuando entro en mi pagina (http://malasombra.getenjoyment.net) pincho en el menu de la izquierda en "letras de canciones", una vez alli me aprece la pagina en la que tengo problemas:

    En el menu horizontal que aparece en esa pagina (malasombra, una vida perdida, novedades) no me salen los despegables (cada uno tiene uno).

    Ademas no se como separar las palabras del menu despegable para que salgan centradas con respecto al logo de arriba.

    Por último no se como cambiar el color de las letras del menu despegable.

    Todos los problemas son referidos a esas 3 palabras que salen:

    MALASOMBRA UNA VIDA PERDIDA NOVEDADES

    les dejo los codigos por si me pueden ayudar:

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

    <html>
    <head>
    <title>MALASOMBRA | La Web del músico cordobés</title>

    <link rel="stylesheet" href="estilo-letras-de-canciones.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>


    </head>

    <style>
    .menu {font: bold 20px;color: white}
    </style>

    <body onload="init();">

    <div id="global">

    <div id="cabecera">

    <div id="logotipo">
    [contenido no disponible]

    <div id="publicidad"></div>
    </div>


    <div id="navegacion">
    <ul>
  • MALASOMBRA
  • UNA VIDA PERDIDA
  • NOVEDADES

    </div>


    <div id="contenido">

    <h1>LETRAS DE CANCIONES</h1>




    Aqui podeis encontrar las letras de las canciones, ordenadas por maquetas. </p>


    <p/class="center">VOLVER</p>
    </div>

    <div id="pie">
    <div id="pieuno">&#169 MALASOMBRA</div>
    <div id="piedos">

    <a id="mws4585106" href="http://webstats.motigo.com/">
    [contenido no disponible]</a>
    <script src="http://m1.webstats.motigo.com/c.js?id=4585106" type="text/javascript"></script>

    </div>

    <div id="pietres"></div>
    </div>

    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>

    </body>
    </html>


    los estilos:

    * {margin:0px ; padding:0px ; border: 0px}

    body {margin: 0px 0px 0px 0px; background-color:black}

    body {text-align: center}

    #global {width:800px ; margin: 4px auto }

    #cabecera {background-color:black}

    #logotipo {background-color: black; float:center}
    #publicidad {background-color: black}


    #navegacion {background-color: black ;border: black 1px solid ;height:230px; font: normal 22px 10px Times New Roman ; padding: 10px 0px 10px 0px}
    #navegacion li {float:left ; list-style:none ; margin: 0px 5px 0px 10px; list-align: center}
    #navegacion ul { margin-left: 1px }



    #contenido {background-color: black;border:3px double white}
    #contenido p {padding: 5px 10px 5px 10px; color: white; text-align: center; text-indent: 20px; text-decoration: none; font-family: Times New Roman; font-size: 18px}


    <div id="pie">Este es el pié de página</div>

    p {text-align: justify}

    h1 {font-size: 1.6em; color:red ; font-weight: bold ; text-decoration: underline ; text-align: center; padding: 10px 10px 10px 10px}
    h2 {font.size: 1.1em; color:white ; font-weight: bold ; text-decoration: none ; text-align: left; padding: 10px 10px 10px 10px}


    #pie {color: white; float: center}
    #pieuno {float: center}
    #piedos {float: right}
    #pietres {float: left}


    gracias de antemano. un saludo
  • Hola:
    Vamos a ir por partes (es que tengo que salir)
    Para cambiar el color de las letras del menu desplegable debe ir a la hoja de estilo de los menu desplegables que está en la carpeta de su escritorio.Puede poner el cursor sobre el archivo y hacer click derecho para que le aparezca un desplegable , y en el que tiene que poner el cursor sobre el que dice "Abrir Con", para que le muestre otro desplegable en el que debe elegir o pulsar en el que dice Bloc de notas.

    Así cuando tenga ese archivo abierto, está divido en varias secciones (más o menos separadas unas de otras).
    Usted se dirige donde diga:

    /* each TR.item is one menu item */
    .transMenu .item {
    color:#0000FF; (Acá le puede cambiar el color, yo he puesto rojo)
    background-image: url(objetos/fondo-no-activo.gif);
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    text-decoration:none;
    /* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
    border:none;
    cursor:pointer;
    cursor:hand;
    }


    Así las letras del desplegable le saldrán de color rojo.

    Ahora para cambiar el color de las lestras del desplegable, pero cuando pase el cursor sobre ellas, debe dirigirse a esta otra sección (que estará unas cuatro secciones más abajao)

    /* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
    .transMenu .item.hover {
    background-image: url(objetos/fondo-activo.gif);
    color:#FFFF00;(Acá le cambia el color, yo he puesto azul)
    }

    Con todo esto, cuando usted ponga el cursor en el enlace correspondiente de su menu horizontal, se le abrirá el desplegable teniendo las letras rojas, y cuando ponga el cursor encima de algún enlace del desplegable, esas letras del enlace en que ha puesto el cursor encima, se le volverán azules.

    Ahora si usted quiere a toda la capa del desplegable ponerle un borde que no sea negro o gris, puede ir arriba, creo que a la seccion tres


    /* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
    .transMenu .items {
    position:relative;
    left:0px; top:0px;
    border:1px solid #FF0000;(Acá le he puesto borde de un px y de color rojo)
    z-index:2;
    }

    No se si he entendido bien lo del cambio de color del las letras del menu horizontal, pero como esos son enlaces.

    Imaginemos que esa capa se llama navegacion, pues entonces en la hoja de estilo general
    usted crea abajo las directivas para esos enlaces correspondientes a esa capa, por ejemplo

    #navegacion a{text-decoration:none;color:black; display et. etc. etc.}
    #navegacion a:link{}
    #navegacion a:visited{}
    #navegacion a:hover{text-decoration:none;color:white; etc. etc. etc.}
    #navegacion a:active{}

    Un recordatorio:

    Cuando escriba los enlaces de sus desplegables en su página revise que no tenga espacios, el único espacio que tiene que haber es entre la a y el id (<a id)
    Lógicamente también pueden haber espacios en el enlace en si mismo, como por ejemplo (UNA VIDA PERDIDA)

    Espero le sirva de algo lo que le digo
    Lo de centrar ya se verá, (tengo que salir)

    Saludos