Html-Kit - Duda

Buenos dias , este es mi primer post ... Las guias estan muy buenas pero no entiendo que tengo que poner en la foto siguiente :

[contenido no disponible]


Bueno ahi donde dice url (Ahi yo creo que va la carpeta donde esta el
archivo , pero yo la pongo i no pasa nada) Yo ahi les deje la carpeta
donde esta el archivo , lo que les pediria es si me pueden decir que pongo adentro de los "()" que estan despues de Url , ya que intente poniendo de todo y no pasaba nada :S .

Gracias.

Subo :D .

Perdon esto no va aca .
Ya lo posteo en otro lugar , disculpen.

Hola, te sugiero que revisas la sección donde se te habla de rutas relativas y rutas absolutas, ahí se te explica más a fondo, pero te explicaré rapido como funciona eso.

Hagamos el ejemplo que una carpeta donde guardas TODO lo relacionado a tu web, dentro de esa carpeta está el index.html, además de una carpeta que en el curso paso a paso se nombra objetos y la hoja de estilo css. ok, dentro de la carpeta objetos guardas una imagen que quieres colocar de nombre "rocas.png", por lo tanto la dirección para ubicar el archivo rocas desde el index seria (objetos/rocas.png), el modo para entender esto es que a partir de donde se encuentre la pagina se debe nombrar las carpetas en las que se debe ingresar para tomar el archivo, por ejemplo si la imagen no hubiese estado directamente en la carpeta objetos, sino que dentro de objetos tenias una que se llamara "imágenes" y otra "botones" y la imagen estaba dentro de imágenes, la nueva dirección seria (objetos/imagenes/rocas.png) osea estas en la pagina del index, luego ingresas a objetos, luego a imágenes y luego tomas el archivo. espero que hasta acá te quede claro.(lo anterior es solo un ejemplo)

Luego están las rutas relativas pero hacia atrás, para eso se utiliza el código "../" cada vez que colocas uno retrocede una carpeta, si necesitas retroceder dos colocarías "../../", lo hago con un ejemplo a ver si te queda claro, imagina que tenemos dentro de la carpeta imaginaria "botones" otra carpeta de nombre "azules", si tenemos una pagina creada dentro de la carpeta "azules" y necesitamos tomar una imagen de la carpeta de "objetos" que haríamos? bueno pues retrocedemos. Estamos en Azules, entonces primero necesitamos retroceder a "botones, eso seria un ../ luego de botones necesitaríamos regresar una carpeta más hasta objetos osea otro ../, por lo tanto si quieres acceder a la imagen "rocas.png" la dirección relativa seria (../../rocas.png) osea, sale de azules, sale de botones y luego toma la imagen.

Espero que tu duda sea relacionada a esto y te sirva el pequeño tuto. de no ser así no dudes preguntar de nuevo.

Pero en mi caso , que ahi te deje las imagenes ... como seria ?
Intente haciendo eso y no me salio , me podrias dejar un ejemplo con el Html-Kit por favor ?
Lo de rutas y todo eso lo lei en el tutorial de CCTW si me pudieras explicar en imagenes o como tengo que poner yo para que aparesca el fondo , ya que te deje la imagen de donde estaba el archivo fondo.png y el Htm-Kit te lo agradeceria ... Gracias.

Bueno, el código que estas utilizando según la captura está correcto y te debería servir si se cumple lo siguiente.

1-Que tu index correctamente el enlace con la hoja de estilo.
2- que la imagen tenga extensión .png y no otro formato como gif. entre otros.
3. que tus carpetas y archivos no estén nombrados con letras mayúsculas, símbolos especiales acentos.
4- revisa el orden de las carpetas, osea que en la carpeta donde contienes tu pagina solo estén las 3 cosas básicas, el index, la hoja de estilo y la carpeta objetos(que contendrá la imagen), por lo menos en este nivel para que no te compliques con muchas paginas.

PD: si puedes coloca el código de tu index y de tu hoja de estilo, para revisar algún defecto.

Algo de eso me quisiste decir ?.

[contenido no disponible]

De lo otro no encuentro ningun problema :s .

Hola Jhantx
el problema esta en el css pega tu css aqui y si puedes una captura de du html-kit pero con tu carpeta de objetos abierta

Sip, coloca ese código pero copia y pega todo(cuando estas escribiendo el mensaje aparece la opción de insertar código "code", para diferenciarlo más fácil, coloca también el de tu hoja de estilo. además toma captura con la carpeta de objetos abierta y una donde digan las propiedades de la imagen(click derecho sobre la imagen, propiedades).

Esto es para poder probar el código yo más rápido y ver donde se encuentra el problema. Y la imagen para ver si el problema no esta en eso.

EDITO: grax por la corrección, no me había fijado que el kit colocaba el formato ^^, solo tengo 2 semanitas usándolo :P

mmm te corrijo Ajr :P
no es nescesario q ponga el formato de la imagen ya q el html-kit lo muestra

a si me olvidaba :P

siempre tienes q guardar los cambios en la hoja de estilos para q aparesca en el html. En la primera captura vi q no guardaste los cambios, tal ves sea ese el problema :P y si no pues a buscar el problema :P

No entendi :S , Que hago ?
Esta mal el link que puse en la foto anterior ?

pega la captura pero con la carpeta de objetos abierta

Asi ?

[contenido no disponible]

Creo que asi querian ustedes.
:) .

Lo de la imagen se dijo en el post anterior que no era muy necesario, lo que se encesita es que coloques la captura con tu carpeta de objetos visibles, y Copia y pega el código de tu html y hoja de estilos en el foro en el mensaje para poder leerlo con detalle.

Ej:

la captura tiene que verse en tu caso la carpeta denominada objetos y el contenido(la mía en esta pag. se llama imágenes, revisa el link apra que veas que debe mostrar)

http://img697.imageshack.us/i/ejemploi.jpg/

Luego colocas el código

por ejemplo de la pagina de paso a paso el documento html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Pagina Principal del Ejemplo CCTW</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á lista!</p>


[img]objetos/sonrisa.gif[/img]</p>


Página creada gracias a [url="http://www.comocreartuweb.com"]CCTW[/url]</p>


[email="[correo eliminado]"][img]objetos/buzon.gif[/img][/email]</p>
</body>
</html>

y luego colocas el código de tu hoja de estilo

body       { background-color: #E6E6FA ;
             background-image: url(objetos/fondo.png) ; 
             background-repeat: no-repeat ; 
             background-position: center center }

img        { border-style: none }

.centrado  { text-align:center  }

Tu problema está en la conexión de la imagen con tu hoja de estilo, así que lo más importante seria esta hoja.

Así se hace mas fácil el analizar lo que te sucede, espero te quede claro esta vez los datos que son necesarios todos a la vez para entender el problema de modo global., si das datos esporádicos es difícil atarlos.

[contenido no disponible]

Codigo Html :

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

<html>
<head>
<title>Pagina Principal del Ejemplo CCTW</title>
<link rel="stylesheet" href="estilos.css" type="text/css" 
media="all">
</head>
<body>



Bienvenidos a mi pagina web , muy pronto estara lista!</p>


Pagina creada gracias a [url="http://www.comocreartuweb.com"]CCTW[/url]</p>

</body>
</html>

Hoja de estilos (Borre lo del fondo cuando alguien me diga como ponerlo se lo pongo) .

body {background-color: #E6E6FA}

:) .

Yo copie y pegue tu código del index y lo que tenias de la de estilo y me sirvió correctamente agregándole la parte de {background-image: url(objetos/fondo.png)}

body {background-color: #E6E6FA; background-image: url(objetos/fondo.png)}

Espero te sirva así, revisa bastante los detalles que aveces se van errores pequeños.

Q extraño ese codigo q puso AJR deberia funcionar(Recuerda q tienes q guardar cada ves q agas un cambio en la hoja de estilos para q se vean los cambios en preview de el html).

Si por alguna razon extraña no funcione :P intenta probando con una imagen diferente o cambia de formato esa imagen

Voy a tratar de cambiar de formato :) .

No me sirvio ...
Ustedes no me podrian pasar una copia de todo su documento , hasta por donde voy yo ?
Yo tengo las mismas carpetas que en el tutorial , y de imagen fondo.png que ahora le voy a poner rocas.png le pediria si alguien me lo puede configurar ya que no se que estara pasando :( .

PD:Antes me salia la imagen , hablo hace 8 meses :S .

Vaya q raro todo esta bien, Como lo puso ARJ deberia funcionar

Luego probare haciendo todo de nuevo , ahora voy a usar
por un tiempo la plantilla de CCTW.

gracias.

Cualquier cosa posteo :D .