Insertar logo - Mi página se ha descompuesto .. y yo tambien

Y ahora ¿que ha pasado????? Es que ya hay tantas cosas que yo no veo cuando me equivoco... Perdonadme que os moleste cada 2 por 3. Pero me quedo pillá y no puedo seguir ... Gracias por ayudar una vez mas.


<!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">
<a href="index.html">
[contenido no disponible]
</a>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>

<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4
  • Enlace 5
  • Enlace 6</div>




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


    All lovers of art, literature, music, theatre, movies etc. will have the chance to meet every day of the year one of the important representatives of their speciality. With Information about their person, life and work I would like to ...</p>


    I hope you enjoy listening to music, reading a peace of world literature or seing a beautiful and interesting peace of art every day. </p>


    <h2>Every day of the year</h2>
    we dedicate to one (or more) artist as per their birthdays. Some of them, whose exact dates of birth are unknown, we have allocated dates that were available. You can also search your favourite artist by name or date of birth.</p>

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

    </body>
    </html>

    Un saludo,
    Susana
  • Hola Susana. Bienvenida al foro!!!!

    En principio no veo nada raro en el codigo html que nos has colocado. Enseñanos el contenido de la hoja de estilos por si está allí el fallo y, explicanos mejor cual es ese error exactamente para saber qué tenemos que buscar, oki?

    Un saludo! :wink:
    Hola Jorgens

    Gracias por tu ayuda rápida. Pues mira: te adjunto tambien la hoja de estilos. Seguro que con los margenes hay algo raro pq se me han ido las cosas por todas partes, menos donde tendrían que estar... jaja:

    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    body {text-align: center }
    #cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px}

    #navegacion {background-color: gray ; border: black 1px solid}
    #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}
    #menu li {list-style:none ; margin: 4px 0px 4px 6px }
    #pie {background-color: white; border-left: black 1px solid ; border-right: black 1px solid }
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}
    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}
    #curva-superior {background-image: url(objetos/curva-superior.gif); background-repeat: no-repeat; width:800px ;height: 12px; overflow: hidden}
    #curva-inferior {background-image: url(objetos/curva-inferior.gif); background-repeat: no-repeat; width:800px ;height: 12px; overflow: hidden }
    #logotipo {background-color: brown ; width:280px ; float:left }
    #publicidad {background-color: pink; width:518px ; float:right; margin-top:25px}

    Un saludo,
    Susana
    hola

    te falta poner una linea

    en la plantilla tienes esto:

    <div id="global">

    pero en la hoja de estilos, te falta definir la div global
    deberias tener esto asi:

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


    Recuerda acomodar las cosas en la hoja de estilos por orden de aparicion en el documento html

    por ejemplo asi:

    * {............}
    body {.....}
    global{....}
    curva superior{......}
    cabecera {.........}
    logotipo {.........}

    asi evitarás problemas en el futuro, ya que la hoja de estilos lee de arriba hacia abajo

    saludos
    Para comprobar esas cosas rapidamente a mi me gusta siempre colocar la definicion de las capas por orden de aparición en la hoja de estilo (salvo que eso me de algun problema). Así me es facil comprobar que están todas y encontrar la que busco cuando quiero cambiarla.

    Gracias Yaneth!
    Gracias Yaneth

    Ya se lo que ha pasado. Es muy peligroso lo que hago: copiar y pegar todos los pasos descritos en el curso. Conlleva el peligro de sobreescribir o "sobrepegar" cosas que ya están puestos si no tiene una quidado... La línea esta de #global la tenía y ha desaparecido de repente. Y yo no me doy cuenta de esas cosas.

    Muchas gracias.

    Un saludo,
    Susana
    te recomiendo que en la mayoría de lo posible
    evites hacer copy & past

    aunque es mas rapido, no estás practicando la escritura correcta de las cosas, y te pierdes fácilmente

    mejor escribe toooodo a mano, claro tomando la guia de base
    verás como en poco tiempo, comprenderás mejor la sintaxis, y verás los errores futuros


    saludos
    y suerte