I have this in my smf 2.0.15 footer and I want to do normal footer.
(https://pp.userapi.com/c844520/v844520834/9c5b4/S0zKXekMnx8.jpg)
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:
(https://pp.userapi.com/c846324/v846324834/90065/dfCBKseYbK4.jpg)
As you see, there is no round borders in the left.
Absolutely the same problem is in the header:
(https://i.imgur.com/8DbXg1i.png)
How to make normally textured footer?
What have you done to main_block.png?
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.
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 :)