News:

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

Main Menu

I need help with footer and header

Started by Arskrigitsioniets, July 04, 2018, 09:42:07 AM

Previous topic - Next topic

Arskrigitsioniets

I have this in my smf 2.0.15 footer and I want to do normal footer.



My code is:
/* The footer wih copyright links etc. */
#footer_section
{
text-align: center;
background: url(../images/theme/main_block.png) no-repeat 0 -820px;
padding-left: 20px;
}
#footer_section span.smalltext
{
font-size: 100%;
}
#footer_section div.frame
{
background: url(../images/theme/main_block.png) no-repeat 100% -820px;
display: block;
padding: 60px 0 0 0;


If I set padding-left: 0px, I get this:

As you see, there is no round borders in the left.

Absolutely the same problem is in the header:


How to make normally textured footer?

Sir Osis of Liver

What have you done to main_block.png?
Ashes and diamonds, foe and friend,
 we were all equal in the end.

                                     - R. Waters


Arantor

You basically can't without a lot of messing about with the CSS - the CSS in the default theme is built by overlapping most of the image on top of the rest of the image, as you're discovering now, as it was the only way to do this in IE6 when it was originally built.

The padding part exposes the left edge of the image, while the rest of it is aligned from the right. There isn't a good way to fix this in Curve.

Arskrigitsioniets

Thanks for responses.

I just have downloaded a theme "Flexive" and it has solved my problem - the teme has set header image in admin panel that may be changed  :)

Advertisement: