Entrar

Problema con la insercion de la imagen superior del menu.

cherna · · Solicitar retirada
Hola ! Mi segundo problema desde que comence el curso je je :D

Me encontre con un problema en la tercera leccion del curso paso a paso, para ser mas preciso en el siguiente link

http://www.comocreartuweb.com/html-kit-tutorial/tutorial-html-kit-l…

intente agregar la imagen superior al menú y no se agrega.


La capa CSS:


* {margin:0px ; paddling:0px ; border:0px}
p {color: #FFFFFF ; text-align: right}
body {text-align: center}
#cabecera {background-color: white ; border-bottom: 1px solid white ; height: 135px}
#logo {background: pink ; width: 128px ; float:left}
#publicidad {background: brown ; width: 665px ; float:right ; margin-top: 25px}
#navegacion {background-color: grey ; border-top: 1px solid white ; border-bottom: 2px solid white ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 15px 0px 15px}
#navegacion ul {margin-left:180px}
#navegacion a {font-size: 1.2em ; text-decoration: none}
#navegacion a:link {}
#navegacion a:visited {}
#navegacion a:hover {text-decoration: underline}
#navegacion a:active {}
#contenido {background-color: #000000}
#contenido p {padding: 15px 20px 0px 0px}
#contenido h1 {color: white ; font-weight: bold ; text-decoration:none ; text-align: right ; margin: 5px 230px 10px 0px}
#contenido h2 {color: white ;font-size: 1em ; text-decoration: none ; text-align:right}
#pie {background-color: blue ; border: 2px solid grey}
#pie p {text-align:center}
#global {width:800px ; margin: 4px auto}
#menu {background-color: #000000; width: 150px ; float:left ; text-align:left ; margin: 10px 10px 10px 10px}
#menu li {list-style:none ; margin: 4px 0px 4px 6px}
#menu a {font-size:1em ; color: #FFFFFF ; text-decoration:none ; display:block}
#menu a:hover {color: #000000 ; text-decoration:underline ; background-color: #FFFFFF}
#menu h1 {color: #FFFFFF ; font-size:1.1em ; background-image: url(objetos/menu-parte-superior.gif) }
#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}
a:link {}
a:visited {}
a:hover {color: #000000 ; text-decoration: underline ; background-color: #FFFFFF}
a:active {}


y la plantilla:


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

<html>
<head>
<title>Synapse</title>
<link rel="stylesheet" href="estilos-generales.css" type="text/css" medial="all"
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logo">
<a href="plantilla.html">
[contenido no disponible]
</a>
</div>
<div id="publicidad">Bienvenido a Synapse</div>
</div>
<div id="navegacion">
<ul>
  • Home
  • Sinapsis
  • About
  • Contact us
    </div>
    <div id="contenido">
    <div id="menu">
    <ul><h1>Menu</h1>
  • Home
  • Sinapsis
  • About
  • Contact us
    </div>
    <h1>Synapse</h1>
    <h2>Synapse it's a safe and simple way to transfer files.</h2>


    Contenido contenido contenido contenido
    Contenido contenido contenido contenido
    Contenido contenido contenido contenido
    Contenido contenido contenido contenido
    Contenido contenido contenido contenido
    Contenido contenido contenido contenido
    Contenido contenido contenido contenido
    Contenido contenido contenido contenido</p>
    </div>
    <div id="pie">


    Copyright © 2011</p>


    Francisco Cherna</p>
    </div>
    <div id="curva-inferior"></div>
    </body>
    </html>


    Desde ya, gracias por las respuestas ! ;)
    • Yaneth · · Solicitar retirada
    hola
    muestranos en captura de pantalla el contenido de la carpeta objetos

    saluds
    cherna · · Solicitar retirada
    Yaneth escribió:hola
    muestranos en captura de pantalla el contenido de la carpeta objetos

    saluds

    Perdón por mi desconocimiento, pero como agrego una imagen a este mensaje? :oops:
    Yaneth · · Solicitar retirada
    hola

    veo que te falta cerrar el div global,
    cuentale cuantos divs tienes abiertos, y verás que te falta cerrar uno
    en rojo lo que falta

    Contenido contenido contenido contenido
    Contenido contenido contenido contenido</p>
    </div>
    <div id="pie">


    Copyright © 2011</p>


    Francisco Cherna</p>
    </div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>


    aqui
    te falta cerrar tambien
    <link rel="stylesheet" href="estilos-generales.css" type="text/css" medial="all" >

    de la curva, la veo perfecta

    saludos