+ Responder Tema
Resultados 1 al 4 de 4

Tema: El dibujo del menú

  1. #1
    Recien Llegado! Habitual AnaH Está en el buen camino
    Fecha de Ingreso
    28 sep, 07
    Mensajes
    14
    Poder de Reputación
    7

    El dibujo del menú

    En mi web experimento no me sale la parte superior del menu, que es lo que ocurre?

    pagina principal

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <font face="tw cen mt">

    <head>
    <title>Asignatura Pendiente - Página Principal</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">[img]objetos/logotipo.gif[/img]</div>
    <div id="publicidad"><font color="#00BD5E"><font size="18">Bienvenidos</font></font></div>
    </div>
    <div id="navegacion">
    <ul>
    [*]Inicio[*]Biografías[*]Discografía
    [*]Multimedia
    [*]Foro[*]Contacto[/list] </div>
    <div id="contenido">
    <div id="menu">


    <center><font color="Black">Noticias</font></p></center>
    <ul>[*]Enlace 1[*]Enlace 2[*]
    Enlace 3[*]Enlace 4[/list] </div>

    </br>
    <h1>Esta será la zona principal de la web</h1>

    </br>
    <font color= #ffffff>

    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>


    </p>
    <h2>Y este es el tercer párrafo.</h2>


    </p>


    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></font>

    </br>
    </div>
    <div id="pie">
    <div id="pieuno">
    <ul>[*]Foro Ejemplo[*]<a class="enlaceuno" href="#">Contactos
    </a>[*]Nos Enlazan[/list]</div>
    <div id="piedos">pie dos</div>
    <div id="pietres">
    <ul>[*]Foro Ejemplo[*]<a class="enlaceuno" href="#">Contactos
    </a>[*]Nos Enlazan[/list]</div>
    </div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </font>

    </html>

    estilo-general.ccs

    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    p {text-align: justify}
    h1 {font-size: 1.9em; color:white ; font-weight: bold ; text-decoration: underline ;
    text-align: center}
    h2 {font.size: 1.6em; color:#00BD5E ; font-weight: bold ; text-decoration: none ;
    text-align: center}
    body {background-color: black ; text-align: center }
    #global {width:800px ; margin:4px auto }

    #curva-superior { background-image: url(objetos/dibujo.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    #cabecera {background-color: white ; border-left: white 1px solid ;
    border-right: white 1px solid ; height:85px}
    #logotipo {width:280px ; float:left }
    #publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
    #navegacion {background-color: black ; border-left: white 1px solid ; border-top: black 1px solid ; border-right: white 1px solid ; border-bottom: #00BD5E 1px solid; height:20px }
    #navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
    #navegacion ul { margin-left: 180px }
    #contenido {background-color: black ; border-left: white 1px solid ;
    border-right: white 1px solid }
    #contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
    #menu {background-color: black ; 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: 6px 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: white 1px solid ; border-right: white 1px solid ; border-top: black 1px solid ; height: 65px }
    #pie li {list-style:none ; font-size: 12px }
    #pieuno {float:left ; width:150px }
    #piedos {float:left ; width:498px }
    #pietres {float:left ; width:150px }

    #curva-inferior { background-image: url(objetos/Dibujo2.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    a {color: #00BD5E; text-decoration:none }
    a:link {}
    a:visited {}
    a:hover {}
    a:active {}
    #pie a {color: blue; text-decoration:none }
    #pie a:link {}
    #pie a:visited {}
    #pie a:hover {color:black ; text-decoration:underline ; background-color: white }
    #pie a:active {color:black}

  2. #2
    Es que hay vida fuera de CCTW? Habitante Jugoncan Está en el buen camino
    Fecha de Ingreso
    05 oct, 07
    Ubicación
    Sevilla - España
    Mensajes
    4,624
    Poder de Reputación
    30
    Donde has definido #curva-superior en la hoja de estilos pon:
    height: alturapx (Ej.: #curva-superior { background-image: url(objetos/dibujo.gif); height: 20px} )

  3. #3
    Recien Llegado! Habitual AnaH Está en el buen camino
    Fecha de Ingreso
    28 sep, 07
    Mensajes
    14
    Poder de Reputación
    7
    no, esque no es la parte superior de la página sino la parte superior del menú.. esto:



    vuelvo a copiar los códigos:

    estilo-general.css




    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    p {text-align: justify}
    h1 {font-size: 1.9em; color:white ; font-weight: bold ; text-decoration: underline ;
    text-align: center}
    h2 {font.size: 1.6em; color:#00BD5E ; font-weight: bold ; text-decoration: none ;
    text-align: center}
    body {background-color: black ; text-align: center }
    #global {width:800px ; margin:4px auto }

    #curva-superior { background-image: url(objetos/Dibujo.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    #cabecera {background-color: white ; border-left: white 1px solid ;
    border-right: white 1px solid ; height:85px}
    #logotipo {width:280px ; float:left }
    #publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
    #navegacion {background-color: black ; border-left: white 1px solid ; border-top: black 1px solid ; border-right: white 1px solid ; border-bottom: #00BD5E 1px solid; height:20px }
    #navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
    #navegacion ul { margin-left: 180px }
    #contenido {background-color: black ; border-left: white 1px solid ;
    border-right: white 1px solid }
    #contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px ; padding: 5px 10px 5px 10px }
    #menu {background-color: black ; 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 {background-image: url(objetos/menu-parte-superior.gif) ; text-decoration:none ; font-size:12px ; padding-top:12px }
    #pie {background-color: white ; border-left: white 1px solid ; border-right: white 1px solid ; border-top: black 1px solid ; height: 65px }
    #pie li {list-style:none ; font-size: 12px }
    #pieuno {float:left ; width:150px }
    #piedos {float:left ; width:498px }
    #pietres {float:left ; width:150px }

    #curva-inferior { background-image: url(objetos/Dibujo2.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    a {color: #00BD5E; text-decoration:none }
    a:link {}
    a:visited {}
    a:hover {}
    a:active {}
    #pie a {color: blue; text-decoration:none }
    #pie a:link {}
    #pie a:visited {}
    #pie a:hover {color:black ; text-decoration:underline ; background-color: white }
    #pie a:active {color:black}

    página donde ocurre el problema

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <font face="tw cen mt">

    <head>
    <title>Asignatura Pendiente - Página Principal</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">[img]objetos/logotipo.gif[/img]</div>
    <div id="publicidad"><font color="#00BD5E"><font size="18">Bienvenidos</font></font></div>
    </div>
    <div id="navegacion">
    <ul>
    [*]Inicio[*]Biografías[*]Discografía
    [*]Multimedia
    [*]Foro[*]Contacto[/list] </div>
    <div id="contenido">
    <div id="menu">


    <center><font color="Black">Noticias</font></p></center>
    <ul>[*]Enlace 1[*]Enlace 2[*]
    Enlace 3[*]Enlace 4[/list] </div>

    </br>
    <h1>Esta será la zona principal de la web</h1>

    </br>
    <font color= #ffffff>

    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>


    </p>
    <h2>Y este es el tercer párrafo.</h2>


    </p>


    En pocas lecciones aprenderé a darle margenes para
    separarlos unos de otros, e incluso hacerles sangrías 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></font>

    </br>
    </div>
    <div id="pie">
    <div id="pieuno">
    <ul>[*]Foro Ejemplo[*]<a class="enlaceuno" href="#">Contactos
    </a>[*]Nos Enlazan[/list]</div>
    <div id="piedos">pie dos</div>
    <div id="pietres">
    <ul>[*]Foro Ejemplo[*]<a class="enlaceuno" href="#">Contactos
    </a>[*]Nos Enlazan[/list]</div>
    </div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </font>

    </html>

  4. #4
    Administrador CCTW Webmaster de CCTWHabitante jorgens Está en el buen camino
    Fecha de Ingreso
    10 ago, 05
    Ubicación
    Cartagena, España
    Mensajes
    3,721
    Poder de Reputación
    10
    asegurate de que has subido la imagen a tu servidor y que está dentro de la carpeta "objetos".

    Ah y vigila las mayusculas de los archivos!

+ Responder Tema

Temas Similares

  1. aplicacion fireworks dibujo
    Por Barracuda en el foro Photoshop
    Respuestas: 4
    Último Mensaje: 10/03/2010, 08:44
  2. Problemas con la cargar dibujo en la web
    Por elfranceslll en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 1
    Último Mensaje: 02/05/2009, 09:44

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes