Imagen cortada en los costados

[Farothx]

Estoy trabajando con esta web:

http://maximosingluten.webege.com/index.html

la imagen esta metida en el contenedor de 960
y lo que a mi me gustaría es que ocupe todo el ancho de la pantalla
No importa si hablamos de la imagen actual u otra, no es defnitiva.

Se que hay una funcion que se llama background-size: cover
pero para eso la parte del TW feed hacia abajo y la nav deberian ser capas encima de la imagen en cover??

estoy super confundido...

alguna idea?

[eduardobrutaldeath]

Iniciado por Farothx

Estoy trabajando con esta web:

[URL="http://maximosingluten.webege.com/index.html"]http://maximosingluten.webege.com/index.html[/URL]

la imagen esta metida en el contenedor de 960
y lo que a mi me gustaría es que ocupe todo el ancho de la pantalla
No importa si hablamos de la imagen actual u otra, no es defnitiva.

Se que hay una funcion que se llama background-size: cover
pero para eso la parte del TW feed hacia abajo y la nav deberian ser capas encima de la imagen en cover??

estoy super confundido...

alguna idea?

mmm creo que es más fácil dividir la página en tres áreas:

Código HTML:

<HEADER>
Aquí pones tu logo y tu menú.
</HEADER>
 
 
<SECTION>
Aquí pones tu imagen de fondo, la cual cubrirá por completo la SECTION en caso sea lo suficientemente grande, y bueno si es pequeña podrías ponerle WIDTH 100% pero sin especificar el HEIGHT para que se ajuste automáticamente (aunque si la imagen no da la talla no es recomendable forzarla porque se distorsiona).
</SECTION>
 
 
<FOOTER>
Aquí tus datos de pie, teléfonos, facebook, copyright, etc...
</FOOTER>
 

Luego en la misma SECTION puedes abrir una etiqueta ARTICLE o DIV, como quierdas, a la cual le puedes dar en el CSS un tamaño de 960px de ancho y un margen de 0 AUTO para que se vaya al centro; al BODY le puedes poner la imagen rosada que tienes... creo que eso es lo que quieres, a menos que por el cansancio haya perdido lucidez otra vez y no te haya entendido bien , siempre me pasa, ya me aburrí...

[Rafael]

Yo pondría un div con alto fijo y dentro la imagen

Código CSS:

div.Ancho {width: auto; height: 400px; overflow: none;}
div.Ancho img {width: 100%;}
 

Algo así.

[Farothx]

Luego en la misma SECTION puedes abrir una etiqueta ARTICLE o DIV, como quierdas, a la cual le puedes dar en el CSS un tamaño de 960px de ancho y un margen de 0 AUTO para que se vaya al centro; al BODY le puedes poner la imagen rosada que tienes... creo que eso es lo que quieres, a menos que por el cansancio haya perdido lucidez otra vez y no te haya entendido bien , siempre me pasa, ya me aburrí...

imagen rosada? o_o
nooo! tal vez me expresé mal... ésta es la imagen que quiero que llegue de punta a punta en el ancho de la pantalla...


les doy un ejemplo de lo que me gustaría lograr en cuanto a la imagen principal:

http://themes.jdsans.net/crealand/

http://www.proteusthemes.com/themes/webmarket-html/



para resumir un poco.... necesito que mi imagen DESBORDE los 960px del div "contenedor"



desde ya, muchas gracias!

[Rafael]

... Entonces, sácalo del contenedor.

Código HTML:

<div class="imagendesbordada">
<div class="contenedor>
 

Y usa lo que te puse arriba.

[eduardobrutaldeath]

Iniciado por Farothx

imagen rosada? o_o
nooo! tal vez me expresé mal... ésta es la imagen que quiero que llegue de punta a punta en el ancho de la pantalla...


les doy un ejemplo de lo que me gustaría lograr en cuanto a la imagen principal:

[url]http://themes.jdsans.net/crealand/[/url]

[url]http://www.proteusthemes.com/themes/webmarket-html/[/url]



para resumir un poco.... necesito que mi imagen DESBORDE los 960px del div "contenedor"





desde ya, muchas gracias!

mmm... entonces no entiendo que hace tu imagen en un contenedor de 960px... Tienes que ser más claro...