Fondo HTML

markos_08 · #1 (**permalink**) 10/10/2010, 07:32

Hola, hace muy poco que he empezado con Dreamweaver.

Estoy intentando pasar una página de PSD a HTML (el diseño es muy sencillo un fondo y el cuerpo donde se cargará el texto, sin botones ni nada) la he dividido en sectores y luego en Dreamweaver hago una tabla, cada celda la hago del tamaño de los sectores, los coloco y queda perfecta.

El problema que tengo es que quiero que el fondo ocupe toda la pantalla y no que quede un borde blanco alrededor y no tengo ni idea de como hacerlo.

Cómo lo puedo solucionar???

Gracias....

_cronos2 · #2 (**permalink**) 10/10/2010, 09:01

Prueba así:

Código CSS:

Ver original<style type='text/css'>
body {background:url(aquíLaUrlDeLaImagen);}
</style>

Pon eso entre <head> y </head>, y cambia la url de la imagen.
Saludos (:

markos_08 · #3 (**permalink**) 10/10/2010, 10:54

no, si lo hago así tengo un doble fondo, uno encima de otro.

_cronos2 · #4 (**permalink**) 10/10/2010, 12:23

Postea el código que tienes.
Saludos.

emprear · #5 (**permalink**) 10/10/2010, 15:04

markos_08:
Un PSD a HTML?
supongo que dividiste tu imagen PSD y cada imagen resultante la pusiste como fondo de cada sector de la tabla que creaste con Dreamweaver.
Otra cosa no se etiende.
ahora lo que te resta es que esa tabla ocupe toda la pantalla y se posicione a partir de las coordenadas 0,0. Además tendrías que eliminar cualquuier margin o padding que pueda generar por defecto el body, y por cierto, hacer que tu tabla no tenga bordes de ningún tipo. todo eso lo podés conseguir con css, ahora que el problema lo vas a tener según sea diferente la resolución de los clientes, ya que tu imágen tiene dimensiones fijas.

por si te sirve

html, body {
margin: 0px;
padding: 0px;
outline: none;
border: none;
}

table {
margin: 0px;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
}

y en tu html
<table cellpadding="0" cellspacing="0" border="0" width="100%">

Saludos