Entrar

No consigo introducir imagenes

adhesive · · Solicitar retirada
Hola, he leido diferentes foros con problemas parecidos, peros in embargo no doy con el problema y no me salen las imagenes. Cuando guardaba las imagenes, le ponia el nombre a la imagen y tb escribia el .gif o el formato q sea. dejo aki la plantilla y estilo-general.css

ESTILO-GENERAL.CSS
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
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 }
#cabecera { background-color: pink ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid }
#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-right: 10px ; margin: 3px 10px 3px 3px }
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#pie {background-color: brown ; border: 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}
{border: 1px solid black ; }



PLANTILLA
<!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">Bienvenidos a mi Web</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>


    Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
    <h2>Y este es el tercer párrafo</h2>.

    En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>


    Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
    </div>
    <div id="pie">Este es el pié de página</div>
    </div>
    </body>
    </html>
    • Raulyure · · Solicitar retirada
    adhesive escribió:Gracias por todo!
    http://xs.to/xs.php?h=xs232&d=08443&f=objetos358.gif
    Hola:
    No estoy seguro cuales son las imagenes que usted no puede poner ya que usted pone acá los códigos de la hoja de estilo general y los códigos de la plantilla.
    La plantilla tiene una hoja de estilo que sería la que se llama estilo-general.css, y por el momento las únicas imagenes que hay que poner allí serían las curvas como por ejemplo poner en la hoja de estilo-general

    #curva-superior{background-image:url(objetos/curva-superior.gif);
    background-repeat:no-repeat;
    width:800px;
    height:12px;
    overflow:hidden}
    Si por casualidad esta curva no se ve con el código anterior, pruebe añadirle .gif, o sea que quede así:
    #curva-superior{background-image:url(objetos/curva-superior.gif.gif);
    background-repeat:no-repeat;
    width:800px;
    height:12px;
    overflow:hidden}
    ya que al bajarla usted puede haber puesto como nombre curva-superior.gif por lo tanto su imagen se llama curva-superior.gif y habría entonces que añadirle la extensión que sería .gif
    Con la curva inferior puede hacer lo mismo.
    Ahora si no me equivoco, usted tiene el logotipo.gif en su carpeta objetos, pero parece ser que no tiene creada la capa logotipo dentro de la capa cabecera, ya que dentro de la capa cabecera deben de haber dos capas una que se llame logotipo en la que tiene que poner el logotipo y otra que se llame publicidad, estas dos capas debe crearlas según el curso en la página plantilla y en la hoja de estilo general.
    Esto debiera de estar en su pagina
    <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>

    Y esto en su pagina
    #cabecera {background-color: white ; border-left: black 1px solid ;
    border-right: black 1px solid ; height:85px}
    #logotipo {width:280px ; float:left }
    #publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
    Si no es ese su problema ya nos dirá para entender mejor cual es.
    Saludos
    Agradecido de los que aprenden enseñando
    adhesive · · Solicitar retirada
    Muchas gracias por la ayuda!! me sale por fin!!! no sabes cuantos dias llevaba estancado!. Lo soluciones introduiendo este codigo:
    #curva-superior{background-image:url(objetos/curva-superior.gif);
    background-repeat:no-repeat;
    width:800px;
    height:12px;
    overflow:hidden}

    Sin embargo sigo sin enterder el pk no salia la imagen con lo que tenia anteriormente puesto. Gracias por vuestra paciencia!
    adhesive · · Solicitar retirada
    Es q ahora mismo lo que me ocurre, es que no me sale poner la imagen de la parte inferior... y la de la parte superior si que me aparece!. Y he copiado exactamente lo mismo que para la curva superior, exepto lo q tiene q ser diferente como es el nombre de la imagen, en este caso:

    #curva-inferior{background-image:url(objetos/curva-inferior.gif); background-repeat:no-repeat; width:800px; height:12px; overflow:hidden} -> en la hoja de estilos.

    Y he puesto <div id="curva-inferior"></div> en la plantilla

    Nose donde cometo el fallo... pero con la de la parte superior me pasó lo mismo. Gracias y disculpen de nuevo las molestias
    Yaneth · · Solicitar retirada
    va, de nuevo

    debes pegar todos los codigos... yyyyy
    checa el indice de preguntas frecuentes

    saludos