Foros del Web » Creando para Internet » CSS »

poner un banner en la esquina superior derecha por sobre otra ! ayuda

Estas en el tema de poner un banner en la esquina superior derecha por sobre otra ! ayuda en el foro de CSS en Foros del Web. hola y muchas gracias por sus futuras respuestas a mi duda quería saber como hago para poner un banner de 468x60 en la esquina superior ...
  #1 (permalink)  
Antiguo 27/09/2009, 08:55
 
Fecha de Ingreso: agosto-2009
Ubicación: Al fondo a la derecha
Mensajes: 308
Antigüedad: 8 años, 4 meses
Puntos: 6
poner un banner en la esquina superior derecha por sobre otra ! ayuda

hola y muchas gracias por sus futuras respuestas a mi duda

quería saber como hago para poner un banner de 468x60 en la esquina superior derecha de la página pero en este sitio ya hay un objeto y si lo floto a la derecha... logicamente se pone abajo de este ya que ahi termina la página.

alguien tiene idea de como superponer el banner al objeto que está ahí?
y que se quede ahi osea no un static que se vea en otda la página sino que quede ahi... en la esquina superior.

propbe varias cosas pero siempre me queda abajo...

GRACIAS
__________________
Abre tu mente: Index no signigica index, significa índice
  #2 (permalink)  
Antiguo 27/09/2009, 10:44
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 7 meses
Puntos: 44
Respuesta: poner un banner en la esquina superior derecha por sobre otra ! ayuda

Hola iLeaz

Sin ver tu código todo son conjeturas, pero yo creo que lo que necesitas es sacar el banner del flujo del documento:

Mira este ejemplo (y dinos si es lo que necesitas):

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Banner</title>
<style type="text/css">
* {
	margin: 0;
	padding: 0;
	outline: 0;
}
html, body {
	width: 100%;
	height: 100%;
	overflow: auto;
}
#banner {
	width: 468px;
	height: 60px;
	position: absolute;
	top: 0;
	right: 0;
	border: 1px solid #444; /* solo para test */
}
#contenedor {
	position: relative;
	width: 100%;
	height: 100%;
}
p {  /* sólo para el simulacro */
	line-height: 100px;
	text-align: center;
}
</style>
</head>

<body>
	<div id="contenedor">
	
			<div id="banner">Banner</div>

		<p>Mi contenido</p>
		<p>Mi contenido</p>
		<p>Mi contenido</p>
		<p>Mi contenido</p>
		<p>Mi contenido</p>
		<p>Mi contenido</p>
		<p>Mi contenido</p>
		<p>Mi contenido</p>
		<p>Mi contenido</p>
		<p>Mi contenido</p>
		<p>Mi contenido</p>
		<p>Mi contenido</p>
		<p>Mi contenido</p>

	</div>
	
</body>

</html> 
Bye
  #3 (permalink)  
Antiguo 27/09/2009, 11:22
 
Fecha de Ingreso: agosto-2009
Ubicación: Al fondo a la derecha
Mensajes: 308
Antigüedad: 8 años, 4 meses
Puntos: 6
Respuesta: poner un banner en la esquina superior derecha por sobre otra ! ayuda

mm...

no che... pasa lo mismo.

estoy editando un blog de blogger y lo que pasa es que necesito poner un div que esté separado de todo el sitio pero que se quede arriba.

osea xq viste que blogger maqueta de tal forma que queda toda la cabezera unida y no me deja poner nada "dentro" del header. Por tal motivo necesito algo que se superponga pero la verdad que ni idea...
__________________
Abre tu mente: Index no signigica index, significa índice
  #4 (permalink)  
Antiguo 27/09/2009, 14:08
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: poner un banner en la esquina superior derecha por sobre otra ! ayuda

Hola iLeaz:

CITO: "queda toda la cabezera unida y no me deja poner nada "dentro" del header. Por tal motivo necesito algo que se superponga pero la verdad que ni idea..."

Eso es justo lo que te dijo que hagas deirdre. Debes sacar a ese banner del flujo normal del documento con la propiedad position:absolute; y luego le das la posición deseada con top y left.

Te quedaría algo así:

#id_div_del_banner {
position:absolute;
top:/*el valor que tu quieras*/;
left:/*el valor que tu quieras*/;
}

Puedes ampliar tus conocimientos aquí: http://www.librosweb.es/css/capitulo..._absoluto.html

Saludos!
  #5 (permalink)  
Antiguo 27/09/2009, 14:21
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: poner un banner en la esquina superior derecha por sobre otra ! ayuda

Me pudo la curiosidad

Puedes añadir código html a través de la opción añadir gadget. Le colocas los estilos en línea.

Una imagen más que , eso.



Ahora sólo resta que utilices las propiedades que tú necesites.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #6 (permalink)  
Antiguo 27/09/2009, 18:13
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: poner un banner en la esquina superior derecha por sobre otra ! ayuda

Hola:
CITO: "opción añadir gadget" que es eso? kseso?

Saludos maestro
  #7 (permalink)  
Antiguo 28/09/2009, 05:58
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: poner un banner en la esquina superior derecha por sobre otra ! ayuda

Cita:
Iniciado por cristian_cena Ver Mensaje
Hola:
CITO: "opción añadir gadget" que es eso? kseso?

Saludos maestro
Pues no se muy bien qué será, Cristian.
Desconozco por completo ese CSM. Lo que hice símplemente fue crearme uno ex profeso para la consulta.
Y esta fue la manera como pude poner un "banner" en el head.



Y si hay una, quiere decir que por lo menos hay una

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #8 (permalink)  
Antiguo 28/09/2009, 11:22
 
Fecha de Ingreso: agosto-2009
Ubicación: Al fondo a la derecha
Mensajes: 308
Antigüedad: 8 años, 4 meses
Puntos: 6
Respuesta: poner un banner en la esquina superior derecha por sobre otra ! ayuda

estuve probando y no sale xd

estoy casi seguro de que es un tema del css preestablecido de blogger...
osea del template que estoy modificando...
y por lo que hice hace unos momentos en otra web creo haber encontrado la solución xd

a ver que sale...

gracias por las ayudas :)
__________________
Abre tu mente: Index no signigica index, significa índice
  #9 (permalink)  
Antiguo 28/09/2009, 14:40
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: poner un banner en la esquina superior derecha por sobre otra ! ayuda

iLeaz:

Cita:
Iniciado por iLeaz Ver Mensaje
estoy casi seguro de que es un tema del css preestablecido de blogger...
osea del template que estoy modificando...
Prueba incluyendo la palabra clave !important en los estilos que vendrian a reemplazar a aquellos que vienen "por defecto"

Usando !important lograras que el elemento en cuestion tome el estilo más allá de que ese estilo este definido en la cascada, es decir con !important logras ignorar la cascada para salirte con la tuya.

Por ejemplo:

#id_div_del_banner {
position:absolute !important ;
top:/*el valor que tu quieras*/ !important ;
left:/*el valor que tu quieras*/ !important ;
}

Kseso?:
Ahhhh, no sabía que iLeaz estaba trabajando con un cms y pensé que era alguno de esos "bocadillos css" que sabes dejarnos .

Saludos!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:58.