No sale la imagen del index de mi web!!

Hola chicos!! Soy Raydel de nuevo....
Finalmente consegui subir mi web pero cuando la abro no aparece la imagen que tengo insertada...podeis ayudarme??
Os envio la dirección:
clementeraydelmedina.myartsonline.com/index.html

( he revisado las instrucciones de plantilla y de estilos css y esta exactamente igual....no entiendo por que no se ve la imagen!! )

Por otro lado..en mi archivo de HTML-kit, en el web-ejemplo internet, cuando le doy a visualizar plantilla o index no me parecen los colores ni la imagen ni nada, solo el texto, sin margenes.....en cambio abriendo las direccciones si que me aparecen los colores y centrados...solo falla en la imagen de index como ya antes os he comunicado...podeis explicarme a que se debe esto??
Hice algo mal o es normal??

Gracias nuevamente..un cordial saludo!!
:D
Raydel
hola

entrè a tu web
y en la hoja de estilos tienes esto

body {background-color: #BDB76B }

aqui no hay imagen de fondo solamente el color que es lo que se ve

saludos
Hola Yanet!!
Agradezco la respuesta...pero me estoy volviendo loco!!

Si miro dentro de mi HTML-Kit visualizar el index.html,el dibujo o foto me aparece.
Dentro del archivo estilo.css, me aparece como te detallo a continuacion ( tanto en web-ejemplo-local-1 como en web-ejemplo-internet):

body {background-color: #BDB76B }
img {border-style: none}
.centrado {text-align:center}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }

la página de index.html, dice lo siguiente:


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

<html>
<head>
<title>página principal de Raydel Medina</title>
<link rel="stylesheet"href="estilos.css"type="text/css"media="all">
</head>
<body>

<p class="centrado">Bienvenidos a mi página web.Muy pronto estará Oddara!</p>
<p class= "centrado">Esta página esta siendo creada por LCC mientras tanto podeis consultar myspace en Raydel</p>
<p class="centrado">Para cualquier asunto podeis contactar conmigo en: E-mail
<p class="centrado">[contenido no disponible]</p>




</body>
</html>

no logro entenderlo......hechame un cable y comentame mis errores...no consigo verlos!!


Por otro lado..me encuentro en la misma situación con la página de plantilla, en los bordes redondeados del menu y con el logo de la página para volver a inicio, te envio aqui tambien los archivos de estilo.general.css y el de plantilla.html,para que por favor me digas una solucion...la cabeza me va a explotar :( !!! jajjjj

estilo-general.css:

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {background-color: white ; width:160px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px}
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: orange ; width: auto ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#pie {background-color: brown }
p {text-align: justify}
#menu {................... margin:3px 10px 3px 3px}
#menu {background-color: yellow; width: 150px ; float:left }
#menu li {list-style:none ; margin: 4px 0px 4px 6px}
#menu h1 {text-decoration:none ; font-size:15px ;
background-image: url(objetos/menu-parte-superior.gif)
text-decoration:none
font-size:10px
a {color: brown ; text-decoration:none ; display: block }
a: link {}
a: visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a: active {}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
h3 {font.size: 1.0em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow : hidden }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px
overflow: hidden }







y la plantilla.html:

<!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">
<div id="logotipo">
[contenido no disponible]
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
  • Sección 1
  • Sección 2
  • Sección 3
  • Sección 4

    </div>

    <div id="contenido">
    <div id="menu">
    <ul>
    <h1>Título de Sección 1</h1>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    <ul>
    <h1>Título de Sección 2</h1>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    <ul>
    <h1>Título de Sección 3</h1>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    <ul>
    <h1>Título de Sección 4</h1>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </div>

    <h2>Esta será la zona principal de la web</h2>


    Este es mi segundo párrafo.Esto lo estoy haciendo para que mi maridito tenga su propia web.Fin del segundo párrafo</p>
    <h3>Este es el tercer párrafo</h3>

    Lo escribo porque lo quiero muchisimo y voy a hacer todo lo necesario para ayudarlo en todo lo que pueda.Fin del tercer párrafo</p>
    </div>

    <div id="pie">Este es el pié de página</div>
    <div id="curva-inferior"></div>
    </div>

    </body>
    </html>



    Por que la imagen del index.html puedo verla en HTML-Kit y no en la web??
    El problema de la plantilla ( logo y bordes redondeados del menu ni siquiera en HTML-Kit dentro de visualizar plantilla me aparecen!! por que??
    Muchisimas gracias de antemano y disculpa las molestias! :oops:
  • vamos por partes, que casi me vuelvo loca yo tambien

    las imagenes de fondo las debes poner en la hoja de estilos, no en el html

    en el css tienes esto
    y por aqui yo no veo ninguna imagen de fondo!

    body {background-color: #BDB76B }
    img {border-style: none}
    .centrado {text-align:center}
    #menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }

    en el html esto

    <p class="centrado">[contenido no disponible]</p>

    si la imagen la quieres para el cuerpo de la web entonces deberias ponerla asi en css

    body {background-color: #BDB76B; background-image:url(objetos/fondo.jpg) }
    img {border-style: none}
    .centrado {text-align:center}
    #menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }

    checa eso, mientras yo veo la plantilla
    una cosa...
    asegurate que en el css acomodas las ordenes por orden de aparicion en el html
    algo mas o menos asi

    *
    h1
    h2
    p
    global
    body
    curva superior
    cabecera
    logotipo
    publicidad
    navegacion
    contenido
    contenido p
    menu
    menu li
    etc etc etc

    asegurate que en la carpeta objetos de internet estan las curvas
    saludos
    Yaneth,

    antes que nada gracias por contestarme tan rápidamente..
    he visto la solucion que me dabas al tema de la foto en el index.html, pero es que seguramente me exprese erroneamente ( upss!! no conozco muy bien el vocabulario tecnico que utilizais) A lo que me referia es que la imagen que tengo como fondo, no la quiero de fondo, sino como una imagen centrada dentro de index.html.
    Me sucede que en mi HTML-Kit, tal y como tengo el index.html y el estilo.css, me aparece sin problemas, en cambio al subir todo esto a :clementeraydelmedina.myartsonline.com/index.html,la imagen no me aparece!! ( solo aparece un cuadro del mismo color que el fondo pero sin imagen)

    Ahh!! por si ayuda en algo....cuando intento subir la imagen a la web, haciendo Connect-Upload...casi siempre me da error y me dice que no puede subirla! y tampoco se a que se debe..el resto de objetos me los ha dejado subir sin problemas!!

    Por lo que respecta al logo , ya consegui visualizarlo en la web, asi que eso ya esta resuelto, ahora solo me queda ajustar las dimensiones para que la imagen no quede distorsionada.

    Podrias darme luz nuevamente????Que debo poner para que me salga en index.html una imagen centrada y ya esta,y que el fondo sea el color que le puse???
    Mil gracias por todo Yaneth, sois un equipo fantastico!!
    Un saludo!!
    Yaneth,
    perodna nuevamente...he pensado que quizá tambien seria de ayuda un detalle acerca de la imagen que te comentaba anteriormente.
    en la carpeta web-ejemplo-internet no me aparece la imagen que tengo llamada como fondo...y por algun motivo que desconozco...ahora tampoco me aparecen las curvas de menu-parte inferior y menu-parte-superior....a que se debe que desaparezcan?? O ha sido que toque algo que no debia??
    He seguido intentando subir la imagen y me ha sido imposible...¿ que puedo hacer? ¿debo llamarle otra cosa que no sea fondo?? o eso da igual??

    aixxxxx........que malo es querer y no saber!!! ya ves!! estoy aki cada dia y siempre sale algo!! por Dios!! jajjj
    Bueno que gracias nuevamente y disculpa una vez mas mi torpeza y mi insistencia en todo
    Un saludo!!
    la imagen puede llamarse como tu quieras

    mira... te detallarè un poco las ordenes ok???
    tienes esto en el index

    <p class="centrado">[contenido no disponible]</p>

    y se traduce mas o menos asi

    "Ve a la carpeta que se llama objetos dentro de ella encontraràs una imagen que se llama fondo.jpg, quiero que se vea justo aqui"

    entonces... tu pc como es bieen OBEDIENTE corre y va en busca de esa carpeta objetos hasta aqui todo bien, pero que pasaria si tu carpeta se llama Objetos con O mayuscula, tu pc no va a creer que eso es lo que anda buscando ya que tu le dijiste que buscara objetos con "o" minuscula entonces ahi se queda y no hace nada, ahora, supongamos que si encontrò la bendita carpeta objetos ya entrò en ella y debe abrir la imagen que se fondo.jpg, pero volvemos a lo mismo, que pasaria se no la encuentra, tal vez (es una suposicion hee?) encuentre Fondo.jpg o fondo.gif, o cualquier otra cosa, entonces no harà nada...
    me explico??????

    debes poner en el html las ordenes exactamente como deseas que se cumplan, una letra de mas, de menos, mayusculas o minusculas hacen la diferencia

    para ayudarte a ver... muestrame una captura de pantalla dl workspace con la carpeta objetos abierta (pero la que tienes dentro de la carpeta azul ok??)

    saludos y no te desesperes, que ten por seguro que aqui estarè cuando lo necesites

    pd. espero las capturas
    Yaneth,

    mil gracias por estar ahi!!!
    Intento pegar la captura de pantalla y la de la imagen que quiero poner en mi index.html, pero solo tengo unos códigos y no se si funcionara....asi que ahi van:


    http://img682.imageshack.us/img682/8814/capturadepantalla2.png
    http://img35.imageshack.us/img35/1246/fondork.jpg

    bueno pues ..como veras..en la carpeta de web-ejemplo-internet, no me aparece la imagen llamada fondo, en cambio en la de web-ejemplo-local si. He intentado hacer connect-upload a esa imagen..pero me da error y me dice que no puede subirla....y..tu me perdonas la expresión pero....!joe!! que desesperacion!! jajjj
    En fin Yaneth, ya ves que soy super torpe en todo esto..intento aprender todo lo posible y ganas y perseverancia le pongo..... :oops:

    Gracias nuevamente por todo....ya me diras algo!!
    Un saludo!!
    hola
    pero que barbarooooooooo, esa imagen està superrr!!!!
    me encantò! jajajaj
    hace tiempo quise conseguir ese efecto, pero no me gustaba como me quedaba jajajaja (con photoshop)

    bueno, al grano

    esa imagen no podràs subirla a tu servidor porque es muy pesada!!
    mide 2,500 por 3000px!!! nooo como creees????
    y luego pretendes subirla y le dices:

    width="500px" height="666px" alt></p>
    seria muchisimo mejor, que en tu pc dupliques la imagen y le pongas el tamaño que deseas ver en la red, (asi no haces trabajar de mas tus codigos)

    cuando lo hagas seguramente tambien pesarà menos (- de 500mb) que es lo màximo que puedes subir he????????

    bueno, ahora aprovecharè la captura para ver las curvas en plantilla....
    pues ya lo arreglaste porque ya se miran!!!
    Perfecto Yaneth!!!

    YYYYYYUUUUUUUUJJJJJJJJJJJJJJJJJJJJUUUUUUUUUUUUUUUUUUU!!!!!!
    Por finnnnnnnnnnnnnnnnn!!!! jajajjjj
    Muchisimas gracias por tu ayuda!! Ya pensaba que no podría seguir con los tutoriales!!! Me sentia atascado!! Mil gracias!!

    Ahora me surgió un problemilla con los links de index.html ( me dice que los enlaces estan rotos!!jejjj)) No tengo ni idea....asi que intentare buscar por el foro alguna respuesta..y sino encuentro abrire un tema nuevo...

    Gracias nuevamente por tu ayuda!!
    Un saludo!!
    para esto, ve al foro de html-kit
    y entra en el indice de preguntas frecuentes, ahi estàn resueltas esas y otras dudas

    saludos