HTML Help

bruno · Joined: 05 Oct 2009 Posts: 4

I need for the header to allow to display a second line.

/**
* --------------------------------------------------------
* @section header
* --------------------------------------------------------
*/
.sf_header_wrapper {
padding-top: 35px;
}

.sf_header_wrapper:after {
content: " ";
display: block;
clear: both;
visibility: hidden;
font-height: 1px;
margin:0px;
padding:0px;
}

.sf_extra2 {
}

.sf_main_header {
width: 617px;
height: 1.2em; /* 36px; */
font-family: "Century Gothic", "Lucida Sans Unicode", Arial, sans-serif;
font-size: 30px;
text-transform: uppercase;
overflow: hidden;
}

.sf_main_header div { height:1.2em;line-height:1.5; overflow: hidden; } /* height: 32px; */
.sf_main_header div div { height: auto; overflow: visible; }

.sf_extra3 {
}

PayneLess Designs · Joined: 28 Feb 2007 Posts: 4289 Location: MS

Your request is not very clear. You have one CSS styled to hide contents. What second line and what do you consider as your header? Headers can be text, images, text and images or images with text on them.

Do you have a link to page online? Once you give sufficient information, maybe we can help.

bruno · Joined: 05 Oct 2009 Posts: 4

My header is just a two lines text.
The way is written now, if I type a second line, it will not be displayed.
How do I change the code?

I have no knowledge of CSS, HTML.

bruno · Joined: 05 Oct 2009 Posts: 4

I changed the code as follows:

/**
* --------------------------------------------------------
* @section header
* --------------------------------------------------------
*/
.sf_header_wrapper {
padding-top: 35px;
}

.sf_header_wrapper:after {
content: " ";
display: block;
clear: both;
visibility: hidden;
font-height: 1px;
margin:0px;
padding:0px;
}

.sf_extra2 {
}

.sf_main_header {
width: 617px;
height: auto;
font-family: "Century Gothic", "Lucida Sans Unicode", Arial, sans-serif;
font-size: 30px;
text-transform: uppercase;
overflow: auto;
}

.sf_main_header div { height:auto;line-height:auto; overflow: auto; } /* height: auto; */
.sf_main_header div div { height: auto; overflow: visible; }

.sf_extra3 {
}

PayneLess Designs · Joined: 28 Feb 2007 Posts: 4289 Location: MS

You're still giving nothing to work with but CSS. Can't help you with just that. See my previous post about details.