| User | Post |
|
10:05 pm
20 Jan 2008
|
Producer82
Guest
| | | |
|
| |
|
|
http://www.rockitpro.com/sf-forum/
Notice the banner image overlapping the forum, since I can’t figure out how to not show that image on certain pages, I need to move the entire forum down below it. What files do I need to edit and what part of the code of those files?
Thanks for the help
|
|
|
10:52 pm
20 Jan 2008
|
Mr Papa
Moderator
| | Arizona, USA | |
|
| posts 1602 |
|
|
It shows up this way because you have positioned the #bottombanner with an absolute directive…
Its designed to fit in that partial page layout (ie with sidebar)… the image has a background designed for that…
A quick hack is to add the proper padding for the forum page just like a "normal" page.. which uses the following stying for main content
#main {
float:left;
margin:0pt auto;
padding:140px 30px 0px 15px;
width:450px;
}
you need to add that top padding to push the page content down on the forum page… you dont use the main css tag on the page, so maybe add this css
.forumwidth {
padding:140px 30px 0px 15px;
}
That pushes the forum below the image… I will leave it to you to decide if you really want to do that since the background of the image now looks off in the wide page layout…
|
|
|
11:32 pm
20 Jan 2008
|
Producer82
Guest
| | | |
|
| |
|
|
Ok, I’m really unknowledgable when it comes to php and css, the files I’m editing are forum.php and style.css, so let me explain this so I can make sure we’re on the same page lol
In my original Index.php file that I copied so I could make the forum.php, there was <div id="main">, I had to delete that entry to make the forum the width of the page, if I keep the code in, even if I add a class="forumwidth" after it and set it in the style.css page under #Main, the forum still won’t expand to full width. So I had to delete the <div id="main"> code from forum.php which I think is what’s causing this problem? Is that what you’re talking about too?
|
|
|
11:44 pm
20 Jan 2008
|
Producer82
Guest
| | | |
|
| |
|
|
Here’s what my style.css file looks like:
/* Content */
#content {
background:#FFFFFF url(images/allbg.gif) repeat-y top left;
width: 730px;
margin: 0 auto;
padding: 140px 30x 0px 15px;
}
blockquote {
margin: 5px;
padding: 0px 5px 5px 35px;
background: transparent url(images/blockquote.gif) no-repeat ;
}
#forumwidth {
background:#FFFFFF url(images/allbg.gif) repeat-y top left;
width: 730px;
margin: 0 auto;
padding:140px 30px 0px 15px;
}
I even tried removing the background line under #forumwidth but nothing happens
|
|
|
12:04 am
21 Jan 2008
|
Mr Papa
Moderator
| | Arizona, USA | |
|
| posts 1602 |
|
|
yeah, just leave the main out…
the forumwidth used in the forum.php file is a class, not an id… either try changing the # to a . in front of forumwidth (but the image may be less than desireable) or just add the .forum css I listed earlier…
|
|
|
12:11 am
21 Jan 2008
|
Producer82
Guest
| | | |
|
| |
|
|
Right on the money  I just had to add the . instead of #
It’s actually lined up perfect too except for the bottom, there’s a blue line there from the background image I suppose but I can live with that. Thanks for the help!
|
|
|
12:31 am
21 Jan 2008
|
Mr Papa
Moderator
| | Arizona, USA | |
|
| posts 1602 |
|
|
This forum is currently locked - access is read only
Forums
