Problemas con la imagen de fondo??? aqui la ayuda

zyd_7 · 4 Abr 2010, 22:27 · Solicitar retirada

Hola que tal, me gustaria aclarar una duda, veran tengo como idea hacer un index que redireccione a las demas partes de la web, como parte de la idea quiero poner un fondo al mismo (este quedaria estilo marco), dicho fondo fue hecho por mi, sin embargo al hacer el "code" resulta que solo cubre una parte de la pantalla del navegador, es decir mi fondo queda incompleto, me gustaria saber si tiene que ver que yo hice el fondo (las mediciones de mi archivo en photoshop) o es cuestion del codigo.

Bueno aqui les dejo la imagen (ahi mismo explico)

[contenido no disponible]

De antemano muchas gracias y una ultima cosa... si depende del tamano de mi imagen (mi disenio) como saber cuales son las dimensiones correctas a dar en photoshop (al crear el archivo)

Yaneth · 5 Abr 2010, 16:19 · Solicitar retirada

hola
he aqui un problema muy comun
en el curso paso a paso, nos enseñan a hacer una web de 800px de ancho
la cual es una medida estandar, pero en resoluciones mayores, queda un espacio en blanco sin rellenar a ambos lados (o aun solo lado)

que te recomiendo???, una imagen que pueda repetirse a lo ancho, estaria genial, asi no te preocupas por el tamaño
de no ser posible
yo pondria tres imagenes
una para la derecha que no se repita, otra para el centro que pueda repetirse sin problema y otra fija para la izquierda
asi la del centro se repetira cuando lo necesite
me explico???????

abeva · 8 Abr 2010, 18:26 · Solicitar retirada

hola ya revisé todo lo que indican y sigo con el mismo problema,tengo esto:

<!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ágina creada gracias a CCTW
</body>
</html>

y en estilos tengo;

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

y sigue sin aparecer la imagen de fondo,porqué?

josesd · 8 Abr 2010, 19:01 · Solicitar retirada

abeva escribió:hola ya revisé todo lo que indican y sigo con el mismo problema,tengo esto:

<!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ágina creada gracias a CCTW
</body>
</html>

y en estilos tengo;

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

y sigue sin aparecer la imagen de fondo,porqué?

background-image: url (objetos/fondo.png.gif)}

fijate que entre url y los parentesis hay un espacio, borralo.

abeva · 8 Abr 2010, 19:45 · Solicitar retirada

muchas gracias,ya quedó,ahora podré continuar

abeva · 8 Abr 2010, 20:55 · Solicitar retirada

ya pude poner una imajen de fondo,sin embargo esta se repite en toda la hoja,es decir no sale una nadamas,sino muchas veces,auin cuando en estilo tengo:
body {background-color: #E6E6FA ;
background-image: url(objetos/copiadora1.png.jpg)};
background-position:center center)};background-repeat: no-repeat ;height:100%; }
en mi caso,la imagen que utilizo es una copiadora
cabe aclarar que del curso copio la estructura y luego la pego en mi archivo estilo.
disculpen nuevamente mi ignorancia,pero ahi la llevo

josesd · 8 Abr 2010, 21:03 · Solicitar retirada

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

fijate que estas cerrandolo (en rojo) antes de que entre lo de background no repeat.

abeva · 8 Abr 2010, 21:21 · Solicitar retirada

mira,ya lo puse así;

body {background-color: #E6E6FA ;
background-image: url(objetos/copiadora1.png.jpg);background-position:center center);background-repeat:no-repeat ;height:100%; }
y nada!! aún me siguen apareciendo muchas imagenes
que está mal?no te desesperes por mi ignorancia,de antemano muchas gracias

josesd · 8 Abr 2010, 21:23 · Solicitar retirada

tranquila no me desespero :)

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

elimina lo que esta en rojo, si te das cuenta estas cerrandolo antes de que lea todo.

elimina lo de rojo y listo.

abeva · 8 Abr 2010, 21:42 · Solicitar retirada

muchisssimas gracias ,ya quedó,ahora seguiré avanzando

jaume · 15 Abr 2010, 19:13 · Solicitar retirada

Vale, perfecto con la imagen de fondo de la practica, pero quisiera saber si es posible colocar una imagen de fondo que ocupe TODO el fondo. Si es posible, ¿cómo lo hago?
Gracias de antemano

Foley · 20 Abr 2010, 15:34 · Solicitar retirada

jaume escribió:Vale, perfecto con la imagen de fondo de la practica, pero quisiera saber si es posible colocar una imagen de fondo que ocupe TODO el fondo. Si es posible, ¿cómo lo hago?
Gracias de antemano

Pregunta en un tema nuevo ;)

jaume · 20 Abr 2010, 17:58 · Solicitar retirada

Nuevo tema abierto...
gracias

victor789012 · 28 Abr 2010, 05:28 · Solicitar retirada

HOLA AMIGOS, YO COMETI EL ERROR DE GUARDAR LA IMAGEN COMO "FONDO.PNG"
JAMAS LOGRE QUE FUNCIONARA LA IMAGEN DE FONDO, LO CORREGI DE LA SIGUIENTE MANERA :
GUARDE LA IMAGEN COMO FONDO Y MI COMPUTADOR LE ASIGNO AUTOMATICAMENTE LA TERMINACION "JPG". POR LO QUE LA INSCRIPCION QUEDO ASI:
body{background-color:#fffafa;background-image:url(objetos/fondo.jpg)}

YO USE UN FONDO DE TONO BLANCO, TU USA EL QUE MAS TE GUSTE. OK.

ESPERO SEA UTIL.
SU AMIGO VICTOR.

JOHANA · 28 Abr 2010, 05:48 · Solicitar retirada

A-U-XI-LI-O Necesito la ayuda de algun samaritano(a) que me pueda indicar que es lo que estoy haciendo mal, pues no he podido hacer lo de LA IMAGEN DE FONDO he intentado de todo. Lo que dice el tutorial, quitar, poner, leer, releer, lo que indican en el foro, todo, pues eso es lo que yo creo, pero soy consiente de que hay un pequeño error, sera tan pequeño que no lo veo? Podrian brindarme una ayuda y pues creo que logre enviar el pantallazo! Help me!!!!!!! Dios los bendiga y les multiplique el favor que me hacen.
http://serv31.enterupload.com/i/00207/9iu9jbesm9zm.jpg

jaume · 28 Abr 2010, 10:10 · Solicitar retirada

Sigue paso a paso el tutorial. Si lo haces así seguro que sale. Lo mejor es borrar el enlace de la imagen y repetir todo el proceso de nuevo, asegurandote que la carpeta y sobre todo el nombre, esté escrito exactamente igual que en el HTML-kit. Asegurate que la imagen esté en la carpeta. Es muy importante la extensión: .JPG o .jpg mayúsculas o minúsculas, que sean iguales. Si tampoco sale, prueba con otra imagen, solo para probar. Posiblemente estára la imagen mal, pese demasiado o algo así. Siguiendo al pié de la letra el tutorial, con imagenes de pocos pixeles, tiene que salir.
saludos...

ferrojcp · 29 Abr 2010, 03:06 · Solicitar retirada

hola ya puse la imagen de todo y me salio todo bien el unico problema que tengo es que en internet explorer se ve la imagen y en mozilla no que puede ser esto que pase gracias

jaume · 29 Abr 2010, 09:07 · Solicitar retirada

El problema de la manera cómo se ve diferente con firefox o explorer tambien lo tengo yo y, de momento, nadie me ha sabido dar solución. Ahí no te puedo ayudar. Lo siento.

saludos

nosabernada · 29 Abr 2010, 11:31 · Solicitar retirada

Miren, este codigo es universal:

body {
background: #000000 url("www.com.com/imagen.jpg") center center no-repeat;
}

#000000: pon el color que quieras.
url("www.com.com/imagen.jpg"): la url puede ser una imagen exterior o una de tu host
center center: es decir, la imagen esta centrada desde el eje X y el eje Y, puedes decir left center o center right ...
no-repeat: significa no repetir, para repetir poner repeat, para repetir solo en el eje X, poner repeat-X y el eje Y poner: repeat-Y

Espero que sea de ayuda

Boeing747 · 29 Abr 2010, 12:53 · Solicitar retirada

Muchas gracias Yaneth, había pasado por alto poner exactamente el nombre del objeto tal y como viene en la carpeta, como tú bien dices, un error muy común.

Raydel · 7 May 2010, 01:07 · Solicitar retirada

Sois geniales!! Muchisimas gracias por crear esta página con estos tutoriales y con estas ayudas tan acertadas!!!!!

Raydel

mfernad9 · 11 May 2010, 18:02 · Solicitar retirada

Muy buenas. He podido poner un color de fondo pero no la imagen. He leído las consultas del foro pero haciendo lo que pone no lo he solucionado. No consigo averiguar qué he hecho mal: ¿Pueden revisarlo? Muchas gracias

Tampoco sé cómo incluir un pantallazo así que les explico.

En la carpeta web-ejemplo-cctv-local tengo una carpeta llamada objetos y una imagen llamada imagen.png

En la hoja de estilos llamada estilos.css tengo lo siguiente:

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

En index.html de momento hay lo siguiente:

<!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, muy pronto estará lista!

Página creada gracias a CCTW

</body>
</html>

Yaneth · 11 May 2010, 18:36 · Solicitar retirada

EN EL INDICE de preguntas freceuntes, te dice como hacer la captura de pantalla

saludos

mfernad9 · 11 May 2010, 18:53 · Solicitar retirada

Gracias!! Y lo del fondo de la imagen? Saludos

Yaneth · 11 May 2010, 20:41 · Solicitar retirada

para ayudarte
debes mostrarnos lo que tienes

pega una captura de pantalla con el contenido de la carpeta objetos abierta

saludos