Getting submenu to show bellow the banner

Luffy
BB Alpha
Luffy
BB Alpha
Joined: March 14th, 2009, 7:16 am

December 7th, 2009, 7:15 pm #1

Board URL: UniverseAnime
What browser(s) are you using? Firefox
Your Issue/Question:

On 2 of my skins, the submenu shows above the banner and in one it shows it below the banner. If you see my board the "Light" and "Pink" skins show the submenu above the banner. Anyway to get it to show below the banner?

Here is the layout for both the skins in case I need to change something there.

Layout for Pink skin
[+] Spoiler
<!-- TOPMENU -->

<div id="main_content">
<div id="header">
<div id="header_l"></div>
<div id="header_r"></div></div>
<div id="side_l"><div id="side_r">


<div id="submenu_wrap">
<!-- SUBMENU -->
</div>

<!-- HEADER -->

<div id="wrap">

<!-- NAV -->

<!-- BOARD -->
</div>

<div id="copy2"><b>Lucemia</b> created by <a href="http://s1.zetaboards.com/DeliriumandSar ... "><b>Sarah & Delirium</b></a></div>

</div></div>

<div id="footer">
<div id="footer_l"></div>
<div id="footer_r"></div>
</div></div>


<script type="text/javascript">
//<![CDATA[
ff=(navigator.userAgent.indexOf("Firefox")!=-1)?" style='position:relative;left:-1px'":"";
$(".category td.c_foot").append('<div class="foot_left"'+ff+'></div><div class="foot_right"></div>');
$("#stats td.c_foot .right").prependTo("#stats .foot_right");
//]]>
</script>

<script type="text/javascript" src="http://z3.ifrm.com/197/177/0/p86186/th2.js"></script>
Layout for "light" skin,
[+] Spoiler
<!-- TOPMENU -->

<div id="main_content">

<div id="header">
<div id="header_l"></div>
<div id="header_r"></div></div>
<div id="side_l"><div id="side_r">

<div id="sbmu_wrap"><div id="sbmu_l"></div><!-- SUBMENU --></div>

<!-- HEADER -->

<div id="wrap">

<div id="nav_wrap"><!-- NAV --></div>

<!-- BOARD -->

</div></div>

<div id="footer">
<div id="footer_l"></div>
<div id="footer_r"></div>

<div id="copy2">Skin by <a href="http://s1.zetaboards.com/DeliriumandSarah/index/">Sarah & Delirium</a></div>

</div></div>

<script type="text/javascript">
//<![CDATA[
ff=(navigator.userAgent.indexOf("Firefox")!=-1)?" style='position:relative;left:-1px'":"";
$(".category td.c_foot").append('<div class="foot_left"'+ff+'></div><div class="foot_right"></div>');
$("#stats td.c_foot .right").prependTo("#stats .foot_right");
//]]>
</script>


<script type="text/javascript" src="http://z3.ifrm.com/197/177/0/p86186/th2.js"></script>

<script type="text/javascript">
//<![CDATA[
$(function() {
$("table .h2center:contains('Blog Setup')").parents("table").addClass("blog");
});
//]]>
</script>

Will be gone for a month starting 17th December
Quote
Like
Share

Cory
BB Theta
Joined: July 30th, 2006, 8:51 pm

December 7th, 2009, 8:39 pm #2

Code: Select all

<div id="submenu_wrap">
<!-- SUBMENU -->
</div>
That snippet goes above <!-- NAV --> for "UniverseAnime Goes Pink".

Code: Select all

<div id="sbmu_wrap"><div id="sbmu_l"></div><!-- SUBMENU --></div>
That snippet goes above <!-- NAV --> for "UniverseAnime Light".
Quote
Like
Share

Luffy
BB Alpha
Luffy
BB Alpha
Joined: March 14th, 2009, 7:16 am

December 8th, 2009, 2:36 am #3

Thanks a lot Cory, I did what you said and the "UniverseAnime Goes Pink" skin has no problems. But there was a problem occurring with the Light skin, I took an image of it - Clicky

Any idea's how to solve that? And thanks again.

Will be gone for a month starting 17th December
Quote
Like
Share

Cory
BB Theta
Joined: July 30th, 2006, 8:51 pm

December 8th, 2009, 3:00 am #4

Add margin-top: -10px; to the #side_l CSS strip.
Quote
Like
Share

Luffy
BB Alpha
Luffy
BB Alpha
Joined: March 14th, 2009, 7:16 am

December 8th, 2009, 4:25 am #5

Thanks a lot, you guys are really geniuses me and my friend kept trying a way to get the submenu after the banner and ended up either removing the border or messing up the bottom of the board and finally got irritated and I then got the idea of posting it here. Thanks again XD

Will be gone for a month starting 17th December
Quote
Like
Share