No consigo poner color ni imagen de fondo

JLHH · 13 Sep 2007, 15:26 · Solicitar retirada

ola yo tengo tambien el problema de no poder poner color de fondo, imagenes,etc.Os doy mi index.html
<DOCTYPE>

<html>
<head>
<title>Página principal de una web de prueba</title>
<link>
</head>
<body>

Esto es una web de prueba

Es de experimentacion

pagina creada gracias a <a>CCTW</a>

</body>
</html>

y mi estilos.css

body {background-orange: #FFA500 ; background-image: http://www.comocreartuweb.com/html-kit-tutorial/objetos/fondo.png(o…) ; background-repeat: no-repeat ; background-position: center center ; height:100%; }

¿esta bien puesto?

Yaneth · 13 Sep 2007, 16:43 · Solicitar retirada

veamos

Si activaste la casilla de abajo la que dice:
Deshabilitar html en este mensaje

pues entonces te falta algo

si no lo hiciste, pues tu codigo no salio completo

sería algo asi:

<html>
<head>
<title>Página principal de una web de prueba</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>

Esto es una web de prueba

Es de experimentacion

pagina creada gracias a <a>CCTW</a>

</body>
</html>

estilos.css

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

pero para empezar elimina esto

background-position: center ;
height:100%; }

y te quedaría solo asi:

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

pero recuerda que debes tener una carpeta llamada objetos, y en ella el fondo.png, de lo contrario no podrás verlo

saludos

JLHH · 13 Sep 2007, 17:20 · Solicitar retirada

k va me sigue sin salir el fondo,ni tampoco me sale kitar el borde del correo electronico ni lo de centrar parrafos.En fin que no me sale na del estilo.css. te vuelvo a enviar otra vez esto + completo y con el html desactivado.a ver si ves el fallo.
Html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Página principal de una web de prueba</title>
<link rel="stylesheet" href"=estilos.css" type="text/css" media="all">

</head>
<body>

Esto es una web de prueba

Es de experimentacion

pagina creada gracias a CCTW

[contenido no disponible]

[correo eliminado]

</body>
</html>

estilos.css

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

img { border-style: none }

.centrado { text-align:center }

Yaneth · 13 Sep 2007, 17:35 · Solicitar retirada

ok

creo que ya vi el error

debes tener asi:

<link rel="stylesheet" href="estilos.css" type="text/css" media="all">

NO asi

<link rel="stylesheet" href"=estilos.css" type="text/css" media="all">

lo checas y nos avisas

saludos

JLHH · 13 Sep 2007, 17:42 · Solicitar retirada

SI

por fin sale

muchas gracias de verdad

Yaneth · 13 Sep 2007, 17:59 · Solicitar retirada

:wink:

Jinxi · 14 Sep 2007, 15:04 · Solicitar retirada

Bueno, estuve leyendo las 3 páginas y no pude arreglármelas como para poder seguir adelante en cuanto a tener una imágen y un fondo..

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

<html>
<head>
<title>Web de Hefesto </title>
<link rel="stylesheet" href"=ruta/estilos.css" type="text/css" media="all">
</head>
<body>
 

Momentaneamente en obras.</p>
 

YOU BROKE IT? 0wn3d!(?)</p>
</body>
</html>

Por ahora estoy ahí..
Mi problema es el siguiente:
No puedo poner la imágen..
En "estilos.css" tengo

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

O sea, tengo que poner el "body {background..." tal como está? Sin nada más?

Salu2

Yaneth · 14 Sep 2007, 18:02 · Solicitar retirada

Hola

el problema no está en la hoja de estilos
está en el enlace a ella en la index

(espero explicarme bien)

tu tienes puesto esto:

<link rel="stylesheet" href"=ruta/estilos.css" type="text/css" media="all">

y le estás diciendo que busce dentro de una carpeta llamada ruta, la hoja de estilos,

si esto no es así, y tu hoja de estilos esta junto a la index solo necesitas poner asi:

<link rel="stylesheet" href"=estilos.css" type="text/css" media="all">

pero a parte hay otro fallito pusiste esto:
href"=ruta/estilos.css"

y si te fijas las comillas empiezan antes de =
las comillas indican que ahi empieza el nombre
lo pones así y listo

<link rel="stylesheet" href="estilos.css" type="text/css" media="all">

si se arregla nos dices y si no.....tambien

saludos

Jinxi · 14 Sep 2007, 23:12 · Solicitar retirada

Bueno, la verdad muchisimas gracias por la respuesta, ya logré hacer que tengo un fondo de color, pero ahora me faltaría saber cómo poner una imágen :D , o sea, yo copio el código que aparece en la página de CCTW, lo pongo en "estilos.css" pero no pasa nada.
según la página el código sería

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

Tengo que copiarlo así como está?
Saludos, y gracias ^^!

Yaneth · 14 Sep 2007, 23:38 · Solicitar retirada

Hola

para que puedas ver la imagen de fondo

primero tienes que tenerla dentro de la carpeta objetos, y debe llamarse
fondo.png

porque eso es lo que indicas con esa orden

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

saludos

Jinxi · 15 Sep 2007, 00:27 · Solicitar retirada

Bien, gracias de nuevo!
Tengo otro problema:
Seguí adelante con el tutorial, llegué hasta "cómo insertar una imágen"..
Como me embolé más o menos (o bien, existía una forma para mí más entendible que es la de "Insertar imágen" con el html-kit) decidí "Insertar imágen" con el Html-Kit.. le puse los px luego del height y eso, y cuando uplodeo los archivos a mi página con el FileZilla y entro, la imágen que había metido no cargaba, o bien, no se mostraba..
Acá te dejo cómo me quedó el código de mi página:

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

<html>
<head>
<title>Web de Hefesto - Franco gay!</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all"> 
[img]objetos/Foto.jpg[/img]
</head>
<body>
 

Momentaneamente en obras.</p>
 

YOU BROKE IT? 0wn3d!(?)</p>
</body>
</html>

La imágen está en la carpeta "objetos" y se llama "Foto.jpg"..
Muchísimas gracias por la ayuda!

Yaneth · 15 Sep 2007, 00:33 · Solicitar retirada

Hola

subiste la página

pero....tambien subiste la imagen?
recuerda que debes subir todo lo que quieres mostrar

eso incluye, hojas de estilos e imagenes si estas están en una carpeta como en este caso pues subelas con todo y carpeta

dame tu url, para verla
saludos

Jinxi · 15 Sep 2007, 00:38 · Solicitar retirada

Hmm, perdoná pero no entendí bien tu respuesta :roll:

url: www.hefesto.bolhost.com

Yaneth · 15 Sep 2007, 00:42 · Solicitar retirada

entré a la url que me diste

y veo.....

una linda fotografía con 8 apuestos caballeros haciendo bola

esa es la foto a la que te refieres?

si es asi, yo la veo perfecta

saludos

Jinxi · 15 Sep 2007, 00:43 · Solicitar retirada

Perdón por el doble post, pero, no puedo editar todavia!
Hice lo que me dijiste, subí todo otra vez (metí la carpeta el el index.html) con el FileZilla y bueno, resultó positivo :D
Ahora, mi cuestión es:
¿Cómo hago ahora para tener ese fondo que tengo centrado (y un fondo de color abajo de ese)?
muchísimas gracias

Yaneth · 15 Sep 2007, 00:48 · Solicitar retirada

OK,
vamos por partes que mi cabeza no da para tanto y menos de junto jejej

como que quieres el fondo centrado???(el fondo ocupa toda la página)
ya que está en el Body

y quieres poner otro fondo de color DEBAJO ?????

ahora soy yo la que no entendí

dame mas pistas para ayudarte

Jinxi · 15 Sep 2007, 00:54 · Solicitar retirada

Hmm.. algo parecido a como está todo en la página, tiene un fondo blanco-azul y arriba tiene todos los chiches.. sería posible en vez de tener los chiches (que sería todo lo que está arriba del fondo blanco-azul), tener ese fondo que tengo puesto ahora?
Saludos!

Yaneth · 15 Sep 2007, 00:59 · Solicitar retirada

haaaa Ok
Claro que es posible

pero sabes que....

eso biene explicado en las siguientes lecciones
cuando llegues a la plantilla verás que si

sigue con las lecciones, y trata de no desviarte, para que no te pierdas, y podramos ayudarte más rapido

Suerte y exito

saludos

Jinxi · 15 Sep 2007, 01:01 · Solicitar retirada

Muchas gracias!
Saludos, y hasta la próxima consulta :P

Yaneth · 15 Sep 2007, 01:08 · Solicitar retirada

ok
hasta la proxima
:wink: :wink: :wink:

eleniS_BsP · 15 Sep 2007, 15:33 · Solicitar retirada

holaaa!! no me sale la imagen de fondo d pantalla...el color de fondo sí xo la imagen no...=( q hgo?

Yaneth · 15 Sep 2007, 16:28 · Solicitar retirada

Hola

tienes la imagen guardada en la carpeta de objetos?

como se llama la imagen?

danos mas pistas para ayudarte

deskcia2 · 4 Oct 2007, 19:23 · Solicitar retirada

:D primero agradeser a esta pagina exelente aporte 8)

mi problema es el siguiente kmo la mayoria de los post

es k no puedo colocor una imagen de fondo

pero si puedo poner el fondo de color ??

se le agradeseria una respuesta y se que la puedo tener

Index.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 página web. Muy pronto estará lista!

Página creada gracias a CCTW

</body>
</html>

estilos.css

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

JorGens · 4 Oct 2007, 20:04 · Solicitar retirada

Hola deskcia2 Bienvenida!

Los codigos están bien. Solo asegurate de:

- Guardar la hoja de estilo antes de hacer la vista previa.
- Que tanto index.html como estilos.css están en la misma carpeta
- Que has subido la imagen de fondo a la carpeta objetos
- Que la imagen de fondo se llama exáctamente fondo.png

Verifica eso y nos cuentas, oki? Animo! :wink:

deskcia2 · 4 Oct 2007, 20:33 · Solicitar retirada

gracias por la bienvenida =)

- ise el proceso nueva mante de la hoja de estilos y nada
- como idex.html y estilos.css se encuentarn en la carpeta web-ejemplos- cctw-local
- la imagen se encuentra ne la carpeta objetos y se llama fondo.png

perooo sigue = solo el color funcian como fondo pero no la imagne

que puede ser =(