Foros del Web » Creando para Internet » CSS »

Cuadrar un texto dentro de una caja Banner

Estas en el tema de Cuadrar un texto dentro de una caja Banner en el foro de CSS en Foros del Web. Saludos Chicos, a ver si me pueden ayudar, no logro hacer que un cajon de banner que posee un texto vertical pero dicho texto vertical ...
  #1 (permalink)  
Antiguo 24/06/2017, 21:32
(Desactivado)
 
Fecha de Ingreso: septiembre-2008
Ubicación: Maracay edo Aragua Venezuela
Mensajes: 48
Antigüedad: 15 años, 9 meses
Puntos: 3
Exclamación Cuadrar un texto dentro de una caja Banner

Saludos Chicos, a ver si me pueden ayudar, no logro hacer que un cajon de banner que posee un texto vertical pero dicho texto vertical por mas que intento no logro controlar su posicion horizontal en el espacio dispuesto.

en el link http://local.jesuministrosymas.com.v...d/publi_html5/ se puede ver el cajon de banner y el texto con la palabra PUBLICIDAD pero dicho texto no logro controlar su movimiento horizontal en el espacio restante del cajon banner.

css
Código:
body {
background-attachment: scroll;
background-repeat: no-repeat;
text-align: center
margin: 0 !important;
overflow: hidden;
}

#cajonbanner
{
border: 1px solid #369;
width: 650px;
height: 80px;
/*padding:2px 2px 2px 2px;*/
text-align:center;
margin: 4px auto;
}

#rotator  {
background-color:white;
border: 0px solid #000000;
margin-bottom:10px;
overflow: hidden;
margin: 0px auto;
padding:0px;
position: relative;
max-width:600px;
height: 80px;
float:right;
align-content: center;
}

#rotator img {
width: 600px;
height: 81px;
border: 0;
margin: 0 auto;
padding: 0;}

#cajon1{
color:#999;
font-size:14px;
margin:0px auto;
left:170px ;
position: absolute;
transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
border: 0px solid #369;
top:40px;
}

ul, ol, dl, li {
width: 600px;
height: 80px;
border: 0;
margin: 0;
padding: 0;
/* line-height: 1.5em; margin: 0 0 1em 0 */
 }
 
 .container-banner{
border:1px solid #e9e9e9;
padding:5px 5px 5px 20px;
height:90px;
display:block;
position:relative;
width:100%;
margin-bottom:20px;
overflow:hidden}

.banner-title{
font-size:12px;
color:#999;
position:absolute;
transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
top:40px;

margin:0px auto;}

 .banner_publicitario{
border:0px solid #e9e9e9;

}

el html es

Código HTML:
<body id="body">
<aside id="banner_publicitario">
<div id="cajonbanner">
<!-- -->
<div class="banner-title">
Publicidad
</div>
<div id="rotator">
<ul>
<li>
<a href="https://goo.gl/52q8BH" target="_blank"><img src="Banner/aye.jpg" width="80%" height="78" alt="Aye & Asociados, C.A." longdesc="Aye & Asociados, C.A."></a>
</li>
<li>
<a href="https://goo.gl/MsViyj" target="_blank"><img src="Banner/tv001.png" width="514" height="78" alt="TIENDA VIRTUAL J.E SUMINISTROS Y MAS, C.A." longdesc="JESUMINISTROSYMAS"></a>
</li>
</ul>

</div>
</div>
</aside>
</body> 

Etiquetas: banner, publicitario, rotador
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 06:48.