ThemeShaper Forums

Help In Shaping WordPress Themes

Register or log in:

Username:
Password:

Remember me

ThemeShaper Forums » Thematic

1. 

   Seijun
   Member

   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 13 years ago #
2. 

   Seijun
   Member

   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 13 years ago #
3. 

   Chris
   Moderator

   Hi,

   could you please drop a link?!

   Chris

   Posted 13 years ago #
4. 

   Seijun
   Member

   www.wolfdogrescue.net/wordpress

   Posted 13 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.