HUINCHA EN LA PARTE SUPERIOR DERECHA DE LA PAG.

Citar

Escrito el 08 Feb 2010 06:34 pm

Hola estimados,

Bueno, el titulo lo explica todo... he buscado pero no he encontrado nada. Con CSS tampoco me funciona, look:

Código :

body {
   background-image: url(imagen/huincha.jpg);
   background-position:left;
   background-position:top;
   background-repeat:no-repeat;
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
}

Con eso, la imagen me llega casi a la mitad derecha...no 100% al costado derecho.

Si alguien tiene algun Link o lo que sea...
Gracias de antemano.

saludos

jz.

Por initiative

25 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 09 Feb 2010 01:19 pm

Nadie sabe nada?

Por initiative

25 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 09 Feb 2010 07:42 pm

Uhm, yo no soy ningún experto, pero quizás sea un problema el que hayas repetido la propiedad background-position.

Quizás, si pones lo siguiente se te solucione el problema:

Código :

body {
   background-image: url(imagen/huincha.jpg);
   background-position: top left;
   background-repeat:no-repeat;
   margin: 0px;
}

Resumiendo, resumiendo el codigo

Bueno, espero que te sirva =D

Por Drake

36 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 09 Feb 2010 08:01 pm

No... quedo igual. :twisted:

alguien sabee??

Por initiative

25 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 10 Feb 2010 04:30 pm

Lo cierto es que no sé que es un "huincha", ni tampoco qué quieres hacer exactamente.
Por lo que comenta Drake imagino que es un tema de imagen, su posición y tamaño, y si lo que quieres es modificar el tamaño de una imagen colocada como fondo (background) en función del tamaño de la caja (o de la ventana), con CSS 2.1 no es posible, el redimensionarla. Necesitarás ir por otro camino.

Si te explicas un poco mejor, quizás encontremos una forma.

Saludos.

Por DvillB

118 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 10 Feb 2010 05:07 pm

No se que es huincha pero por lo que intentas hacer es esa "cinta" que en algunas páginas aparece en el borde superior derecho. Si es eso, con el html que te dejo abajo funciona..... Si no es eso lo que buscas, explicate un poco mejor.

Código HTML :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>huincha</title>
</head>
<style>
body{
   background:url(huincha.jpg) top right no-repeat;
}
</style>
<body>
</body>
</html>

Saludos

Por GustavoV

Claber

136 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email

Citar

Escrito el 10 Feb 2010 07:52 pm

Ok.
Honestamente por no saber como llamar o no saber que nombre ponerle a lo que necesito... por tal razon no he podido encotrar solución en la Web.

Pero intentare otra cosa. ...ahi voy!

Observen estas imagenes que grafican mejor lo que necesito:

Imagen 1
Imagen 2

Eso.
La idea es colocar esa "huincha" o "cinta" de ese modo.

Saludos.

Por initiative

25 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 10 Feb 2010 09:05 pm

Coloca tu imagen como hija directa de body. Esto es, que no esté dentro de ningún div.
Si la pones al principio de tu html tendrás que asignarle un z-index mayor que cualquier otro elemento.

Código HTML :

<body>
<img class="huincha" src="huincha.jpg" alt="adivina lo que es un huincha, jeje" />
<!-- Resto de tu página -->
<!-- archivos .js -->
</body>
<html>

y en el css:

Código HTML :

.huincha {
  position: absolute;
  top: 0;
  right: 0;
  z-index:500;
}

Con el valor 'absolute' desaparece al hacer scroll. Si quieres que se mantenga en su posición al hacer scroll cambia su valor a 'fixed', pero recuerda, si utilizas fixed que ie6 no lo entiende. Requeriría de otro planteamiento.

Saludos.

Por DvillB

118 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 16 Feb 2010 06:32 pm

Si. muy bien! gracias te pasaste!!....

como le podemos llamar a esto para cambiar el nombre al titulo de este problema para que a otra persona le pueda servir... al ingresar la busqueda de su problema con el nombre correcto de esto... y no con "huincha"

Por initiative

25 de clabLevel

Envíale un mensaje privado

HUINCHA EN LA PARTE SUPERIOR DERECHA DE LA PAG.

Escribe una respuesta rapida