Problemas con el background

Rose · 2 Mar 2009, 00:53 · Solicitar retirada

Bueno, para muchos de vosotros sera un babosada esto
Pero no me entero en donde poner el codigo para que me salga el bendito color de fondo
tengo la hoja de estilo en este formato:

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

<html>
<head>
<title>Page title</title>
</head>
<body>

</body>
</html>

Sera que podeis decirme donde va ubicado el: {background-color= #5D478B}, en la hoja de estilos para que me salga el color en el index?
No he querido intentar maromas que no se hacer sin consultar porque capaz que hago la regada del siglo y daño todo
Y es que es muy importante que termine esta web porque es un proyecto tecnológico para el insti y vale mas de la mitad de la calificación final

Gracias de antemano

Tasha-LuxMundi · 2 Mar 2009, 01:35 · Solicitar retirada

Hola!!!

creo que te pasó lo mismo que a mi al principio, has creado la hoja de estilo pero la has definido como .html y tiene que ser estilo.css por ejemplo, en la cual cuando la abres no está escrito nada y pones el código
{background-color= #5D478B}
en la primera línea...

tienes que borrar esta y crear una nueva con extensión .css

Saludos,
Tasha

Rose · 2 Mar 2009, 01:49 · Solicitar retirada

---- Editado ----

Muchisimas gracias Tasha
ya esta todo arreglado
te debo una grande ^^

Rose · 2 Mar 2009, 02:24 · Solicitar retirada

Ahora me ha salido otro problema...
Trato de poner la imagen de fondo usando este codigo:

body {background-color: #5D478B ; background-image: url(objetos/fondo002.png); background-repeat: no-repeat}

Lo guardo y abro el preview del index y nada
Hay algo mal escrito?

Tasha-LuxMundi · 2 Mar 2009, 13:03 · Solicitar retirada

Hola, Rose!!!

Tienes q asegurarte que la url (objetos/fondo002.png) está bien escrita: el archivo realmente está en "objetos" y se llama fondo022.png

Y la segunda es que en tu hoja index.html está bien enlazada la hoja de estilo para hacer referencia a ella.
o sea:
<link rel="stylesheet" href="estilo.css" type="text/css" media="all">

Está escrito entre <head> y </head> en la hoja .html

Saludos,
Tasha

Rose · 3 Mar 2009, 00:01 · Solicitar retirada

Muchisimas gracias Tasha
Tenias que haberlo dicho tu para que yo viese que tenia unas cosillas mal escritas XD
Ahora ya tengo la imagen de fondo
Pero me gustaria saber como centrar la img (logo) que he insertado, he
intentado hacerlo igual que como he centrado los parrafos osea:

<img class="centrado"> alt="Study-2-logo de la web (196K)" src="objetos/Study-2-logo.gif" height="600" width="588" />

Y lo que hace es que la imagen ya no se vea
como centro el logo sin que pase eso?

wolfmoon · 3 Mar 2009, 11:31 · Solicitar retirada

Con las imagenes el text-align:center; no funciona porque como ya deberias saber (jeje) img es una etiqueta vacia. Una de las maneras para centrar una imagen seria esta:

img {
display: block;
margin: auto;
}

Otra manera seria meter la imagen dentro de una capa y a esta si ponerla la propiedad text-align:center;

Rose · 4 Mar 2009, 23:11 · Solicitar retirada

Y donde tengo que poner el

img {
display: block;
margin: auto;
}

???

pitufo · 5 Mar 2009, 06:58 · Solicitar retirada

Hola.

También lo puedes hacer así:

<p class="centrado"><img> alt="Study-2-logo de la web (196K)" src="objetos/Study-2-logo.gif" height="600" width="588" /></p>

Bye.

wolfmoon · 5 Mar 2009, 12:02 · Solicitar retirada

Pues eso se pone en la hoja de estilos...

Tambien lo puedes hacer como dice pitufo..

Rose · 5 Mar 2009, 18:37 · Solicitar retirada

Os lo agradezco
y perdonadme por las molestias ^^u

dani-rous · 1 Abr 2009, 14:49 · Solicitar retirada

hola, ya tengo casi terminada mi pagina web, pero tenia una duda.
cuando abro mi pagina colgada en internet me descargan todas las imagenes del contenido y luego al final se descarga la cabecera y le da un feo aspecto,
la cabecera esta indicada en mi hoja de estilo general (la cabecera es una imagen jpg)
habria algo que pueda agregar a la hoja de estilos o al html que le indique a la pagina que descargue primero la cabecera?
se lo agradeceria mucho.

nosabernada · 1 Abr 2009, 17:37 · Solicitar retirada

Hola,

depende de como lo tengas puesto en el css, si por ejemplo como cabecera la tienes puesta al final del css, se cargara la ultima.

Tambien ten en cuenta que el html carga las imagenes, incluso varias a la vez, y si dos imagenes se estan cargando al mismo tiempo, la mas pequeña se carga antes.

Adios nsn

Lore85 · 1 Abr 2009, 21:16 · Solicitar retirada

Hola, no consigo poner una foto como fondo de mi página web
de inicio. Tengo bien enlazada la hoja de estilos con el index
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
y en la hoja de estilo tengo puesto el siguiente código
body {background-image: url(objetos/SDC10019.JPG)}
y tengo la foto SDC10019.jpg en la carpeta objetos, porque no consigo verla de fondo?

Para poner una imagen de fondo es necesario que tenga la extensión png?

En el tutorial dice que debe aparecer la imagen de fondo como mosaico, para que saliera sólo una vez y ocupe toda la página que tengo q poner?
en la hoja de estilos background-repeat: no-repeat y algo mas? como hago para que ocupe toda la página?

Estoy iniciandome con html, gracias a esta maravillosa página CCTW.
Espero que alguien me puede ayudar. Gracias.

manmanu · 1 Abr 2009, 22:18 · Solicitar retirada

Hola,
Lore85.

y tengo la foto SDC10019.jpg en la carpeta objetos, porque no consigo verla de fondo?
Posiblemente haya algo que este mal escrito, un punto, una coma etc la ruta.
Revisalo.
Tambien de vez en cuando refresca la caché de tu navegador, pulsando F5, en algunos momentos muestran la imágen que tienen grabada en su caché.

Para poner una imagen de fondo es necesario que tenga la extensión png?
No..!!
Puedes usar la que estimes, pero si es un formato de los más utilizados, por muchas razónes que ya irás viendo.

En el tutorial dice que debe aparecer la imagen de fondo como mosaico, para que saliera sólo una vez y ocupe toda la página que tengo q poner?

Tu imáge, para que no se repita no-repeat
Para que se repita repeat, o en algunos casos nada,ya se repite sola.
Para que se repita horizontalmente repeat-x
Para que se repita verticalmente repeat-y

Aquí paro, espero te haya servido.

manmanu

Lore85 · 1 Abr 2009, 22:49 · Solicitar retirada

Muchas gracias Manmanu, por fin lo consegui, no pensé que fuera tan importante lo de los puntos, las comas, los espacios...

manmanu · 1 Abr 2009, 23:31 · Solicitar retirada

Hola

me alegro que lo hayas solucionado. :wink:
Claro que son importantes......

manmanu

dani-rous · 3 Abr 2009, 00:03 · Solicitar retirada

He quitado algunas atribuciones del css para poder hacer que la imagen de la cabecera descargue primero que el contenido de la pagina en si.
pero luego de algunos experimentos prueba y error lo consegui, pero no puedo hacer lo mismo con el fondo de la barra de navegacion y el menu lateral siguen descargando ultimo, que puedo hacer con ellos para que descarguen antes que las imagenes del contenido?

el concejo sobre el posicionamiento no me dio resultado.

peugeot · 3 Abr 2009, 00:29 · Solicitar retirada

hola,

si que te llevas bien con el dibujo, eh? con cuál editor de imágenes trabajas?

¿te acuerdas que te recomendé un enlace para seguir el procedimiento en photoshop para bajar el peso a las imágenes? Ese mismo procedimiento aplícalo a tu imagen del menú para que cargue más rápido. De hecho, aplícalo a todas tus imágenes antes de subirlas a la web para que carguen rápido.

Y dime con cuál editor de imágenes trabajas???