Foros del Web » Creando para Internet » HTML »

Como poner un banner a la derecha

Estas en el tema de Como poner un banner a la derecha en el foro de HTML en Foros del Web. Hola, quisiera saber como se puede poner un banner asi "colgado" como esta en esta web : http://www.diarioti.com/gate/p.php ... el banner flash que esta a ...
  #1 (permalink)  
Antiguo 19/01/2008, 18:00
 
Fecha de Ingreso: diciembre-2005
Mensajes: 249
Antigüedad: 18 años, 10 meses
Puntos: 0
Como poner un banner a la derecha

Hola, quisiera saber como se puede poner un banner asi "colgado" como esta en esta web : http://www.diarioti.com/gate/p.php ... el banner flash que esta a la derecha excluido de todo..

no tengo idea como hacer para poner un banner asi que quede colgado..

un abrazo.
  #2 (permalink)  
Antiguo 20/01/2008, 07:07
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 16 años, 11 meses
Puntos: 68
Re: Como poner un banner a la derecha

pues puedes hacer con css 3 div que sean verticales, y el de la derecha lo haces mas pequeño y ahí insertas el banner. Si no sabes maquetar con css mírate mi firma.
__________________
No diseñes usando tablas.
  #3 (permalink)  
Antiguo 20/01/2008, 10:40
Avatar de jcarrascal  
Fecha de Ingreso: enero-2008
Mensajes: 87
Antigüedad: 16 años, 10 meses
Puntos: 6
Re: Como poner un banner a la derecha

Hola braiank.

Es muy sencillo. En el HTML colocas el contenido así:

Código HTML:
<body>
  <div id="banner"><!-- aquí pones el contenido del banner --></div>

  <div id="content">
    <!-- aquí pones el contenido de la página -->
  </div>
</body> 
Luego en CSS haces esto:

Código:
body {
  text-align: center; /* para IE6 */
}
#banner {
  width: 100px; /* el ancho del banner */
  float: right;  /* mandarlo a la derecha */
}
#content {
  width: 900px; /* el ancho del contenido */
  margin: 0px auto; /* centrar el contenido en la página */
  text-align: left; /* para IE6 */
}
En esencia es eso. Dependiendo de tu diseño puede que tengas que ajustar márgenes y el ancho del contenido y el banner.

Saludos.
  #4 (permalink)  
Antiguo 20/01/2008, 18:29
 
Fecha de Ingreso: diciembre-2005
Mensajes: 249
Antigüedad: 18 años, 10 meses
Puntos: 0
Re: Como poner un banner a la derecha

Me funciona bien, lo unico que pasa es que el sitio se me va para la izquierda... pero la publicidad que pongo se pone bien........ solamente se mueve la tabla de la pagina para la izquierda... y lo tengo asi :
Código:
#banner {
  width: 160px; /* el ancho del banner */
  float: right;  /* mandarlo a la derecha */
}
#content {
  width: 860px; /* el ancho del contenido */
  margin: 0px auto; /* centrar el contenido en la página */
  text-align: left; /* para IE6 */
}
y

Código:
<div id="banner">
  codigo de publicidad
</div>
  <div id="content">
toda la pagina
</div>
  #5 (permalink)  
Antiguo 21/01/2008, 15:39
 
Fecha de Ingreso: diciembre-2005
Mensajes: 249
Antigüedad: 18 años, 10 meses
Puntos: 0
Re: Como poner un banner a la derecha

ayuda, alguien sabe por que me pasa eso??
solo en internet explorer s emueve para la izquierda :S
  #6 (permalink)  
Antiguo 21/01/2008, 17:07
Avatar de DoPeY-BBS  
Fecha de Ingreso: octubre-2005
Ubicación: Santo Domingo, Dominican Republic, Dominican Republic
Mensajes: 574
Antigüedad: 19 años, 1 mes
Puntos: 12
Re: Como poner un banner a la derecha

El código de jcarrascal funciona muy bien.
__________________
http://www.htmldog.com/HTML, CSS, and JavaScript,

http://tutorialphp.net/
Aprende PHP en 12 capítulos
  #7 (permalink)  
Antiguo 21/01/2008, 17:20
 
Fecha de Ingreso: diciembre-2005
Mensajes: 249
Antigüedad: 18 años, 10 meses
Puntos: 0
Re: Como poner un banner a la derecha

Cita:
Iniciado por DoPeY-BBS Ver Mensaje
El código de jcarrascal funciona muy bien.
si, no dije que funcione mal, pero en internet explorer la tabla principal osea la web, se va para la izquierda .
  #8 (permalink)  
Antiguo 21/01/2008, 17:42
Avatar de DoPeY-BBS  
Fecha de Ingreso: octubre-2005
Ubicación: Santo Domingo, Dominican Republic, Dominican Republic
Mensajes: 574
Antigüedad: 19 años, 1 mes
Puntos: 12
Re: Como poner un banner a la derecha

¿Te diste cuenta que el código que pusiste no tiene esta linea al principio de tu css?.

Código HTML:
body {
text-align: center; /* para IE6 */
}
__________________
http://www.htmldog.com/HTML, CSS, and JavaScript,

http://tutorialphp.net/
Aprende PHP en 12 capítulos
  #9 (permalink)  
Antiguo 21/01/2008, 18:25
 
Fecha de Ingreso: diciembre-2005
Mensajes: 249
Antigüedad: 18 años, 10 meses
Puntos: 0
Re: Como poner un banner a la derecha

si mira tengo todo asi :

Código:
body {
  text-align:center;
}
#banner {
  width: 160px; /* el ancho del banner */
  float: right;  /* mandarlo a la derecha */
}
#content {
  width: 860px; /* el ancho del contenido */
  margin: 0px auto; /* centrar el contenido en la página */
  text-align: left; /* para IE6 */
}
y

Código:
<div id="banner">
  codigo de publicidad
</div>
  <div id="content">
toda la pagina
</div>

el drama es que la web me queda asi en internet explorer:

  #10 (permalink)  
Antiguo 21/01/2008, 18:34
Avatar de DoPeY-BBS  
Fecha de Ingreso: octubre-2005
Ubicación: Santo Domingo, Dominican Republic, Dominican Republic
Mensajes: 574
Antigüedad: 19 años, 1 mes
Puntos: 12
Re: Como poner un banner a la derecha

a ver.. porque el código esta bien

pd: No quisiera que me tildaras de arrogante pero he observado el código (css) y lo que hiciste fue que copiaste y pegaste sin ni siquiera saber, entonces mi recomendación es que aprendas a estructurar tu paginas web desde 0 para que la maquetes con ojas de estilos.

Un buen manual es el que tengo de firma.

De paso. Lee esto también Como subir imagen al foro.
__________________
http://www.htmldog.com/HTML, CSS, and JavaScript,

http://tutorialphp.net/
Aprende PHP en 12 capítulos

Última edición por DoPeY-BBS; 21/01/2008 a las 18:59
  #11 (permalink)  
Antiguo 21/01/2008, 20:43
 
Fecha de Ingreso: diciembre-2005
Mensajes: 249
Antigüedad: 18 años, 10 meses
Puntos: 0
Re: Como poner un banner a la derecha

Cita:
Iniciado por DoPeY-BBS Ver Mensaje
a ver.. porque el código esta bien

pd: No quisiera que me tildaras de arrogante pero he observado el código (css) y lo que hiciste fue que copiaste y pegaste sin ni siquiera saber, entonces mi recomendación es que aprendas a estructurar tu paginas web desde 0 para que la maquetes con ojas de estilos.

Un buen manual es el que tengo de firma.

De paso. Lee esto también Como subir imagen al foro.
Para hacerte el vivo, mejor no respondas amigo, ok?? gracias.. espero la respuesta de alguien que tenga ganas de ayudar y no como tu
  #12 (permalink)  
Antiguo 22/01/2008, 04:59
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 16 años, 11 meses
Puntos: 68
Re: Como poner un banner a la derecha

no es que se haga el vivo, solo te da recomendaciones de como se hacen la mayor parte de webs. Es aconsejable que mires CSS así podrás entender como hacer buenas webs.

Yo haría 1 div contenedor y ahí luego materia 3 divs, 1 para menú izquierdo, otro centro otro menú derecho y otro para el banner.

Aprende a maquear con CSS y olvida las tablas, ese es mi consejo y el de muchos mas.
__________________
No diseñes usando tablas.
  #13 (permalink)  
Antiguo 22/01/2008, 14:40
 
Fecha de Ingreso: diciembre-2005
Mensajes: 249
Antigüedad: 18 años, 10 meses
Puntos: 0
Re: Como poner un banner a la derecha

Hize todo lo que dice ahi, arme un div para cada cosa

Código:
body{
		width:860px;
		margin:0px auto;
text-align:center;
	}

#banner {
  width: 160x; /* el ancho del banner */
  float: right;  /* mandarlo a la derecha */
}
#content2 {

width: 860px;
text-align: left;
margin-left: auto;
margin-right: auto;
}

#principal{

width: 516px;
float: center;

}

#izq{
width: 172x;
float: left;
}

#der{

width: 172px;
float: right;

}

#cuerpo{
width: 860x;
margin: 0px;
text-align: center;
} 

#bannertop{
width: 860x;
float: center;
}
y dividi todo pero sigue pasando lo mismo con internet explorerrrrrrr, odio a bill gatessssss por crear este navegador, siempre me trae problemasssssssss
  #14 (permalink)  
Antiguo 22/01/2008, 17:47
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 16 años, 11 meses
Puntos: 68
Re: Como poner un banner a la derecha

al contenedor ponle margin: auto, y no amrgin-left y right :P
__________________
No diseñes usando tablas.
  #15 (permalink)  
Antiguo 22/01/2008, 20:53
 
Fecha de Ingreso: diciembre-2005
Mensajes: 249
Antigüedad: 18 años, 10 meses
Puntos: 0
Re: Como poner un banner a la derecha

Cita:
Iniciado por hades87 Ver Mensaje
al contenedor ponle margin: auto, y no amrgin-left y right :P
lo probe asi tambien pero no anda de ninguna forma, la verdad que no entiendo que pasa :S
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 22:46.