Sv Community El Salvador
Soporte y Tecnología => Diseño & Webmaster Corner => Mensaje iniciado por: <·RΘllεЯCiτy·> en febrero 29, 2008, 07:02:45 pm
-
necesito codigo html para fondo de paginabueno pues el titulo lo dice todo, tengo en la web un fonfo pero es pekeño y cuando pruebo la pagina la imagen ke he puesto me sale siempre pekeña y lo ke kiero hacer es ke se extienda en toda l pantalla, ya probé de todo y no puedo, esto es lo ke tengo del codigo:
background-image:url(imagen-ke-tengo);
background-position:center center;
background-repeat:no-repeat;
background-attachment:fixed ;
porfa
-
Dale:
background-image:url(imagen-ke-tengo) repeat-x repeat-y;Eso va a hacer que se repita por toda la página, quizá te funcione.
-
Por cierto, me extraña que vengás a poner un tema tecnológico al Chat general.
[Mover]
http://www.svcommunity.org/forum/index.php?board=17.0
-
Dale:
background-image:url(imagen-ke-tengo) repeat-x repeat-y;Eso va a hacer que se repita por toda la página, quizá te funcione.
es lo ke no kiero ke se repita, solo ke la imagen se estire, y lo puse aki porke creo ke no sean tantas vueltas para contestar
-
Otra cosa que podés hacer es darle el tamaño manualmente, por ejemplo:
width: 550px;
height: 1000px;
Dejame averiguarte si hay un modo de extenderla, que ese no me lo puedo xD
EDIT: ya sé, si ponés sólo height, por ejemplo, mantiene la relación del tamaño y se extiende como vos creás convenientemente. Así es como tendrías que hacerlo, supongo.
-
ya habia probado con lo ke me dijiste:
width: 550px;
height: 1000px;
pero yo ntes me podia e codigo, era algo asi como extended o enlarged pero igual no se si iba asi porke ya intente de todas las formas ke me puedo y neles, pero gracias voy a seguir intentando
-
Mirá esto:
http://209.85.165.104/search?q=cache:HPijCBB_-HIJ:www.thescripts.com/forum/thread100522.html+css+background+extend&hl=es&ct=clnk&cd=21&gl=sv
-
En CSS pone:
body {
background-color:#000000;
}
Solo sustituís el #000000 por el color que queres en hexadecimal.
Si queres una imágen:
body {
background-image:url(path/a/imagen);
}
Si queres digamos que aparezca un degradado con imagen y despue se quede un fondo haces:
body {
background-image:#000000 url(path/a/imagen) repeat-x;
}
Cualquier duda...ya sabes! :thumbsup:
-
Interesante! :sur:
-
Podes poner el fondo que tenes para ver que mas puedo hacer por vos. :thumbsup:
-
siento que no me le han entendido al marachito o soy yo el que se va por otro lado...
chero eso que le pusiste te sirve si la imagen es de un pixel de ancho y el degradado es vertical de esa manera lo repetis horizontalmente...
y segun yo entiendo el quiere que la imagen se estire y que quede como fondo... lo cual creo que no se puede... tipo cuando pones una imagen en el escritorio de winbugs que le pones que haga mosaico o se estire...
fuera bueno que roller confirmara si es asi lo que quiere explicar...
del metodo que te recomendo chero es correcto pero se repite como mosaico solamente horizontalmente... y tambien lo podes repetir verticalemente...
pero no existe manera de EXTENDER una imagen usandola como background
height y width son atributos y solo pueden ser utilizados en etiquetas como el caso de etiquetas IMG TABLE TD etc
para que te hagas una idea de lo que podes lograr con css que es la manera en que pones las imagenes en background te dejo este linkcito
http://www.w3schools.com/css/css_reference.asp#background (http://www.w3schools.com/css/css_reference.asp#background)
pd... ahuevo fuera mejor ver una imagen de lo que queres hacer pa no estar adivinando
suerte y cualquier onda ahi estamos :thumbsup:
-
y segun yo entiendo el quiere que la imagen se estire y que quede como fondo... lo cual creo que no se puede... tipo cuando pones una imagen en el escritorio de winbugs que le pones que haga mosaico o se estire...
fuera bueno que roller confirmara si es asi lo que quiere explicar...
siii es mismo, y yo digo ke s epuede porke tambien existen paginas con fondos pekeños ke los han estirado, pero iwal lo voy a dejar normal, gracias! :thumbsup:
-
siii es mismo, y yo digo ke s epuede porke tambien existen paginas con fondos pekeños ke los han estirado, pero iwal lo voy a dejar normal, gracias! :thumbsup:
me podrias enseñar una pagina asi... :sorry:
hmmm lo mas similar que he visto es via flash...
como esto mira
http://www.emimusic.fr/home.html (http://www.emimusic.fr/home.html)
pero aun asi no es background... sino que esta encima, y si vos lo queres de BG me imagino que necesitas ponerle algo encima y asi como este se te va a hacer dificil a menos que uses APDIVS y los posiciones encima pero... eso es otro pisto :dumb:
-
1) google es tu amigo:
http://www.google.es/search?q=html+background+stretch&sourceid=navclient-ff&ie=UTF-8&rlz=1B3GGGL_esSV233SV233 (http://www.google.es/search?q=html+background+stretch&sourceid=navclient-ff&ie=UTF-8&rlz=1B3GGGL_esSV233SV233)
2) probar el primer resultado:
http://www.htmlite.com/faq022.php (http://www.htmlite.com/faq022.php)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Background to fit screen</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Imagetoolbar" content="no">
<style type="text/css">
/* pushes the page to the full capacity of the viewing area */
html {height:100%;}
body {height:100%; margin:0; padding:0;}
/* prepares the background image to full capacity of the viewing area */
#bg {position:fixed; top:0; left:0; width:100%; height:100%;}
/* places the content ontop of the background image */
#content {position:relative; z-index:1;}
</style>
<!--[if IE 6]>
<style type="text/css">
/* some css fixes for IE browsers */
html {overflow-y:hidden;}
body {overflow-y:auto;}
#bg {position:absolute; z-index:-1;}
#content {position:static;}
</style>
<![endif]-->
</head>
<body>
<div id="bg"><img src="yourimage.jpg" width="100%" height="100%" alt=""></div>
<div id="content"><p>Enter a ton of text or whatever here.</p></div>
</body>
</html>3) un ejemplito:
http://www.htmlite.com/faqEX004b.html (http://www.htmlite.com/faqEX004b.html)
4) para ke veas ke si esta estirado mira la imagen original aki:
http://www.htmlite.com/images/scenery.jpg (http://www.htmlite.com/images/scenery.jpg)
5) si se pudo....
-
Hmm pero la imagen está estática, no sé si así la quiere el muchacho.
-
Hmm pero la imagen está estática, no sé si así la quiere el muchacho.
si no la kiere estatica ke le kite:
position:fixed
-
estoy viendo con tu metodo PIkachu, al suave :read:
-
Cuando pones el background utilizando css, el navegador automaticamente se encarga de repetir la imagen, vertical y horizontalmente.
-
Cuando pones el background utilizando css, el navegador automaticamente se encarga de repetir la imagen, vertical y horizontalmente.
kreo ke no leiste el resto del thread verdad?
-
hmmm no sabia que se podia poner el ancho y alto en css :sorry: pero eso es estandar?
no sabes si te valida el codigo?
te lo corren todos los browserS?
al menos en dreamweaver no te permite hacerlo :p
- - - - - - - - - - - - - - - - - - - - - -
revisando el codigo de la pika acabo de ver un detalle... esa imagen no esta puesta como background sino como capa... la imagen esta puesta directamente usando etiquetas IMG dentro de una div con un ID bg...
#bg {position:fixed; top:0; left:0; width:100%; height:100%;}
aca podes ver que esas es una regla avanzada que afecta al div que tiene ese ID
dentro de el vemos la imagen en la cual si estan los atributos ancho y alto
<div id="bg"><img src="yourimage.jpg" width="100%" height="100%" alt=""></div>
y encima de esta se coloca la otra la cual atraves del z-index se le posiciona encima de la otra generando capas o APDIVS como lo mencionaba antes
esta es la otra regla que apunta a un div con ID content
#content {position:relative; z-index:1;}
y es que el detalle es que a una imagen de fondo no podes ponerle propiedades de ancho y alto solamente a una imagen colocada mediante etiquetas IMG este caso no es una imagen de fondo aunque el resultado parezca como tal, aunque igual me imagino te servira y/o cumple tus expectativas....
lo que te digo nada mas es por cultura general :D :thumbsup:
-
Tiene razon el amigo salvadoresc, no es un fondo, es un div con una imágen de fondo, que no es lo mismo. :thumbsup:
-
pero el resultado es el mismo.
una imagen de fondo. stretch to fit screen... porke le dan tanta vuelta a las cosas? una solucion keria una solucion tiene.
y si es un div, CSS, magia o brujeria... kual es la diferencia?
ahora ke si kieren hacer una pagina con una mano amarrado y con los ojos vendados mientras lavan la ropa... alla ustedes ke tanto se kieran complicar para algo bien simple
-
Va pues naruto, gracias
Ahí va un K+ :thumbsup:
-
pero el resultado es el mismo.
una imagen de fondo. stretch to fit screen... porke le dan tanta vuelta a las cosas? una solucion keria una solucion tiene.
y si es un div, CSS, magia o brujeria... kual es la diferencia?
ahora ke si kieren hacer una pagina con una mano amarrado y con los ojos vendados mientras lavan la ropa... alla ustedes ke tanto se kieran complicar para algo bien simple
A simple vista el resultado es el mismo, pero si vas más allá (estandares) no lo es, las cosas tienen diferentes modos de hacerse, miralas como vos queras, si crees que nos complicamos....pues allí vos pero nuestra solucion es igual de válida.