Page 1 of 1
Header problem ! Help ! ***[S O L V E D]***
Posted: Tue May 08, 2007 9:22 am
by 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

Re: Header problem !!! Help !!!
Posted: Tue May 08, 2007 9:38 am
by 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
Re: Header problem !!! Help !!!
Posted: Tue May 08, 2007 9:59 am
by 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.
Re: Header problem !!! Help !!!
Posted: Tue May 08, 2007 10:10 am
by RonnyK
Can you post the template part for the header and the CSS-part concerning header, so "header" and "header h1 a".
Ronny
Re: Header problem !!! Help !!!
Posted: Tue May 08, 2007 10:20 am
by 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;
}
Re: Header problem !!! Help !!!
Posted: Tue May 08, 2007 12:05 pm
by 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
Re: Header problem ! Help ! ***S O L V E D ***
Posted: Tue May 08, 2007 2:19 pm
by 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
