duda de como colocar una imagen de fondo

[privatefta]

hoa a todo es que estoy tratando de que una imagen se de fondo completo no salga solo en una esquina ando usando esto

body {
background: #001430 url('../image/site_bg.png') no-repeat;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}

aver que tengo mal o que tengo que agregar

[pateketrueke]

Si te das cuenta, y espero que lo hagas, tu problema es de CSS. ¿Por qué preguntar en el foro de PHP?

Y bueno, ya que andas por aquí te sugiero revisar una referencia de CSS, pues no creo que sepas lo que signifique no-repeat.

[Oscar_Hidro]

Acaso no estamos en el foro de "CSS"???

Que tal @Privatefta. Pues respecto a tu duda, habria que analizar que estas dandole las propiedades al body, y este no lo puedes posicionar.

Asi que si quieres meter una imagen de fondo y darle un posicionamiento, tendras que anidar en alguna etiqueta tu imagen y ponerla de fondo, y a su vez darle la posicion que creas conveniente.

Lo que es posible en el body, de la manera que lo estas haciendo en el background, es agregarle un center para que te acomode la imagen al centro, y si es que te manda la imagen para arriba, agregale un top para que la centre hacia arriba.

Código CSS:

background: #001430 url('../image/site_bg.png') no-repeat center top;
 

Saludos!

[GatorV]

@Oscar_Hidro el tema fue trasladado desde PHP.

[Oscar_Hidro]

Ahì ya cambia el asunto @GatorV Saludos

[privatefta]

Yo ya lo e echo pero sigen saliendo muchos cuadros de la misma foto

[dreamkarkayu]

Iniciado por privatefta

hoa a todo es que estoy tratando de que una imagen se de fondo completo no salga solo en una esquina ando usando esto

body {
background: #001430 url('../image/site_bg.png') no-repeat;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}

aver que tengo mal o que tengo que agregar

Segun entiendo yo, quieres que se repita la imagen, no??

En tal caso, quita el no-repeat:

Código:

background: #001430 url('../image/site_bg.png') ;

EDITO: a ver... si no es lo que te digo, ¿lo que quieres es que salga la foto expandida ocupandolo todo??

[kseso?]

Iniciado por privatefta

hoa a todo es que estoy tratando de que una imagen se de fondo completo no salga solo en una esquina ando usando esto

body {
background: #001430 url('../image/site_bg.png') no-repeat;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}

aver que tengo mal o que tengo que agregar

Iniciado por privatefta

Yo ya lo e echo pero sigen saliendo muchos cuadros de la misma foto

Pregunto, porque con su lamentable forma de espresarse aun tengo serias dudas de lo que pretende, si no deberían haber movido su consulta a hardware visto lo mal que le va su teclado.
Eso, una buena reparación, y un corrector ortográfico nos vendrían de perlas.

Si lo quiere hacer con puro css revise las nuevas especificaciones sobre los fondos: http://dev.w3.org/csswg/css3-background/

Si por alguna razón no le es válido, cambie el enfoque como elemento del html. Busque por imagen al 100% o cadena similar

[privatefta]

Iniciado por dreamkarkayu

Segun entiendo yo, quieres que se repita la imagen, no??

En tal caso, quita el no-repeat:

Código:

background: #001430 url('../image/site_bg.png') ;

EDITO: a ver... si no es lo que te digo, ¿lo que quieres es que salga la foto expandida ocupandolo todo??

si quiere que salga la foto espandida en todo el fondo

[cristian_cena]

Iniciado por privatefta

si, quiero que salga la foto expandida en todo el fondo

prueba con algo como:

Código HTML:

<img src="ruta/imagen.xxx" width="100%" height="100%">
 

o

Código CSS:

img { 
width: 100%;
height: 100%;
}
 

o este plugin: http://www.aaronvanderzwan.com/maximage/

[dreamkarkayu]

Iniciado por cristian_cena

prueba con algo como:

Código HTML:

<img src="ruta/imagen.xxx" width="100%" height="100%">
 

o

Código CSS:

img { 
width: 100%;
height: 100%;
}
 

o este plugin: [url]http://www.aaronvanderzwan.com/maximage/[/url]

Asi no pone la imagen de fondo.

privatefta si quieres una imagen con un tamaño mayor, debes hacertela con un programa de edición de imágenes.
Ten en cuenta que si expandes una imagen posiblemente alteres las proporciones de dicha imagen y, si la imagen es pequeña y no tiene buena calidad, te van a aparecer pixelacos como sugus :)