gledof:
1.
Dentro de tus etiquetas head, pega el siguiente bloque
Código:
<style type="text/css">
table#fondo{
background-image: url(fondo-800x600.png);
background-position: 0px 0px;
background-repeat: no-repeat;
height: 600px;
width: 800px;
}
</style>
modifica eso si, los valores height y width con los tuyos y cambia el nombre de la imagen (que obviamente derá ser de la misma medida por la tuya.
Ahora en la etiqueta debes poner sólo lo que sigue<table>
Código HTML:
<table border="0" cellpadding="0" cellspacing="0" id="fondo">
Ahora te hago una teoria básica pero te aconsejo que ya te vayas consigueindo un manual básico de html y css.
todo esto que sigue esta mal:
Código HTML:
<table border="0" cellpadding="0" cellspacing="0" width="1024" height="605" background="index_files/fondo1.jpg" background-repeat="no-repeat" background-position="50% 50%">
Las etiquetas tienen atributos específicos, por ejemplo border="0", inidica que una tabla no tiene bordes. Para el tema del fondo(y otros modificaciones al estilo) hay un atributo llamado
style. por ejemplo:
style="background-image: url(fondo-800x600.png); background-repeat: no-repeat;". Es decir, dentro de style se ponen los diferentes propiedades (una
propiedad NO es un
atributo. Las propiedades se separan con
; y la sintáxis es
nombre-propiedad: valor; fijate en los dos puntos.
background-repeat="no-repeat" NO significa nada,
El primer bloque que te indique (<style></style>), puede agrupar todos los estilos de tu página, y en tu caso en particular, asociamos los estilos que definimos con tu tabla a través del atributo id="fondo", esta? lo que esté dentro de table#fondo se aplica a la tabla de id="fondo"
Revisa la demo que te deje y relee el código fuente varias veces.
Saludos