subir fondo

joseyma · 30 Dic 2008, 16:32 · Solicitar retirada

Muy buenas, a ver si me pueden solucionar este problemilla.

He seguido el tutorial y he hecho una pagina inicial (index) donde he colocado una foto como fondo. Esta foto se ve perfectamente cuando utilizo el programa HTML-Kit pero cuando voy a upload el index y la carpeta de estilos, al abrir la pagina con el mozilla, se ve todo menos la foto de fondo, que hago mal?

gracias de antemano y enhorabuena por la pagina

joseyma · 30 Dic 2008, 17:27 · Solicitar retirada

pongo todos los datos para ver si me dais con el fallo

INDEX:

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

<html>
<head>
<title>MALASOMBRA | La Web del compositor cordobés</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p/class="centrado">Bienvenidos a la pagina Web de...</p>
<div id="logotipo">
<a href="plantilla.html">
<p/class="centrado">
[contenido no disponible]
</a>
<p/class="centrado">Si quieres acceder a sus contenidos pulsa AQUI</p>

[correo eliminado]</p>
</body>

</html>

ESTILOS:

* {margin:0px ; padding:0px ; border:0px}

body { margin: 230px 250px 50px 0px; color: black; font-size:18px; background-color: black ;width:10px ;background-image: url(objetos/fondo1.jpg) ; background-position: center center ; background-repeat: no-repeat ; height:90%;background-position: 100px 1px 100px 1px }

img {border-style: none; margin: 20px 200px 20px 78px}

.centrado {text-align:center}

La pagina por si sirve de algo es malasombra.getenjoyment.net

Gracias otra vez

Yaneth · 30 Dic 2008, 17:32 · Solicitar retirada

HOLA

para empezar te recuerdo que no debes tener espacios en blanco
en los nombres de fotos, archivos, carpetas etc etc

mira

<img src="objetos/logo malasombra.gif" width="800" height="80"

objetos/arbol y luna copia.gif)

ahora..... has subido las imagenes
?????

otra cosa el buzòn no se ve
mira lo que pusiste

OBJETOS/buzon.gif

checalo y nos avisas

saludos

joseyma · 31 Dic 2008, 00:54 · Solicitar retirada

Muchas gracias por tu ayuda, pero creo que soy un poco torpe, es la primera vez que hago cosas de estas y no doy pie con bola. tengo varias preguntas:

1.- He vuelto a hacerlo todo de nuevo, pero me ha surgido el problema de usar la misma direccion web por lo que he borrado mi subdominio y lo he vuelto a crear, eso creo. pero en la ventana de workspace no lo puedo borrar, como lo hago? tampoco esto es muy importante aunque creo que seria bueno para no liarme con la ventana de workspace (porque al final le llamo a todas las carpetas igual)

2.- yo hago el index y el estilo en local y me sale perfecto, pero cuando lo subo al servidor sale un churro, a ver te explico:
si miras la pagina (malasombra.getenjoyment.net) tiene todas estas diferencias con respecto a lo que yo tengo en el index local:

- el fondo sale mas grande que en el index local.
- las letras rojas de malasombra no salen centradas respecto al fondo (deberian estar dentro del circulo blanco)
- sale una raya roja arriba que no se quien la ha puesto ahi, porque yo en el index local no la tengo
- falta un parrafo arriba, justo encima de las letras rojas de malasombra (y dentro del circulo blanco)que dice: Bienvenidos a la pagina Web de...
- falta un parrafo debajo de las letras rojas de malasombra (y dentro del circulo blanco) que dice: si quieres ver su contenido pulsa AQUI (solo sale "AQUI")

Como ves nada es lo que sale en la index local. He intentado hacer un index sencillo pero no se si me estoy complicando demasiado. Te dejo los datos por si me puedes ayudar:

INDEX LOCAL:

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

<html>
<head>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
<title>MALASOMBRA | La Web de un músico cordobés</title>
</head>
<body>

<p/class="centrado">Bienvenidos a la página Web de...</p>
<a href="plantilla.html">
<p/class="centrado">
[contenido no disponible]
</a>
<p/class="centrado">Si quieres acceder a sus contenidos pulsa AQUI</p>

</body>
</html>

ESTILO LOCAL:

* {margin:0px ; padding:0px ; border:0px}

body {margin: 200px 300px 50px 0px; color: black; font-size:18px;background-color: black ; width:10px ; background-image: url(objetos/arbol.gif); background-repeat: no-repeat ; background-position: center center ;height:100%; background-position: 100px 1px 100px 1px }

img {border-style: none; margin: 20px 200px 20px 78px}

.centrado {text-align:center}

Te agradezco de antemano tu ayuda y espero que no te lies mucho con todo lo que he escrito. Un saludo

Yaneth · 31 Dic 2008, 01:00 · Solicitar retirada

hola

no te preocupes, asi es al principio,
veràs que en poco tiempo te aclaras

para que no tengas problema con que debes centrar
las letras rojas dentro del circulo blanco,
porque mejor no lo unes todo como si fuera una sola imagen????
claro a menos que le vayas a poner mas texto

ahorita no tengo tiempo de checarle bien, ya me tengo que ir
mañana lo vemos sale???

saludos

joseyma · 31 Dic 2008, 01:05 · Solicitar retirada

ok yaneth, mañana cambio la imagen y la hago una sola. mirame el resto. creo que tb el problema es que el fondo no ocupa toda la pantalla sino que tiene como dos columnas a los lados que yo he pintado de negro para que no se note. si abres la web y seleccionas la parte izquierda con el cursor puedes hacerte una idea de lo que te digo.

gracias por atenderme tan rapido.

joseyma · 31 Dic 2008, 13:58 · Solicitar retirada

Sigo con la tarea. He conseguido subir el fondo uniendolo todo con el photoshop, (aunque reconozco que la resolucion de las letras no es muy buena) como tu me dijiste, pero surgen otros problemas:

1. yo quiero que toda la pantalla se vea negra con el dibujo en el centro, ¿como lo hago? lo he intentado poniendo color: black en la pagina de estilos y no sale nada.

2. me gustaria que el dibujo quedara más arriba, de tal manera que al abrir la pagina se viera completo, y no como ahora que para verlo hay que darle a las barras de desplazamiento vertical, ¿se puede hacer eso?

3. la palabra AQUI debe quedar justo al final de la frase "Para acceder a sus contenidos pulse", yo la coloco en el index local pero al subirla ya has visto donde queda.

La verdad que ya estoy hasta picado para conseguir que todo salga como yo quiero. gracias por la ayuda.

Yaneth · 31 Dic 2008, 18:33 · Solicitar retirada

OK, TE repito, necesitamos paciencia heeee???
asi solo es al principio jeje

ahora

mira esto

<p/class="centrado"> AQUI</p>

pusiste los "p" al reves

este abre

y este cierra</p>

como te podràs dar cuenta por eso no te aparece el texto que quieres
ya que al empezar el texto, le pones el cierre de "p"
me explico????
es igual que en los divs
este abre
<div>
y este cierra</div>

ya te quedò mas claro?????

entonces tu texto deberia estar asi

<p class="centrado"> AQUI</p>

bueno, ahora seguimos con la imagen de fondo

en el css en body
le has puesto un margen,
y eso no està bien, ya que le estàs poniendo margen a tu web entera
no a la imagen, ni al texto, es a toooooda la web
me explico?????

yyy, no necesitas ponerle tanta cosa
tienes esto
body {margin: 358px 0px 50px 170px; background-color: black; color: black; font-size:18px ; width:10px ; background-image: url(objetos/presentacion-primera.gif); background-repeat: no-repeat ;height:100%; background-position:0px 0px 0px 0px}

y con poner esto, es suficiente

body {background-color:black; background-image:url(objetos/presentacion-primera.gif; background-repeat: no repeat;}

es decir, quiero que mi pagina sea de color negra, y que tenga una imagen de fondo, y que esta no se repita

ahora, vamos con la imagen
tu quieres que la imagen te ocupe toda la pantalla, pero
que no te salgan esas barras de los lados verdad???
solo que la imagen es muy grande, si tu pones que tu web ha de medir 800px de ancho
entonces???? cuanto debe medir tu imagen??????
pues siiii, 800px de ancho
ahora vamos con la altura, para que la imagen quede justa
hasla de 800 x 600px

ok, corrige eso, subes los cambios (aunque no sean de tu agrado)
y nos avisas, para seguirla viendo ok?????

:wink: