problema con las imagenes

perfectamente pude colocar las imagenes corespondientes en las lecciones pero cuando quise colocar otra que no sea la de ustedes, o hice una (para los bordes y logotipo), con el mismo nombre, todo igual pero no se ven las imagenes, queda el espacio pero no se ven
Podrias dejar todo el codigo HTML y Css que estas llevando hasta ahora?

Y donde estas guardando esas imagenes tuyas?
estoy guardando todas las imagenes en la carpeta objetos
te paso los códigos y te adelanto que esto es sobre "mis experimentos".
me aceguré de que los nombres de las imágenes estuvieran corectos.
ah y el borde inferior es el que saqué de su pagina y este quedó bien.



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

<html>
<head>
<title>Pagina principal de Magela </title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="#">
<imag src="objetos/logotipo-mag.gif"width="270"height="80"
alt="Haz clic aquí para volver a la página de inicio">
</a>
</div>
<div id="publicidad">Bienvenido a mi Web</div>
</div>
<div id="navegacion">
<ul>
  • sección 1 jjjjjj
  • seccion 2 jjjjjj
  • secciom 3 jjjjjj
  • seccion 4 jjjjjj
  • seccion 5 jjjjjj
  • seccion 5 jjjjjj
  • seccion 5 jjjjjj

    </div>
    <div id="contenido">
    <div id="imagen">
    [contenido no disponible]
    </div>
    <div id="menu">
    <ul>
    <h1>titulo de sección 1</h1>
  • enlace 1
  • enlace 2
  • enlace 3
  • enlace 2
  • enlace 3

    </div>
    <h1>primer titulo</h1>


    </p>


    </p>


    zona principal</p>
    <h2>segundo titulo</h2>


    </p>
    </div>
    <div id="pie">pie de página</div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>







    *{margin:0px;padding:0px;border:0px}
    body{background-color:#9ACD32;background-image:url(objetos/fondo.png.jpg)}
    #cabecera{background-color:skyblue;border-left:violet 2px solid;
    border-right:violet 2px solid;border-top:violet 2px solid;height:85px}
    #logotipo{background-color:brown;width:280px;float:left}
    #publicidad{backgound-color:pink;width:518px;float:right;margin-top:25px}
    #navegacion{background-color:gray;border:violet 2px solid;height:20px}
    #navegacion li{float:left;list-style:none;margin:0px 10px 0px 10px}
    #navegacion ul{margin-left:50px}
    #contenido{background-color:orange;width:800px;
    float:left;border-left:violet 2px solid;border-right:violet 2px solid}
    contenido p{padding:5px 10px 5px 10px;text-ident:15px}
    #menu{background-color:yellow;width:150px;float:left;text-align:left;
    right:10px;margin:3px 10px 3px 3px}
    #imagen{float:right}
    #menu li{list-style:none;margin:4px 0px 4px 6px}
    #pie{background-color:skyblue;border:violet 2px solid}
    #global{width:800px;margin:4px auto}
    body{text-align:center}
    p{text-align:justify}
    #curva-superior{background-image:url(objetos/superior.gif)}
    background-repeat:no-repeat;width:800px;height:12px;overflow:hidden}
    h1{font-size:1.2em;color:blak;font-weight:bold;text-decoration:underline;text-align:center}
    h2{font.size:1.1em;color:blak;font-weight:bold;text-decoration:none;text-align:center}
    #curva-inferior{background-image:url(objetos/curva-inferior.gif);
    backgroun-repeat:no-repeat;
    width:800px;
    height:12px;
    overflow:hidden}
    a{color:blue;text-decoration:none;display:blok}
    a:link{}
    a:visitec{color:violet}
    a:hover{color:red;text-decoration:underline;background-color:silver}
    a:active{}
  • Aca esta el error del Logotipo

    <imag src="objetos/logotipo-mag.gif"width="270"height="80"
    alt="Haz clic aquí para volver a la página de inicio">

    Deberia ser

    [contenido no disponible]

    En cuanto a los bordes y otras imagenes, no se ven por errores en la hoja de estilos.

    Siempre mira que no hayan letras demás en las ordenes que vas dando, y separa ordenes con ; . Aca te paso la que modifique yo por si la queres , es la misma, pero mas ordenada y corregida

    Ah! La imagen de fondo tiene que ser png o jpg ; en tu hoja de estilos tenia doble extension, no se que onda con eso....

    *{margin:0px;padding:0px;border:0px}
    
    body         {background-color:#9ACD32
                 ;background-image:url(objetos/fondo.png)}
    
    #cabecera     {background-color:skyblue
                  ;border-left:violet 2px solid
                  ;border-right:violet 2px solid
                  ;border-top:violet 2px solid
                  ;height:85px}
                  
    #logotipo     {background-color:brown
                  ;width:280px
                  ;float:left}
             
    #publicidad    {backgound-color:pink
                   ;width:518px
                   ;float:right
                   ;margin-top:25px}
                   
    #navegacion    {background-color:gray
                   ;border:violet 2px solid
                   ;height:20px}
                   
    #navegacion li {float:left
                   ;list-style:none
                   ;margin:0px 10px 0px 10px}
                   
    #navegacion ul {margin-left:50px}
    
    #contenido     {background-color:orange
                   ;width:800px
                   ;float:left
                   ;border-left:violet 2px solid
                   ;border-right:violet 2px solid}
                   
    .contenido p   {padding:5px 10px 5px 10px
                   ;text-ident:15px}
                   
    #menu          {background-color:yellow
                   ;width:150px
                   ;float:left
                   ;text-align:left
                   ;right:10px
                   ;margin:3px 10px 3px 3px}
                   
    #imagen        {float:right}
    
    #menu li       {list-style:none
                   ;margin:4px 0px 4px 6px}
                   
    #pie           {background-color:skyblue
                   ;border:violet 2px solid}
                   
    #global        {width:800px;margin:4px auto}
    
    body{text-align:center}
    
    p{text-align:justify}
    
    #curva-superior{background-image:url(objetos/superior.gif)}
                    ;background-repeat:no-repeat
                    ;width:800px
                    ;height:12px
                    ;overflow:hidden}
                    
    h1              {font-size:1.2em
                    ;color:blak
                    ;font-weight:bold
                    ;text-decoration:underline
                    ;text-align:center}
                    
    h2              {font.size:1.1em
                    ;color:blak
                    ;font-weight:bold
                    ;text-decoration:none
                    ;text-align:center}
                    
    #curva-inferior {background-image: url(objetos/curva-inferior.gif)
                    ;background-repeat:no-repeat
                    ;width:800px
                    ;height:12px
                    ;overflow:hidden}
                    
    a{color:blue ; text-decoration:none ; display:block}
    a:link{}
    a:visited{color:violet}
    a:hover{color:red;text-decoration:underline;background-color:silver}
    a:active{}