Y si lo que querías era centrar el texto verticalmente dentro de la capa que
lo contiene, te bastaría con modificar el padding-top y padding-bottom del
div.
On 2/24/06, Jose Luis R.A. <[EMAIL PROTECTED]> wrote:
>
> Para centrar ese texto verticalmente puedes usar lo siguiente:
>
> .divNavigationTopBar {
> background: url(../images/NavigationTopBar.gif) no-repeat;
> width: 570px;
> height: 24px;
> padding: 2px 5px 2px 2px;
> color: #000;
> font-weight: bold;
> font: Tahoma ;
> font-size: 11px;
> font-style: normal;
>
> /* Esto es lo que he añadido */
> position: absolute;
> top: 50%;
> left: 50%;
> text-align: center;
> margin-top: -12px;
> margin-left: -285px;
> /* --------------------------------------*/
> }
>
> Si cambias el ancho y alto de la capa, tendrías que volver a definir el
> margin-top y margin-left para que sea la mitad de las nuevas dimensiones.
>
> Un saludo.
>
>
> On 2/24/06, Reynier Perez Mira <[EMAIL PROTECTED]> wrote:
> >
> > Hola lista:
> > Tengo la siguiente clase para aplicarla a un elemento DIV:
> > .divNavigationTopBar {
> > background: url(../images/NavigationTopBar.gif) no-repeat;
> > width: 570px;
> > height: 24px;
> > padding: 2px 5px 2px 2px;
> > color: #FFFFF0;
> > font-weight: bold;
> > font: Tahoma ;
> > font-size: 11px;
> > font-style: normal;
> > }
> >
> > El elemento DIV es este:
> > <div class="divNavigationTopBar">SIMPROBulletin :. Boletín de
> > Noticias</div>
> >
> > Como puedo centrar el texto ese del elemento DIV?
> > Salu2
> > --
> > ReynierPM
> > 4to. Ing. Informática
> > Linux User: #310201
> > El programador superhéroe aprende de compartir sus conocimientos. Es el
> > referente de sus compañeros. Todo el mundo va a preguntarle y él,
> > secretamente, lo fomenta porque es así como adquiere su legendaria
> > sabiduría: escuchando ayudando a los demás...
> > _______________________________________________
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a [email protected]
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://ovillo.org/mailman/listinfo/ovillo
> >
>
>
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
