Entrar

visualización imágenes html y distintos navegadores

Joselillu · · Solicitar retirada
Hola a todos!
Estoy en la lección 3 y no hay forma de mostrar las imágenes de curva-inferior.gif y curva-superior.gif.
Yaneth · · Solicitar retirada
para ayudarte debes pegar aqui los codigos de html y de css

peero antes pasate por el indice de preguntas frecuentes

saludos
Joselillu · · Solicitar retirada
Hola Yaneth.
Ya he estado ojeando el índice de preguntas frecuentes y no encuentro la solución a mi problema.

Adjunto los códigos del html (parte de él):

...
<body>
<div id = "global">
<div id="curva-superior"></div>
<div id ="cabecera">
<div id ="logotipo">
[contenido no disponible]</div>
<div id = "publicidad">Bienvenidos a mi Web</div>
</div>
...

Códigos CSS:
...
#curva-superior {background-image: url(imatges/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 {width: 280px; float:left}
...

Además en Internet Explorer sale igual que en el preview del HTML Kit, pero en el Mozilla sale totalmente desconfigurada.

Muchas gracias por la ayuda.
Yaneth · · Solicitar retirada
hola

no, necesitamos ver los codigos completos
o mejor aun, danos la url de tu web, y asi lo sacamos
y otra cosita

pega aqui una captura de pantalla de la carpeta azul abierta y la carpeta objetos abierta tambien

saludos
Joselillu · · Solicitar retirada
Hola Yaneth,

De momento pego el código entero, ya que la página web no la tengo alojada en el servidor, pero si hace falta la subo.

Cógigo HMTL:

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

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="Estilos/estilos-general.css" type="text/css" media="all">
<title>Page title</title>
</head>
<body>
<div id = "global">
<div id="curva-superior"></div>
<div id ="cabecera">
<div id ="logotipo">
[contenido no disponible]</div>

<div id = "publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
  • Inicio
  • URBAN
  • Financiación y Proyectos
  • Tablón de Anuncios
  • Perfil del contratante
  • Noticias
  • Torrent

    </div>
    <div id="contenido">
    <div id="menu">
    <h1>URBAN</h1>
    <ul>
  • Qué es el URBAN
  • Proyectos
  • Áreas temáticas
  • Financiación

    </div>
    <h1>Esta será la zona principal de la web</h1>


    16/6/2009.- ANUNCIO Y BASES PARA LA CONTRATACIÓN DE PERSONAL ADMINISTRATIVO ANUNCIO
    BASES LISTA DE ADMITIDOS VALORACIÓN DE LOS CANDIDATOS </p>

    20/3/2009.- El cambio en el sistema de cimentación encarecerá en un 15%
    el presupuesto de las obras de la plaza Domingo Gascón </p>
    <h2>Subítol</h2>


    17/3/2009.- Un acto de clausura con la entrega de 45 distinciones ha cerrado el Plan Urban después de seis años
    4/2/2009.- La Vía Perimetral acoge una nueva escultura dedicada a las víctimas del terrorismo</p>
    </div>
    <div id="pie">
    <div id="pie1"> pie1 </div>
    <div id="pie2"> pie2 </div>
    <div id="pie3"> pie3 </div>
    </div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>



    Cógido CSS:

    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    p {text-align: justify}
    h1 {font-size: 18px; color: #233e79 ; font-weight: bold ; text-decoration: underline ; text-align: center}
    h2 {font-size: 14px; color: #233e79 ; font-weight: bold ; text-decoration: none ; text-align: center}
    body {text-align: center; font-family:Arial; font-size: 12px}
    #global {width:800px ; margin:4px auto }
    #curva-superior {background-image: url(imatges/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 {width: 280px; float:left}
    #publicidad {width: 518px; float:right;margin-top:25px; font-size:16px}
    #navegacion {background-color: #233e79; border: black 1px solid; height:20px}
    #navegacion li {float:left; list-style:none; margin: 0px 15px 0px 15px}
    #navegacion ul {margin-left:20px}
    #contenido {background-color: orange; border: 1px solid black; margin: 2px 0px}
    #contenido p {margin: 5px 10px 5px 10px ; text-indent: 15px}
    #menu {background-color: #233e79 ; width: 150px ; float:left ; text-align:left ; margin-right: 10px; margin: 3px 10px 3px 3px; background-image: url(imatges/menu-parte-inferior.gif);
    background-position: bottom; padding-bottom:5px}
    #menu li {list-style:none ; margin: 4px 8px 4px 6px}
    #menu h1 {font-size: 1.6em; color: white ; font-weight: bold ;text-decoration:none; text-align: left; margin: 4px 0px 4px 6px; background-image: url(imatges/menu-parte-superior.gif)}
    #pie {background-color: brown; border: black 1px solid; float:left}
    #pie1 {float:left; width:150px; border-right: black 1px solid}
    #pie2 {background-color: white; float:left; width:498px; border-right: black 1px solid}
    #pie3 {float:left; width:150px}
    #curva-inferior {background-image: url(imatges/curva-inferior.gif); background-repeat: no-repeat; alt: merda pa tots; width:800px; height: 12px; overflow: hidden}
    a {color: #e5b02b ; text-decoration:none ; display: block}
    a:link {}
    a:visited {}
    a:hover {color: #233e79; font-weight: bold ; text-decoration:none ; background-color: silver}
    a:active {}


    Imagen de la carpeta imatges (objetos):
    http://xs.to/xs.php?h=xs843&d=09364&f=carpeta_imatges122.jpg

    Muchas gracias por la ayuda.
    Un saludo.
    • ariel_www · · Solicitar retirada
    me pasa exactamente lo mismo qeu a vos, pero exactamente igual, quiza algo esta mal en la guia, puede pasar jeje
    espero ansioso la ayuda
    suerte y gracias de antemano
    Yaneth · · Solicitar retirada
    me estàs mostrando lo que tienes en local

    pero.. necesito ver lo que tienes en la red
    para poder ver el fallo

    ya que me dices que en local lo ves perfecto no?????

    saludos
    Joselillu · · Solicitar retirada
    No lo tengo en red, en local no lo visualizo correctamente, además de la desconfiguración al utilizar diferentes navegadores.

    Un saludo.