Jump to content


Photo

Menu Bar won't go into the right position!!


  • Please log in to reply
4 replies to this topic

#1 graecyn

graecyn
  • Members
  • Pip
  • Newbie
  • 9 posts
  • LocationWashington, DC

Posted 03 April 2006 - 11:58 AM

Here is the site: [a href=\"http://www.graecyn.com\" target=\"_blank\"]http://www.graecyn.com[/a]

I can't get the damn menu bar to be on the right (next to the blog) in different resolutions.
And I can't fix it. And I'm losing my minddddddddddd.

The menu itself is 2 divs - 1 main one (rightmenu) and 1 that formats the links (menuwrap).

Here is the CSS and HTML for the menu bar:

<div id="rightmenu"> 
    <!-- ADMIN LOGIN -->
    <div class="menuwrap"> 
      <ul>
        <li style="background: transparent; border: 0px;"> <img src="images/admintop.gif"></li>
        <?php
    echo 'Not logged in. <a href="login.php">LOGIN</a>';
    ?>
      </ul>
    </div>
    <!-- END ADMIN LOGIN -->
    <p> 
      <!-- MAIN MENU -->
    <div class="menuwrap"> 
      <ul>
        <li style="background: transparent; border: 0px;"><img src="images/menutop.gif"></li>
        <li><a href="index.php">Home</a></li>
        <li><a href="about.php">About Me</a></li>
        <li><a href="http://www.graearea.com" target="new">Web Design</a></li>
        <li><a href="http://www.shitforbreakfast.com" target="new">Shit for Breakfast</a></li>
        <li><a href="http://www.berserk4life.com" target="new">Berserk4life</a></li>
        <li><a href="http://www.illwillpress.com" target="new">Ill Will Press</a></li>
        <li><a href="http://www.thinkgeek.com" target="new">Thinkgeek.COM</a></li>
        <li><a href="#">Email Me</a></li>
      </ul>
    </div>
    <!-- END MAIN MENU -->

#rightmenu {
    position: absolute; 
    left: 780px;
    width: 180px;
    top: 200px;
}

.menuwrap {
    position: relative;
    width: 180px;
    left: 160px;
    top: 0px;
    padding: 0px 0px 0px 15px;        
}

I've tried changing both to relative positions and everything and it just will not work. Help help help.
"I am always doing that which I cannot do, so that I may learn how to do it." -- Pablo Picasso

www.graecyn.com | www.beautifulgeek.com

#2 moberemk

moberemk
  • Members
  • PipPipPip
  • Advanced Member
  • 695 posts

Posted 03 April 2006 - 01:15 PM

Try changing your stylesheet from absolutes to floats, like this:
#rightmenu {
    float: right;
    width: 180px;
    top: 200px;
}
After that, your menu will go down to the bottom of the page. To fix that, add a margin-right property to your blog content, or a padding-left property to your blog wrapper.
Disclaimer: No matter how harsh I may be, I'm always IMO only.

#3 graecyn

graecyn
  • Members
  • Pip
  • Newbie
  • 9 posts
  • LocationWashington, DC

Posted 03 April 2006 - 02:20 PM

[!--quoteo(post=361190:date=Apr 3 2006, 09:15 AM:name=moberemk)--][div class=\'quotetop\']QUOTE(moberemk @ Apr 3 2006, 09:15 AM) View Post[/div][div class=\'quotemain\'][!--quotec--]
Try changing your stylesheet from absolutes to floats, like this:
#rightmenu {
    float: right;
    width: 180px;
    top: 200px;
}
After that, your menu will go down to the bottom of the page. To fix that, add a margin-right property to your blog content, or a padding-left property to your blog wrapper.
[/quote]

Well I did the float: right thing, but the padding-left and margin-right properties didn't work. The menu is still at the bottom of the page. :(
"I am always doing that which I cannot do, so that I may learn how to do it." -- Pablo Picasso

www.graecyn.com | www.beautifulgeek.com

#4 graecyn

graecyn
  • Members
  • Pip
  • Newbie
  • 9 posts
  • LocationWashington, DC

Posted 03 April 2006 - 04:01 PM

[!--quoteo(post=361219:date=Apr 3 2006, 10:20 AM:name=graecyn)--][div class=\'quotetop\']QUOTE(graecyn @ Apr 3 2006, 10:20 AM) View Post[/div][div class=\'quotemain\'][!--quotec--]
Well I did the float: right thing, but the padding-left and margin-right properties didn't work. The menu is still at the bottom of the page. :(
[/quote]

Alrighty, after hours of mindless toiling, it finally works. Thanks for the input. :)

"I am always doing that which I cannot do, so that I may learn how to do it." -- Pablo Picasso

www.graecyn.com | www.beautifulgeek.com

#5 moberemk

moberemk
  • Members
  • PipPipPip
  • Advanced Member
  • 695 posts

Posted 03 April 2006 - 05:56 PM

Hey, no problem. I like the layout, but your yellow hover background in the menu doesn't look very good. Maybe just a link color change would be better?
Disclaimer: No matter how harsh I may be, I'm always IMO only.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users