Entrar

problema con las imagenes

magarf · · Solicitar retirada
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
*Caleb* · · Solicitar retirada
Podrias dejar todo el codigo HTML y Css que estas llevando hasta ahora?

Y donde estas guardando esas imagenes tuyas?
magarf · · Solicitar retirada
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{}
    • *Caleb* · · Solicitar retirada
    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{}