Entrar

Leccion 3 - MENU LATERAL

ceadepemar · · Solicitar retirada
Al parecer tengo los códigos (css y html) perfectamente. También he copiado las imágenes (menu-curva-superior.gif y menu-parte-ingeror.gif) en la carpeta objetos.
Pero, NO LOGRO VER ESAS DOS IMAGENES. Veo el menú lateral con el mismo fondo de la zona principal de la web.
Adjunto captura de pantalla, css y html
Gracias anticipadas

<!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">
</head>
<body>
<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

    </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.</p>


    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">Este es el pié de página</div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>


    * {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: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 {margin: 5px 10px 0px 10px ; text-indent: 15px}
    #menu {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 }
    #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 {}

    Finalmente no he podido meter en el foro la CAPTURA DE PANTALLA
    http://patxi.atwebpages.com/plantilla.html
    • fermarmax · · Solicitar retirada
    Por lo que veo... y si no veo mal los códigos los tienes bien, has mirado que los tengas dentro de la carpeta de objetos??

    Tranki no es que te trate de tonto... a mi me ha pasado y he creído tenerlos en esa carpeta y por error mio los copia en otro sitio...

    O que los tengas con otro formado u alguna letra de mas... otra cosa no veo...

    Un saludo
    Fermarmax
    Yaneth · · Solicitar retirada
    ya lo arreglaste?
    yo veo perfecto ambas curvas
    solamente no veo la imagen de fondo del menu
    vuelve a subir esa imagen

    saludos
    ceadepemar · · Solicitar retirada
    fermarmax escribió:Por lo que veo... y si no veo mal los códigos los tienes bien, has mirado que los tengas dentro de la carpeta de objetos??

    Tranki no es que te trate de tonto... a mi me ha pasado y he creído tenerlos en esa carpeta y por error mio los copia en otro sitio...

    O que los tengas con otro formado u alguna letra de mas... otra cosa no veo...

    Un saludo
    Efectivamente. No exactamente lo que dices, pero parecido. Al copiarlos a la carpeta objetos, no sé por qué regla, el ordenador ha añadido un 1 a cada uno de los dos archivos de imagen. Como el nombre de esos archivos es largo, no me he percatado del 1 porque ese 1 se solapaba y no lo veía en el workspace de HTML-KIT.
    De todas formas, puede que algo no tenga bien aún ahora, ya que no veo
    la parte curvada de arriba, además de que la anchura no es la correcta.
    Gracias de todas las maneras. A ver si logro verlo del todo correcto.
    ceadepemar · · Solicitar retirada
    Yaneth escribió:ya lo arreglaste?
    yo veo perfecto ambas curvas
    solamente no veo la imagen de fondo del menu
    vuelve a subir esa imagen

    saludos

    Hola, Yaneth
    Ya he visto en los foros que eres el hada madrina de los principiantes como yo.
    El problema no es de las curvas de arriba y de abajo de la página. El problema es del fondo del menú. Ese fondo del menú en realidad son dos imágenes que se copian en la carpeta objetos. Y, como puedes ver en la respuesta que acabo de enviar a otro amigo, ya lo he solucionado, aunque aún me queda algún detalle po limar.
    Pero, con la ayuda inestimable de Yaneth y los demás, lo lograré.
    Gracias.
    nosabernada · · Solicitar retirada
    ceadepemar escribió:
    Yaneth escribió:ya lo arreglaste?
    yo veo perfecto ambas curvas
    solamente no veo la imagen de fondo del menu
    vuelve a subir esa imagen

    saludos

    Hola, Yaneth
    Ya he visto en los foros que eres el hada madrina de los principiantes como yo.
    El problema no es de las curvas de arriba y de abajo de la página. El problema es del fondo del menú. Ese fondo del menú en realidad son dos imágenes que se copian en la carpeta objetos. Y, como puedes ver en la respuesta que acabo de enviar a otro amigo, ya lo he solucionado, aunque aún me queda algún detalle po limar.
    Pero, con la ayuda inestimable de Yaneth y los demás, lo lograré.
    Gracias.
    Hola,

    no alegra ver que lo has arreglado, para mas consultas aqui la hada madrina Yaneht y sus hijos, de mayores a menores.

    Adios
    Yaneth · · Solicitar retirada
    jejej

    como siempre es un placer
    cualquier duda por aqui andamos

    formamos una gran familia verdad???? :wink:
    ceadepemar · · Solicitar retirada
    Yaneth escribió:jejej

    como siempre es un placer
    cualquier duda por aqui andamos

    formamos una gran familia verdad???? :wink:

    Perdona Yaneth
    Fuera de los asuntos de CCTW, me dice mi mujer (ella ha estado en Mejico viviendo hace ya años) que te pregunte a ver qué son RINES
    Un saludo
    Yaneth · · Solicitar retirada
    hola

    rines, son esas cosas de metal (aluminio o fierro)
    que llevan los carros dentro de las llantas

    llantas, son esas cosas de hule negras redondas que las usan los carros para rodar jejejeje

    buena mi explicacion verdad????