[SOLUCIONADO] Problema con el fondo de la web

Jaimemartin · #1 (**permalink**) 20/06/2013, 12:17

Muy buenas!
Os comento. Tengo el diseño de una web terminado pero el problema es que el diseño del fondo (background) no se centra con la tabla que esta si que esta centrada. He mirado montones de webs con fondos que se ajustan a todo tipo de resoluciones y no logro saber donde esta el problema en el codigo. Tambien e buscado en google este mismo tema pero tampoco me solucionan el problema. Debe ser sencillo pero si no soluciono esto mi proyecto se va al garete. Un saludo y muchas gracias.

Código HTML:

<html>
<head>
<meta http-equiv="Content-Language" content="es">
<title> </title>
<body topmargin="0" bottommargin="0" bgcolor="#FFFFFF" leftmargin="0" background="fondo.png" style="background= center">
 <meta http-equiv="Page-Enter"> 
<meta http-equiv="Content-Type">
<meta content="" name="title"> 
<body>
<div align="center">

<table border="0" width="950" cellspacing="0" cellpadding="0">
	<tr>
		<td>&nbsp;</td>
	</tr>
</table>
</div>
</body></html>

pitufoweb · #2 (**permalink**) 20/06/2013, 12:26

Hola,

Lamento decirte que lo que necesitas es leer un manual de HTML y otro de CSS ( http://librosweb.es/) El código que has puesto tiene errores muy básicos y ademas contiene código del siglo pasado que ya no se usa.

Saludos

Jaimemartin · #3 (**permalink**) 20/06/2013, 12:29

Tio soy principiante. El codigo se genera automaticamente.

Jaimemartin · #4 (**permalink**) 20/06/2013, 12:30

Cita:

Iniciado por pitufoweb

Hola,

Lamento decirte que lo que necesitas es leer un manual de HTML y otro de CSS ( [url]http://librosweb.es/[/url]) El código que has puesto tiene errores muy básicos y ademas contiene código del siglo pasado que ya no se usa.

Saludos

Por cierto que errores son esos?

pitufoweb · #5 (**permalink**) 20/06/2013, 12:41

Cita:

Iniciado por Jaimemartin

Tio soy principiante. El codigo se genera automaticamente.

Entiendo. Por eso mismo fue que te recomendé lo de leer un manual.

Entra en esta pagina y pega ahí tu código. Ahí te indicara los errores. Pero el mas grave es que tienes una etiqueta body dentro del head.

Saludos

Jaimemartin · #6 (**permalink**) 20/06/2013, 12:46

Cita:

Iniciado por pitufoweb

Entiendo. Por eso mismo fue que te recomendé lo de leer un manual.

Entra en [URL="http://validator.w3.org/#validate_by_input"]esta pagina[/URL] y pega ahí tu código. Ahi te indicara los errores.

Saludos

Pero no me dice donde estan los fallos. Utilizo frontpage y todas las webs que he hecho no me han dado problemas. Salvo esta

¿En que puede influir los fallos del codigo?

Jaimemartin · #7 (**permalink**) 20/06/2013, 12:59

Me podeis ayudar por favor!!!!!!! Solo necesito como centrar la imagen de fondo de la pagina solo eso. :(

pitufoweb · #8 (**permalink**) 20/06/2013, 13:15

Cita:

Iniciado por Jaimemartin

Me podeis ayudar por favor!!!!!!! Solo necesito como centrar la imagen de fondo de la pagina solo eso. :(

Frontpage es el peor programa que puedes usar para crear un sitio web. Incluso ya esta descontinuado desde hace 10 años.

Código HTML:

<html>
<head>
<title>Pagina</title>
<style>
body {background: #fff url(fondo.png) center; }
</style>
</head>

<body>

<div align="center">

<table border="0" width="950" cellspacing="0" cellpadding="0">
	<tr>
		<td>&nbsp;</td>
	</tr>
</table>
</div>
</body>

</html>

Saludos

Jaimemartin · #9 (**permalink**) 20/06/2013, 13:21

Cita:

Iniciado por pitufoweb

Frontpage es el peor programa que puedes usar para crear un sitio web. Incluso ya esta descontinuado desde hace 10 años.

Código HTML:

<html>
<head>
<title>Pagina</title>
<style>
body {background: #fff url(fondo.png) center; }
</style>
</head>

<body>

<div align="center">

<table border="0" width="950" cellspacing="0" cellpadding="0">
	<tr>
		<td>&nbsp;</td>
	</tr>
</table>
</div>
</body>

</html>

Saludos

Pues ni poniendo el codigo que me das sale bien. Estoy como estaba.

Pero que pasa si el codigo esta mal pero la web funciona bien y tiene buen diseño???

Muchisimas gracias por tu esfuerzo!! Te lo agradezco

dvpareja · #10 (**permalink**) 20/06/2013, 14:41

Quizá estés buscando esto:

Código HTML:

Ver original<html>
<head>
<title>Pagina</title>
<style>
body {background: #fff url(fondo.png) 0 0 fixed; background-size:cover;}
</style>
</head>
 
<body>
 
<div align="center">
 
<table border="0" width="950" cellspacing="0" cellpadding="0">
    <tr>
        <td>&nbsp;</td>
    </tr>
</table>
</div>
</body>
 
</html>

Cita:

Pero que pasa si el codigo esta mal pero la web funciona bien y tiene buen diseño???

Pues que la web no va a funcionar bien. Quizá algunos navegadores como FF pueden corregir algunos errores "al vuelo", pero en la mayoría de los navegadores tu web no se parecerá nada a tu diseño.

Jaimemartin · #11 (**permalink**) 20/06/2013, 15:40

Cita:

Iniciado por dvpareja

Quizá estés buscando esto:

Código HTML:

Ver original<html>
<head>
<title>Pagina</title>
<style>
body {background: #fff url(fondo.png) 0 0 fixed; background-size:cover;}
</style>
</head>
 
<body>
 
<div align="center">
 
<table border="0" width="950" cellspacing="0" cellpadding="0">
    <tr>
        <td>&nbsp;</td>
    </tr>
</table>
</div>
</body>
 
</html>

Pues que la web no va a funcionar bien. Quizá algunos navegadores como FF pueden corregir algunos errores "al vuelo", pero en la mayoría de los navegadores tu web no se parecerá nada a tu diseño.

Pues no funciona...
Ya casi me he leido lo de html de librosweb.es. Una pregunta. ¿¿
Se podria crear un DIV CONTENEDOR y tener todo en 1 y asi mismo se centraria el contenido???
Sigo intentando y resolviendo errores que antes cometia. Muchas gracias y un saludo!!!

Rafael · #12 (**permalink**) 20/06/2013, 20:44

Jaime.

El código que te pasan sí funciona si lo haces bien. Copialo tal cal en un documento nuevo. NOOOOOO lo metas en Front page.

Jaime. Perdón si esto va a sonar un poco duro.

Cita:

Pero que pasa si el codigo esta mal pero la web funciona bien y tiene buen diseño???

1.- La Web NO va a funcionar bien. Tan es así, que el código que está correcto NO te está funcionando.

2.- Un buen diseño implica hacer las cosas bien. Un buen diseño implica saber el proceso. Un buen diseño web implica saber hacerlo bien. El día que quieras comprar un coche, ¿quisieras que tuviera motor de motocicleta?

Nadie, nadie que diseñe en forma va buscar parches para el código como lo tienes.

Cita:

Debe ser sencillo pero si no soluciono esto mi proyecto se va al garete.

Pues sí, es sencillo y ya te dieron la solución. Pero si un proyecto sale mal es porque no te estás esforzando. No es cosa de leer ningún manual completo. Es cosa de entenderlo e implementarlo.

Nunca, en tan pocas lineas había visto tantos errores así. No es de verdad para molestar Jaime, es para que ayudarte a tomar la decisión de aprender lo básico de html y css. En este foro de verdad se te puede ayudar, pero pon de tu parte y prueba y entiende lo que se te ha puesto.

Jaimemartin · #13 (**permalink**) 21/06/2013, 02:01

Cita:

Iniciado por Rafael

Jaime.

El código que te pasan sí funciona si lo haces bien. Copialo tal cal en un documento nuevo. NOOOOOO lo metas en Front page.

Jaime. Perdón si esto va a sonar un poco duro.
1.- La Web NO va a funcionar bien. Tan es así, que el código que está correcto NO te está funcionando.

2.- Un buen diseño implica hacer las cosas bien. Un buen diseño implica saber el proceso. Un buen diseño web implica saber hacerlo bien. El día que quieras comprar un coche, ¿quisieras que tuviera motor de motocicleta?

Nadie, nadie que diseñe en forma va buscar parches para el código como lo tienes.

Pues sí, es sencillo y ya te dieron la solución. Pero si un proyecto sale mal es porque no te estás esforzando. No es cosa de leer ningún manual completo. Es cosa de entenderlo e implementarlo.

Nunca, en tan pocas lineas había visto tantos errores así. No es de verdad para molestar Jaime, es para que ayudarte a tomar la decisión de aprender lo básico de html y css. En este foro de verdad se te puede ayudar, pero pon de tu parte y prueba y entiende lo que se te ha puesto.

Buenas Rafa. Primero yo no me enfado por nada, es más me alegro que me lo digas ya que asi vamos aprendiendo. También e visto errores en este blog, bueno yo no, la pagina w3.org.

Entonces no utilizo frontpage? es que no tengo el DreamWeaver y no se si va a ser dificil utilizarlo.

Ya estoy corrigiendo los errores del código que antes tenia. Poco a poco. Graciassssss!!!!!

Rafael · #14 (**permalink**) 21/06/2013, 02:07

¡Bien, esa es la actitud!

Dreamweaver es mejor opción, pero aquí vas a encontrar unánime que es mejor aprender html y css.

Jaimemartin · #15 (**permalink**) 21/06/2013, 02:12

Gracias Rafa.
Donde puedo descargarme el Dreamweaver?

Rafael · #16 (**permalink**) 21/06/2013, 02:18

Oh, perdón leí que tenías el dreamweaver. No lo compres.

De plaano usa un editor de texto como Notepad++ o Sublime text.

Es un simple editor de texto con unas ayuditas por ahí.

Ve siguiendo tutoriales de http://librosweb.es/xhtml/

Jaimemartin · #17 (**permalink**) 21/06/2013, 02:23

Cita:

Iniciado por Rafael

Oh, perdón leí que tenías el dreamweaver. No lo compres.

De plaano usa un editor de texto como Notepad++ o Sublime text.

Es un simple editor de texto con unas ayuditas por ahí.

Ve siguiendo tutoriales de [url]http://librosweb.es/xhtml/[/url]

Pero yo lo que quiero es empezar de nuevo utilizando Dreamweaver.
Haber te explico. Yo frontpage lo utilizo porque en la parte de diseño puedo crear tablas y demás y el codigo se genera automaticamente.

Ya se que al hacer eso frontpage crea mal el codigo, por eso voy a empezar con DreamWeaver. De hay que necesite descargarmelo. Gracias de nuevo.

Rafael · #18 (**permalink**) 21/06/2013, 02:34

En este foro no apoyamos descargas extrañas, por lo que te recomiendo que en dado caso lo compres en el sitio de adobe, pero repito. Si quieres aprender de verdad no vale la pena comprar el Dream.

Rafael · #19 (**permalink**) 21/06/2013, 02:37

Adicional. El diseño no se hace con tablas desde hace más de 10 años. Si necesitas una tabla de datos puedes usar el open office y exportar la tabla de datos, incluso con excell, pero el diseño con tablas no.

Jaimemartin · #20 (**permalink**) 21/06/2013, 02:39

Cita:

Iniciado por Rafael

En este foro no apoyamos descargas extrañas, por lo que te recomiendo que en dado caso lo compres en el sitio de adobe, pero repito. Si quieres aprender de verdad no vale la pena comprar el Dream.

Ok. Ya me lo estoy descargando. Si el proyecto que tengo va bien, compraria el programa. Muchas gracias Rafa y a todos!

dvpareja · #21 (**permalink**) 21/06/2013, 03:32

Como apunte adicional a lo que ha dicho Rafael (se puede decir más alto, pero no más claro), olvídate de la vista diseño de Dreamweaver o de cualquier otro editor WYSIWYG.

El HTML es sencillo. Vas a tardar lo mismo en aprender a construir un sitio web apretando botones que aprender a maquetarlo tu mismo con etiquetas, y ya que vas a tener que gastar ese tiempo de tu vida, úsalo para aprender algo útil. Algo que te sirva para tener independencia total de la plataforma en la que desarrolles. Algo que te permita entender lo que estás haciendo y te permita depurar errores.

Jaimemartin · #22 (**permalink**) 21/06/2013, 04:53

Cita:

Iniciado por dvpareja

Como apunte adicional a lo que ha dicho Rafael (se puede decir más alto, pero no más claro), olvídate de la vista diseño de Dreamweaver o de cualquier otro editor WYSIWYG.

El HTML es sencillo. Vas a tardar lo mismo en aprender a construir un sitio web apretando botones que aprender a maquetarlo tu mismo con etiquetas, y ya que vas a tener que gastar ese tiempo de tu vida, úsalo para aprender algo útil. Algo que te sirva para tener independencia total de la plataforma en la que desarrolles. Algo que te permita entender lo que estás haciendo y te permita depurar errores.

Como digo siempre e abierto el tema para aprender. Osea que utilizando la cabeza y con los conocimientos que e aprendido de libros y fijandome de codigos de otras webs, empezare a escribir codigo, eso si de webs fiables. Muchas gracias y un saludo!
PD: Utilizare Wordpad

dvpareja · #23 (**permalink**) 21/06/2013, 05:08

Cita:

PD: Utilizare Wordpad

No sé lo que opinan por aquí, pero yo llevo usando Geany desde hace años, tanto en Linux como en Windows, y me encanta.

Es ligero, y tiene:

Resaltado de sintaxis
Autocompletado
Autocerrado de etiquetas
Consejos
Soporta muchos formatos, como HTML, CSS, C, Java, PHP o Python
Listas de símbolos
Navegación por el código
Sistemas de compilación
Gestión de proyectos
Plugins

Rafael · #24 (**permalink**) 21/06/2013, 07:06

No. Wordpad te deja formato. No lo uses.

Usa Notepad++ http://notepad-plus-plus.org/

Jaimemartin · #25 (**permalink**) 21/06/2013, 07:31

Ya he creado el codigo pero al insertarlo en el programa no sale todo en su sitio, como ocurre con las tablas. Un lio increible.

No existen videotutoriales? o directamente plantillas para esto?

pzin · #26 (**permalink**) 21/06/2013, 10:49

Cita:

Iniciado por Jaimemartin

Un lio increible.

Es muy diferente diseñar con tablas que sin ellas. Al principio sobre todo, más si vienes de diseñar con tablas. Es un concepto diferente a priori. Incluso puede llegar a desquiciar, pero una vez tengas un dominio medio ya será totalmente cómodo. La cosa es aprender CSS.

Yo en español desconozco videos que hagan de guía*, pero en inglés por ejemplo, los de Chris Coyier suelen estar muy bien.

* no existe la palabra "tutorial" en castellano.

Jaimemartin · #27 (**permalink**) 22/06/2013, 14:01

Tema solucionado. Gracias por todo Dvpareja!!! Reto conseguido jejeje