ThemeShaper Forums » Thematic

[closed]

Repositioning the menu bar

(4 posts)
  • Started 4 years ago by Seijun
  • Latest reply from Seijun
  • This topic is not resolved

Tags:

  1. This is likely to be a silly question,
    but how do I move the access div (contains menu) up so that it is flush with the bottom of the branding div? For some reason there is a huge gap between them even though in the source code, #access is directly after #branding.
    Im going to use absolute positioning for now, but I wasn't sure if there was a more "proper" way to do it.

    Other things are acting weird as well. Asking the menu to float right causes it to float to the extreme left. And although my wrapper div is set to 850px wide, something inside that is stretched out giving my browser a horizontal scrolling bar.

    Also, I have never used php before, never made a theme before, and never used a cms (wordpress) before. If my understanding is correct, I use functions.php to turn blog elements on or off, and the style.css to arrange it all?

    Posted 4 years ago #
  2. EDIT:
    Solved the width and menu float. Still wondering if I should be using absolute positioning on the access div. Would love to know where that huge gap came from.

    Also, for ref, my css code so far:

    body{
     background:#D5EDB3;
     font-family:Arial, Helvetica, sans-serif;
     min-width:834px;
     }
    
    a{
     text-decoration:underline;
     color:#2C5C89;
     }
    
    a:hover{
     border:none;
     text-decoration:none;
     }
    
    #wrapper{
     background:url("http://www.wolfdogrescue.net/images/bg.gif") repeat-y;
     margin-left:auto;
     margin-right:auto;
     width:850px;
     }
    
    #branding{
     height:120px;
     width:834px;
     margin-left:8px;
     margin-right:8px;
     background:url("http://www.wolfdogrescue.net/images/logoline.gif") repeat-x;
     }
    
    #access{
     height:34px;
     width:834px;
     background: url("http://www.wolfdogrescue.net/images/barline.gif") repeat-x;
     margin-left:8px;
     margin-right:8px;
     position:absolute;
     top:86px;
     }
    
    .menu{
     width:300px;
     float:right;
     }
    
    .sf-menu{
     width:300px;
     }
    
    .page_item{
     width:100px;
     }
    
    #main{
     width:834px;
     margin-left:8px;
     margin-right:8px;
     }
    
    #container{
     width:600px;
     }
    
    #content{
     width:580px
     }
    
    #footer{
     width:834px;
     margin-left:8px;
     margin-right:8px;
     } 
    
    .main-aside {
     width:100px;
     }
    
    #subsidiary {
     width:834px;
     margin-left:8px;
     margin-right:8px;
     }
    
    #subsidiary .aside {
     width:100px;
     }
    
    #siteinfo {
     width:834px;
     margin-left:8px;
     margin-right:8px;
    }

    `

    Posted 4 years ago #
  3. Hi,

    could you please drop a link?!

    Chris

    Posted 4 years ago #
  4. www.wolfdogrescue.net/wordpress

    Posted 4 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.