News:

Bored?  Looking to kill some time?  Want to chat with other SMF users?  Join us in IRC chat or Discord

Main Menu

[ayuda] banner en el centro

Started by digitw, January 16, 2009, 02:23:02 PM

Previous topic - Next topic

digitw

Hola,
He intentado poner esto:
   <div class="logo-border">
      <div class="logo-box"><p align="center"><a href="/index.php"><img src="' . $settings['images_url'] . '/banner.jpg" alt="', $context['forum_name'], '" title="', $context['forum_name'], '" /></a></p></div>
      <div class="navBar">
         <!-- BEGIN mainNav -->
         ', template_menu(), '
         <!-- END mainNav -->
      </div>
   </div>

Pero aparte de centrarse se hace más ancho por arriba el borde y queda un espacio inútil.

manixless

hola

podrias poner una imagen de como queda?

pura vida


manixless

vale, me dejas a la imginacion muchas cosas, verifica que las clases logo-border y logo-box en tu hoja de estilo tengan el mismo height

pura vida

digitw

#4
.logo-border /**** Try to keep the same as the tborder class. ****/
{
   padding: 1px;
   border: 1px solid #176D99;
}

.logo-box
{
   background-color: #0a76c0;
   text-align: left;
   padding: 0;
   height: 120px;
}

Si:
1-. Pongo la línia "height: 120px;" en logo-border se traga el menú.
2-. Reduzco el height se traga parte del menú.
3-. Quito la línia se traga el menú.
4-. Aumento el height se amplia por debajo y no desaparece el espacio de arriba.
5-.Pongo la línia "height: 120px;" en logo-border y aumento el height se amplia por debajo y no desaparece el espacio de arriba

manixless

hola

veamos como resolvemos esto:

1. que temas usas?
2. url del banner?
3.adjunta aca el Index.template.php y tu hoja de estilo
4. url de tu foro

pura vida

manixless

Hola

el error esta en que has puesto un <p aling="center"><p> en tu index.template.php

En tu Index.emplate.php

busca:
Quote
//Display the main header
   echo '
   <div class="logo-border">
      <div class="logo-box"><p align="center"><a href="/index.php"><img src="' . $settings['images_url'] . '/banner.jpg" alt="', $context['forum_name'], '" title="', $context['forum_name'], '" /></a></p></div>
      <div class="navBar">
         <!-- BEGIN mainNav -->
         ', template_menu(), '
         <!-- END mainNav -->
      </div>
   </div>';

y lo reemplazas por:
Quote
//Display the main header
   echo '
   <div class="logo-border">
      <div class="logo-box"><a href="/index.php"><img src="' . $settings['images_url'] . '/banner.jpg" alt="', $context['forum_name'], '" title="', $context['forum_name'], '" /></a></div>
      <div class="navBar">
         <!-- BEGIN mainNav -->
         ', template_menu(), '
         <!-- END mainNav -->
      </div>
   </div>';

luego, en tu busca style.css deja la clase logo-box de esta manera:

Quote
.logo-box
{
   background-color: #0a76c0;
   text-align: center;
   padding: 0;
   height: 120px;
}

luego nos cuentas como te fue


pura vida

digitw


Advertisement: