Header problem ! Help ! ***[S O L V E D]***

[chema]

Hello,

I have problems with the header of main page of a new CMSMS web page for a primary school. I don't know why... but the header on the main page is on the left cornet at the top as you can see here: http://www.blanquinal.es/es/ in a awfull ugly way.

i have checked many times the css template and the html code but it's still there. Can anybody help me to put the header in a correct way ?

Many Thanks for your help

Chema

[RonnyK]

In the default templates is:

Code: Select all

   text-indent: -999em;    /* this hides the text */

available to hide the text, and put the image over there.

Complete block:

Code: Select all

div#header h2 a {
/* you can set your own image here */
   display: block;
   height: 130px;             /* adjust according your image size */
   text-indent: -999em;    /* this hides the text */
   text-decoration:none;   /* old firefox would have shown underline for the link, this explicitly hides it */
}

Ronny

[chema]

Hi Ronnyk,

This is the code i have inserted now

********************************
div#header h1 a {
/* you can set your own image here */
  display: block;
  height: 130px;       
  text-indent: -999em;
  text-decoration:none;
}
*********************************

And now i get this : http://www.blanquinal.es/es

... and cannot see the name of the School now. Well, all I want is a white header with the name "Colegio Blanquinal" in black letters.

Can you help me, please

i can send the code of the css and the html if you want.

It must be a silly thing, but it's exasperating !!!

Thanks again.

[RonnyK]

Can you post the template part for the header and the CSS-part concerning header, so "header" and "header h1 a".

Ronny

[chema]

Of course !!

Here you are:


/*** header ***
we will hide text and replace it with a image
we need to assign a height for it so that the image wont cut off
*/
div#header {
  height: 80px;    /* adjust according your image size */
  background: #385C72;         
}

div#header h1 a {
/* you can set your own image here */
  display: block;
  height: 130px;       
  text-indent: -999em;
  text-decoration:none;
}

[RonnyK]

chema,

I changed some logic in header:

Code: Select all

DIV#header {
  BACKGROUND: #fff; 
  HEIGHT: 80px;
}
DIV#header H1 A {
  DISPLAY: block; 
  HEIGHT: 40px; 
  TEXT-DECORATION: none; 
  TEXT-ALIGN: center;
  color: #000;
  padding: 40px;
}

Ronny

[chema]

Ronnyk,

You are right Problem solved. See here: www.blanquinal.es/es

Ronnyk, as i say before it was a minor change in css and you knew how to solve it.

Thank you very very much.

Chema