Centrar la cabecera de la web
Hola tanatos y gracias anticipadas por si decides responderme.
Tengo instalado joomla 1.5.22 con la plantilla ja-teline II.
Con el fin de colocar una imagen en la cabecera, he hecho lo siguiente:
Dentro de la capa ja-headerwrap, y por encima de la capa ja-header class=clearfix de la plantilla original, he creado otro div llamado ja-preheader para mostrar en él la citada imagen de dimensiones 950x110px.
Después de haber trabajado con el html de la plantilla indicando con center la alineación de la imagen, como con el template.css:
(Capa creada dentro del HEAD):
#ja-preheader
{
width:auto;
height:auto;
float:left;
margin: 10px 0 0 193px;
}
#ja-preheader img
{
align:center;
}
No consigo que, al visualizarla en los diferentes navegadores, e incluso utilizando el mismo navegador, firefox, en equipos distintos, la imagen se vea centrada.
No sé si la imagen colocada dentro del nuevo div está tomando otras propiedades definidas para el head en la hoja de estilos de la plantilla o en otra capa que no logro identificar.
¿Qué puedo hacer para que en todos los navegadores quede la cabecera centrada con respecto al cuerpo de la plantilla?
Gracias de nuevo.
Tengo instalado joomla 1.5.22 con la plantilla ja-teline II.
Con el fin de colocar una imagen en la cabecera, he hecho lo siguiente:
Dentro de la capa ja-headerwrap, y por encima de la capa ja-header class=clearfix de la plantilla original, he creado otro div llamado ja-preheader para mostrar en él la citada imagen de dimensiones 950x110px.
Después de haber trabajado con el html de la plantilla indicando con center la alineación de la imagen, como con el template.css:
(Capa creada dentro del HEAD):
#ja-preheader
{
width:auto;
height:auto;
float:left;
margin: 10px 0 0 193px;
}
#ja-preheader img
{
align:center;
}
No consigo que, al visualizarla en los diferentes navegadores, e incluso utilizando el mismo navegador, firefox, en equipos distintos, la imagen se vea centrada.
No sé si la imagen colocada dentro del nuevo div está tomando otras propiedades definidas para el head en la hoja de estilos de la plantilla o en otra capa que no logro identificar.
¿Qué puedo hacer para que en todos los navegadores quede la cabecera centrada con respecto al cuerpo de la plantilla?
Gracias de nuevo.
1 Respuesta
Respuesta de Adrian Manz
1