Entrar

Tengo un problema con la hoja de estilos...

eleazar007 · · Solicitar retirada
Holaaaa ya que estoy aquííí me presento [:p] por que es que soy nuevo y este es mi primer post jeje pues bueno mi error con la hoja de estilos es que eh seguido "todos" los pasos del tutorial de comocreartuweb pero... No me funciona la hoja de estilos [:(] y en la parte del tutorial que dice: esto es lo que tenemos hasta el momento en la hoja de estilos y en el html por si te has perdido en algo con tus experimentos o algo y te as cargado el html aqui puedes copiar y pegarlo (lo siento si me equivoco en algo soy nuevo y alomejor lo escribo como no es o me confundo pero ustedes que sabeis espero que me entendais jeje.) bueno ese es el problema lo segui paso a paso y no encuentro mi error... Espero que alguien pueda ayudarme... [;)]

Muchas gracias por la ayuda y si me eh equivocado en algo algún error en el apartado o simplemente no eh colocado donde ahí que colocar el post me lo decís que yo no tengo ningun problema en corregirlo [:D]

Un saludo y gracias de nuevo [:D]
olukarak · · Solicitar retirada
¿Y el código? También pega el enlace a la página esta donde sale el código de comprobación.
eleazar007 · · Solicitar retirada
olukarak escribió:¿Y el código? También pega el enlace a la página esta donde sale el código de comprobación.


jeje lo sientoo no quiero molestar pero.. a que te referes? es que soy un poco nuevo con las paginas web :P
eleazar007 · · Solicitar retirada
olukarak escribió:El código HTML y CSS que tienes escrito.

No entiendo mucho a lo que te refieres... :(

Pues bueno para darte un poco mas de información yo tengo todo bien o eso creo pero... no se porque todo lo que hago en la hoja de estilos no me funciona eh probado con otras paginas hacer lo mismo y no funciona y depaso te pongo aqui los archivos que tengo el nombre de las carpetas y los codigos que tengo:


Carpeta De la pagina:mis-paginas-web (esta en el escritorio)
Carpeta en la que estan las imagenes: objetos (tambien en dentro de la carpeta anterior. ¿obvio no?
Hoja de estilos: estilos.css
Codigo html o como se escriba [:p]:index.html

Aqui va las imagenes de la carpeta objetos: buzon.gif, fondo.jpeg (es el fondo del foro aunque no funciona[:(]) y sonrisa.gif (no funciona pero se por que)

y aqui va lo escrito en la hoja de estilos:

bbody {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;}

Codigo html (o como se escriba [:p])

<!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>
<p><img alt="Bienvenido al ejemplo de CCTW" src="objetos/sonrisa.gif" height="60" width="60" /></p>
<p>Página creada gracias a <a href="http://www.comocreartuweb.com" target="_blank">CCTW</a></p>
<p><a href="mailto:[correo eliminado]"><img alt="Pulsa para escribirme un E-Mail!" src="objetos/buzon.gif" height="32px" width="32px" /></a></p>
</body>
</html>

Bueno gracias y espero que esto te facilite la ayuda :)
olukarak · · Solicitar retirada
Éste viene a ser el código CSS y el HTML. Me referia a esto. La próxima vez ponlos entre etiquetas [ code] y [ /code], [ html] y [ /html] (Sin espacios.

Por lo pronto he corregido los errores que he visto. Compáralos:
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;}
Ya nos contarás como fue.
eleazar007 · · Solicitar retirada
olukarak escribió:Éste viene a ser el código CSS y el HTML. Me referia a esto. La próxima vez ponlos entre etiquetas [ code] y [ /code], [ html] y [ /html] (Sin espacios.

Por lo pronto he corregido los errores que he visto. Compáralos:
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;}
Ya nos contarás como fue.

Que como me fue? me lo preguntas? de maravilla! va perfecto lo unco que el fondo no aparece :S pero por lo demas esta perfecto! muchas graciias ya si eso me dices si quieres por que no me sale el fondo :P gracias ehh :)

yy cual era el error? no me entere mucho de los cambios ejej

ahh me acavo de dar cuenta ahora :O lo siento si molesto pero las letras no cambian de color :O buenoo espero no molestar muchas gracias :) y si no te importa claro si me puedes decir el error de el fondo y las letras jeje
ricky · · Solicitar retirada
El fondo no lo ves porque no tienes el archivo fondo.png , el que tienes es fondo.jpeg... escribe "background-image: url(objetos/fondo.jpg);" (problema de extension)... la corrección que te hizo el compañero fue la rectificacion en la escritura de la palabra body. suerte.
olukarak · · Solicitar retirada
ricky escribió:El fondo no lo ves porque no tienes el archivo fondo.png , el que tienes es fondo.jpeg... escribe "background-image: url(objetos/fondo.jpg);" (problema de extension)... la corrección que te hizo el compañero fue la rectificacion en la escritura de la palabra body. suerte.
Ahí te equivocaste en eso del .jpg. Si el fondo es .jpeg deberá ser:
background-image: url(objetos/fondo.jpeg);
eleazar007 · · Solicitar retirada
olukarak escribió:Ahí te equivocaste en eso del .jpg. Si el fondo es .jpeg deberá ser:
background-image: url(objetos/fondo.jpeg);

yo pongo jpg jpeg y de todo y nada :( y despues me sigue saliendo lo mismo... eh probado tambien con distintos nombres y de todo pero despues en el workspace me sale por ejemplo:el nombre del fondo es fondo.jpg y me sale en el workspace con; fondo.jpg.jpeg y lo pongo y otra vez y asi con varios nombres despues si le pogno al nombre; fondo.jpeg me sale fondo.jpeg.jpeg
olukarak · · Solicitar retirada
Si tu le pones fondo.jpeg.jpeg la ruta sería objetos/fondo.jpeg.jpeg 1 .jpeg sobra.
eleazar007 · · Solicitar retirada
olukarak escribió:Si tu le pones fondo.jpeg.jpeg la ruta sería objetos/fondo.jpeg.jpeg 1 .jpeg sobra.

no te entiendo... :(
olukarak · · Solicitar retirada
No llames la imagen fondo.jpeg, llámala fondo simplemente, ya que en tu caso, si mal no me he liado, sale doblemente. Comprueba también que puedas abrirla con un visor de imágenes. El cambio de formato de forma manual (renombrar de .png a .jpg, .jpg a .gif, etc.) puede hacer que la imagen no pueda ser leída.
eleazar007 · · Solicitar retirada
olukarak escribió:No llames la imagen fondo.jpeg, llámala fondo simplemente, ya que en tu caso, si mal no me he liado, sale doblemente. Comprueba también que puedas abrirla con un visor de imágenes. El cambio de formato de forma manual (renombrar de .png a .jpg, .jpg a .gif, etc.) puede hacer que la imagen no pueda ser leída.

no me funciona... y creo que el nombre en el workspace sse cambio ahora no pone automaticamente jpeg ahora pone jpg :O y sigue sin funcionarme ponga como lo ponga en el css
manmanu · · Solicitar retirada
Hola no se aprecia mucho las imágenes.
Parece que en el body repites las imágenes... igual es eso lo que te genera problemas..??
No veo muy bien el code.

saludos
Yaneth · · Solicitar retirada
asi es

esto debes tener en body, en el css


body {background-color:#E6E6FA; background-image: url(objetos/fondo.jpg); background-repeat: no-repeat; background-position:center center;} img { border-style: none;} .centrado { text-align:center;}

recuerda, guardar cambios antes de hacer vista previa en el html

saludos
eleazar007 · · Solicitar retirada
muchas gracias a la colaboracion de todos ya ah sido arreglado y ya esta todo perfecto ahora solo me queda seguir leyendo el maravilloso tutorial y aprender a ser como vosotros :) muchisimas gracias a todos :)



PD: Si tengo otra duda espero poder comentarla aqui con vosotros :)