Entrar

Problema con imagen como link

korin · · Solicitar retirada
Buenas,soy nuevo en este foro y he leído las cuatro lecciones(muy curradas y muuuy buenas)y he creado una página mía(bastante sencilla).Pero tengo un problema,en index.html(y en las demás paginas) tengo una imagen de título y ella enlaza al index.html.El problema?Al clicar en la imagen,sale el index.html sin la imagen :shock: Porfavor necesito ayuda urgente :(
korin · · Solicitar retirada
Lo que pasa es que aun no la publique,no tengo la url,pero ya casi está acabada,pero eso me pasa en previsualizar(lo de que al clicar al indice me sale en indice sin la imagen o enlace)Puedo publicar aqui el código html y el de la css?
korin · · Solicitar retirada
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>MMORPG-K,juegos de rol online y otros juegos</title>
<META NAME="subject" CONTENT="Ocio,juegos online,juegos offline,wow,guild wars,eve online">
<META NAME="Description" CONTENT="MMORPG-K es un sitio web que da opinion sobre juegos online y offline,precio,caracteristicas,calidad,jugabilidad .Descripcion de juegos de rol online,mmorpg y otros">
<META NAME="Classification" CONTENT="Descripcion y opinio de juegos de rol online,mmorpg,y tambien opinion de otros juegos,como wow">
<META NAME="Keywords" CONTENT="mmorpg, juegos rol, online, wow ,guild wars ,eve online ,age of empires ,opinion, puntuacion">
<META NAME="Geography" CONTENT="España">
<META NAME="Language" CONTENT="Spanish">
<META HTTP-EQUIV="Expires" CONTENT="never">
<META NAME="Revisit-After" CONTENT="30 days">
<META NAME="distribution" CONTENT="Global">
<META NAME="Robots" CONTENT="INDEX,FOLLOW">
<link rel="stylesheet" href="estilo.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="titulo"></div>
<div id="contenido">
<div id="menu">
<div id="indice">ÍNDICE</div>
<div id="submenu">JUEGOS</div>
<ul>
  • WOW
  • GUILD WARS
  • EVE ONLINE
  • AGE OF EMPIRES
  • LINEAGE II
    </div>


    Este es un sitio web que describe algunos juegos,basicamente todos son online.Aqui doy la opinion de juegos que me he pasado y si merecen la pena comprarlos(bueno aunque hay otra forma de conseguirlos jejeje).También dire trucos,enlaces a guías,consejos...</p>
    </div>
    <div id="pie">[contenido no disponible]</a>
    </div>
    </body>
    </html>

    Código CSS:
    * {margin:0px ; padding:0px ; border: 0px}
    body{background-color:gray; text-align: center}
    #global {width:900px ; margin: 4px auto }
    #titulo {background-color: #E6E6FA ; background-image:url(mmorpg.png); border-right:1px solid ; border-left:1px solid ; border-top:1px solid ; widht:900px ; height:170px}
    #contenido{background-color:#EE822A ; background-image:url(fondo-contenido.png); font-family:arial ; border-bottom:1px solid ; border-top:1px solid ; border-left:1px solid ; border-right:1px solid; color:black ; height:700px ;text-align:left }
    #menu {background-color:#0095FD; background-image:url(fondo-menu.png); width:250px ; float:left ; text-align:left ; border-right: 1px solid ; border-bottom:1px solid ;height:700px }
    #menu li { list-style:none ; margin: 3px 3px 3px 5px ; padding:3px }
    #menu a {color: black ; text-decoration:none ; font-family:papyrus;font-size:15px ; display: block ; background-color:#51BAF0}
    #menu a:link {}
    #menu a:visited {}
    #menu a:hover {color:white; text-decoration:none ; background-color:silver ; background-image:url(pas5.png); border:1px solid }
    #menu a:active {}
    h1 {color:red ; background-color:#F2641E}
    h2 {color:red ; background-color:#F2641E}
    h3 {color:red ; background-color:#F2641E}
    #pie {background-color:#231F1F ; border-right:1px solid ; border-left:1px solid ; border-bottom:1px solid}
    #submenu {background-color:#2C48FE ; font-family:papyrus ; font-size:24px ; text-align:center ; border-bottom:1px solid}
    #indice {font-family:papyrus ; text-align:left ; text-size:15px ; background-color:navy ;background-image:url(fondo-menu.png)}
    • Jugoncan · · Solicitar retirada
    No veo ninguna razón para que no se vea la imagen. Cuando lo tengas subido a internet ya veremos, porque el html-kit a veces miente.
    Saludos :wink:
    korin · · Solicitar retirada
    Ok gracias por mirarlo,dentro de nada la publicaré,y a ver si sigue el fallo.Saludos
    Raulyure · · Solicitar retirada
    korin escribió:HTML:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <title>MMORPG-K,juegos de rol online y otros juegos</title>
    <META NAME="subject" CONTENT="Ocio,juegos online,juegos offline,wow,guild wars,eve online">
    <META NAME="Description" CONTENT="MMORPG-K es un sitio web que da opinion sobre juegos online y offline,precio,caracteristicas,calidad,jugabilidad .Descripcion de juegos de rol online,mmorpg y otros">
    <META NAME="Classification" CONTENT="Descripcion y opinio de juegos de rol online,mmorpg,y tambien opinion de otros juegos,como wow">
    <META NAME="Keywords" CONTENT="mmorpg, juegos rol, online, wow ,guild wars ,eve online ,age of empires ,opinion, puntuacion">
    <META NAME="Geography" CONTENT="España">
    <META NAME="Language" CONTENT="Spanish">
    <META HTTP-EQUIV="Expires" CONTENT="never">
    <META NAME="Revisit-After" CONTENT="30 days">
    <META NAME="distribution" CONTENT="Global">
    <META NAME="Robots" CONTENT="INDEX,FOLLOW">
    <link rel="stylesheet" href="estilo.css" type="text/css" media="all">
    </head>
    <body>
    <div id="global">
    <div id="titulo"></div>
    <div id="contenido">
    <div id="menu">
    <div id="indice">ÍNDICE</div>
    <div id="submenu">JUEGOS</div>
    <ul>
  • WOW
  • GUILD WARS
  • EVE ONLINE
  • AGE OF EMPIRES
  • LINEAGE II
    </div>


    Este es un sitio web que describe algunos juegos,basicamente todos son online.Aqui doy la opinion de juegos que me he pasado y si merecen la pena comprarlos(bueno aunque hay otra forma de conseguirlos jejeje).También dire trucos,enlaces a guías,consejos...</p>
    </div>
    <div id="pie">[contenido no disponible]</a>
    </div>
    </body>
    </html>

    Código CSS:
    * {margin:0px ; padding:0px ; border: 0px}
    body{background-color:gray; text-align: center}
    #global {width:900px ; margin: 4px auto }
    #titulo {background-color: #E6E6FA ; background-image:url(mmorpg.png); border-right:1px solid ; border-left:1px solid ; border-top:1px solid ; widht:900px ; height:170px}
    #contenido{background-color:#EE822A ; background-image:url(fondo-contenido.png); font-family:arial ; border-bottom:1px solid ; border-top:1px solid ; border-left:1px solid ; border-right:1px solid; color:black ; height:700px ;text-align:left }
    #menu {background-color:#0095FD; background-image:url(fondo-menu.png); width:250px ; float:left ; text-align:left ; border-right: 1px solid ; border-bottom:1px solid ;height:700px }
    #menu li { list-style:none ; margin: 3px 3px 3px 5px ; padding:3px }
    #menu a {color: black ; text-decoration:none ; font-family:papyrus;font-size:15px ; display: block ; background-color:#51BAF0}
    #menu a:link {}
    #menu a:visited {}
    #menu a:hover {color:white; text-decoration:none ; background-color:silver ; background-image:url(pas5.png); border:1px solid }
    #menu a:active {}
    h1 {color:red ; background-color:#F2641E}
    h2 {color:red ; background-color:#F2641E}
    h3 {color:red ; background-color:#F2641E}
    #pie {background-color:#231F1F ; border-right:1px solid ; border-left:1px solid ; border-bottom:1px solid}
    #submenu {background-color:#2C48FE ; font-family:papyrus ; font-size:24px ; text-align:center ; border-bottom:1px solid}
    #indice {font-family:papyrus ; text-align:left ; text-size:15px ; background-color:navy ;background-image:url(fondo-menu.png)}
    • Hola:
    Disculpe mi intromisión, pero noto que usted en la hoja de estilo le está dando una directiva a unas imágenes, tanto en la capa #titulo, como en la capa #contenido, como en la capa #menu, y al igual que en la capa #indice, por lo que yo se, según el curso paso a paso, si uno pone una imagen y define una ruta hacia esa imagen con la (url), ¿no se debiera de especificar esa ruta?: Por ejemplo usted tiene:
    #titulo......;background-image:url(mmorpg.png)
    #contenido...; background-image:url(fondo-contenido.png)
    #menu...; background-image:url:fondo-menu.png)
    #indice...; background-image:url(fondo-menu.png)
    Pues bien, si usted esas imagenes las tiene en una carpeta que se llama "objetos", ¿No debiera de poner las rutas de esta manera?:
    #titulo...;background-image:url(objetos/mmorpg.png)
    #contenido...;background-image:url(objetos/fondo-contenido.png)
    #menu...;background-image:url(objetos/fondo-menu.png)
    #indice...; background-image:url(objetos/fondo-menu.png)
    Claro que esto se lo digo siempre y cuando usted tenga esas imagenes en esa carpeta "objetos":
    Resumiendo:
    Así como lo tiene usted puesto,
    usted ha puesto imagenes, y en la hoja de estilo les está indicando con (url) que tienen una ruta, pero no les está diciendo cuál es la ruta, que en este caso sería la carpeta "objetos".
    Si me he equivocado en mi apreciación , lo siento.
    Saludos