Hola, sigue sin salirme bien

Esto es lo que tengo pero no me sale bien la pagina:

<!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 iv="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
    menu</div><h1>Esta será la zona principal de la web</h1>

    ARTESANIA DEL CAJON FLAMENCO</P>

    Fabricación artesana de cajones flamencos</p>

    Disponemos de Gama Media, Alta y Profesional</p>

    Además podrá encontrar cajones pertenecientes a la Gama Infantil asi como una amplia variedad de cajones personalizados</p></div><div id="pie">Este es el pié de página</div>
    </div>
    </body>
    </html>
    -------------------------------------------------------------

    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    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}
    p {text-align: justify}
    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 {background-color: brown ; width:280px ; float:left }
    #publicidad {background-color: pink; width:518px ; float:right ; margin-top:25px}
    #navegacion {background-color: pink ; 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-right: 10px }
    #menu li {list-style:none ; margin:3px 10px 3px 3px}
    #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 {}
  • Holaaa :wink:

    Tienes un par de errores, los cuales los marcaré con rojo para que los observes :wink:

    <!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="curva-superior"></div><div iv="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
    menu</div><h1>Esta será la zona principal de la web</h1>

    ARTESANIA DEL CAJON FLAMENCO</P>

    Fabricación artesana de cajones flamencos</p>

    Disponemos de Gama Media, Alta y Profesional</p>

    Además podrá encontrar cajones pertenecientes a la Gama Infantil asi como una amplia variedad de cajones personalizados</p></div>

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

    Lo rojo hay que borrarlo, y hay que agregar lo verde.

    Has puesto el div "curva superior" dentro del global, cuando en realidad va afuera :wink:

    Y has agregado la palabra "menu" al cerrar el div, y eso está de más :wink:

    Pruebalo y nos cuentas :wink: Saludos :wink:
  • He puesto esto y nada no ma sale bien:


    <!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="curva-superior"></div><div iv="global">
    <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
    </div><h1>Esta será la zona principal de la web</h1>

    ARTESANIA DEL CAJON FLAMENCO</P>

    Fabricación artesana de cajones flamencos</p>

    Disponemos de Gama Media, Alta y Profesional</p>

    Además podrá encontrar cajones pertenecientes a la Gama Infantil asi como una amplia variedad de cajones personalizados</p></div><div id="pie">Este es el pié de página</div>
    </div>
    </body>
    </html>
    ------------------------------------------------

    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    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}
    p {text-align: justify}
    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 {background-color: brown ; width:280px ; float:left }
    #publicidad {background-color: pink; width:518px ; float:right ; margin-top:25px}
    #navegacion {background-color: pink ; 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-right: 10px }
    #menu li {list-style:none ; margin:3px 10px 3px 3px}
    #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 {}
  • Hola
    La curva superior debe estar dentro de global
    ya que esta como su nombre lo indica, engloba todo el contenido de tu web, y la curva es parte de ella..

    pero... fijate aqui


    </head>
    <body>
    <div iv="global">
    <div id="curva-superior"></div>
    <div id="cabecera">
    <div id="logotipo">

    ves el fallo?????? has puesto iv en ves de id

    lo checas y nos avisas

    saludos