nony1946 escribió:Raulyure escribió:nony1946 escribió:Hola a todos, soy nuevo y ya estoy pidiendo ayuda, que se le va hacer, mirad he comenzado el curso con mucha ilusión, pero tengo algunos problemas, que no se yo si seran de configuracion, o de que,.
El caso es que cuando abro el archivo estilos.css y escribo:
body {background-color: #E6E6FA}, no ocurre nada, no me cambia el color.
Tampoco me enseña la imagen que intento poner de fondo, pues en su lugar me enseña un cuadrado blanco con un aspa roja en medio.
Como no se a que seran debido estos problemas, es por lo que os ruego, si es posible me deis alguna explicacion sobre estos fallos.
Mucha gracias de antemano y saludos a todos.
Hola:
Si usted le dice a la hoja de estilo que le corrsponde a esa pagina que tenga un color lavanda (medio azul claro) y la pagina no responde a ese color, entonces es que lo más probable es que tenga la pagina mal relacionada con la hoja de estilo a la que pertenece.
Usted tiene una pagina que se llama index.html, esa pagina recibe "ordenes" de una hoja de estilo llamada estilo.css
Para que la pagina pueda recibir esas ordenes debe poner en la pagina entre la etiqueta <head< y </head> el siguiente código o "meta".
<link rel="stylesheet"href="estilo.css"type="text/css"media="all">
Su página debe llamarse estilo.css, no estilos.css ni estilo.ccs
y debe tener cuidado cuando escriba esos codigos en la pagina ya que es muy fácil confundirse cuando pone href ya que a veces por equivocación se pone herf. Lo correcto es href
También puede haber errores cuando se pone css, ya que a veces por equivocación uno pone ccs, lo corerectyo es css
Por otro lado vemos que usted en la pagina le da al espacio que va a ocupar la imagen que quiere poner de unos cuantos píxeles de alto por otros tantos de ancho, pues la pagina le guarda ese espacio y crea un cuadrado con esas dimensiones para que usted ponga allí la imagen, y mientras no la ponga, le saldrá dentro de ese cuadrado un aspa roja.
La imagen debe guardarla dentro de la carpeta que tiene por nombre objetos (con minúsculas)
Y tanto el nombre de la hoja de estilo como la pagina index debe ser en minúsculas.
cuando se baje la imagen vea realmente que formato tiene para que así lo ponga
Revise un poco en el foro las preguntas frecuentes.
http://www.comocreartuweb.com/phpBB2/ftopic14177.html
Ya nos dirá
Hola Raulyure, gracias por contestar, he probado con el nombre estilo.css, en lugar de estilos.css, como tenia antes y persiste el problema, me sigue dando error, me manda al bloc ded notas y no hace caso al archivo estilo.css
De que dependera?, gracias y saludos
Veremos una cosa.
Si está utilizando el programa HTML-KIT ciérrelo por ahora y le sugiero hacerlo de esta manera para solventar el problema de la hoja de estilo.
Primero que nada le diré que usted se supone que tiene una carpeta en su escritorio, en ella usted tiene su página index y su hoja de estilo.css y su carpeta objetos.
Bueno, debe saber que la pagina index.html que tiene en el programa HTML-KIT es la misma que tiene usdted dentro de esa carpeta que tiene en el escritorio, y la hoja de estilo.css que tiene ene el programa HTML-KIT es la misma que usted tiene en esa carpeta de su escritorio.
Con eso quiero decir que cuando usted trabaja en por ejemplo la hoja de estilo.css que tiene en el programa HTML-KIT, todo lo que haga allí se refleja en la hoja de estilo que tiene en la carpeta que está en su escritorio, lo mismo con la página.
¿Qué significa todo eso?.
Pues sencillamente que la carpeta en que tiene esos archivos en el programa HTML-KIT solo es un acceso directo de la carpeta en donde están sus archivos en el escritorio.
Porque todo lo que haga en por ejemplo la hoja de estilo que tiene en la carpeta de su escritorio, se refleja en la hoja de estilo.css que tiene usted en el programa HTML-KIT.
Por tanto, para arreglar el problema de la hoja de estilo, que se le abre como bloc de notas, pues utilizaremos el mismo bloc de notas para arreglarla.
Asín que hagamos un experimento.
Vaya usted a la carpeta que tiene en su escritorio, (allí donde tiene su hoja de estilo.css) y abra su hoja de estilo.css, (la que se supone que es su hoja de estilo)
Para abrirla puede hacerle doble click, o también creo puede hacerle click derecho y en el desplegable poner el cursor en Abrir con y en el siguiente desplegable elegir Bloc de notas.
Ya teniéndo ese archivo abierto, (que seguramente le mostrará el contenido que ya tiene puesto en el.
Lo que debe hacer ahora es ir arriba a la izquierda, pulsar en Archivo, y en el desplegable pulsar en Guardar Como.
Cuando se abra la ventana del Guardar Como, vaya a la casilla de abajo (la que dice Nombre) borre o elimine todo lo que hay en esa casilla y escriba estilo1.css
Luego vaya a la casilla que hay más abajo, (la que se llama Tipo o Tipo de archivo)
y en la flecha de la derecha pulse para que se abra un desplegable y allí pulse o elija el que diga Todos los archivos
Luego de eso, vaya arriba y (superior izquierda) y donde diga Guardar en, busque para que se guarde en el escritorio.
luego de ello, vaya abajo y pulse en Guardar y cierre.
Con eso, lo que hemos hecho ha sido crear una hoja de estilo que tiene por nombre estilo1.css.
En esa hoja de estilo recién creada estarán ya puesto los códigos que usted tenía en la anterior hoja de estilo (supuesta hoja de estilo)
Ahora en la carpeta que tiene ene el escritorio, (donde está la antigua hoja de estilo.css ) pues eliminela y ponga en lugar de ella la que creó recién (la que guardó en su escritorio).
Ahora, como le dije anteriormente que la carpeta amarilla del HTML-KIT, es solamente un acceso directo de la que hay en el escritorio, pues seguramente cuando ahora abra el HTML-KIT , y abra la carpeta amarilla verá que la antigua hoja de estilo.css no existe y que ahora hay una que se llama estilo1.css.
Bien, como su hoja de estilo ahora se llama estilo1.css pues habrá que hacer un cambio en la página index para poder relacionar esa pagina index con esa nueva hoja de estilo1.css.
Así que volvamos a cerrar el programa HTML-KIT, y vaya a la carpeta que tiene en el escritorio (en donde tiene sus archivos), y abra la pagina index.html.
La forma de abrir la pagina , (la que tiene en ela carpeta de su escritorio) es poner el cursor sobre ella y hacer click derecho, en el desplegable que se abre poner el cursor sobre Abrir Con y en el desplegable que se abre pulsar en Bloc de notas.
así esa pagina index.html se abre en vista código.
Luego de que esté abierta vaya donde tiene puesto el <link rel etc. etc., (allí entre el <head> y el </head>) y escriba:
<link rel="stylesheet" href="estilo1.css"type="text/css"
media="all">
Luego guarde y cierre.
Ahora vaya y abra el programa HTML-KIT y abra la carpeta amarilla y abra la pagina index.html y vea en la vista previa si se arregló el asunto.
Recuerde que las hojas de estilo solo dan las ordenes, así que en ellas no se hace vista previa, allí solo se escriben las óredenes.
La vista previa se hace en las paginas.html que son las que reciben las órdenes desde las hoja de estilos
Si no se arregló
pues lo dice
Saludos
