removing the whole div #topmenu does not break the design;
<div id="topmenu">
<ul>
<?php if ( !motion_hide_homelink() ) : ?><li class="page_item<?php echo ( is_home() || is_front_page() ? ' current_page_item' : '' ); ?>"><a href="<?php echo get_option( 'home' ); ?>/">Home</a></li><?php endif; ?>
<?php wp_list_pages( 'depth=1&title_li=0&sort_column=menu_order' ); ?>
<li><a class="rss" href="<?php bloginfo( 'rss2_url' ); ?>">RSS</a></li>
</ul>
</div>
however, you still have the search block there, keeping the logo and title down.
adding something like the following to style.css might help there:
#top {float:right;}
or, if you don’t mind that uneccessary bits are loaded to the browser, you could do the whole thing with css:
#top {float:right;}
#topmenu { display: none; }
Hi,
Thanks for the response.
By following your instructions, I end up with my site looking like this.
What I’m going for is to actually move the title up, to get the top of my site looking like this.
i can see, you put the code back in – is that you giving up?
the last adjustment would be some changes to style.css:
additional to the suggested changes, change the top margin of this style from 35px to 0px:
#header #logo {
float: left;
width: 480px;
margin: 35px 0 10px 0;
}
http://www.w3schools.com/css/
Hi,
Thanks for the speedy response.
Even through reducing the top margin to zero, the top of the logo is parallel with the bottom of the searchbox, it’d be ideal if it could be parallel with the top, and then I would also bring up the main body of the site.
I’ve left the changes live this time so you can see 😛
a. you forgot to add #top{float:right;} as i suggested earlier;
b. you can use a negative top margin in #header #logo to pull the title further up.
The #top{float:right;} is at the bottom of my stylesheet, unless it needs to be somewhere else?
And the negative margin has an unintended side-affect which I don’t think I should leave on my site…
I suppose I could attempt to rewrite the header from scratch with only a left floating logo and right floating searchbox?
i see it now, but is is not applied, because the /Silky Header
blocks any further styles to be aplied.
/Silky Header
#top {float:right;}
#topmenu { display: none; }
comment it like this:
/*Silky Header*/
#top {float:right;}
#topmenu { display: none; }
that should work – no need for negative top margin.
My bad, guess you learn something about CSS every day.
However, even with the updated comment formatting, the logo still appears under the search bar.
What I did do is change my header.php to this, it’s live on my site right now. If it were possible to move the search box further to the right (right aligned at 980px to be precise), and maybe make it a bit smaller, that would also be a viable way of doing it.
as the div #search is now moved from the div #top, where it was previous, into the div#header, you need to adjust the styles:
#top #search {
float: right;
width: 300px;
text-align: right;
}
#top #searchform input {
padding: 3px;
}
#top #searchbox {
width: 180px;
color: #555;
font-size: .75em;
border: 1px solid #ddd;
background: #eee;
}
#top #searchbox:hover {
background: #fff;
}
#top .submitbutton {
cursor: pointer;
background: url(images/blacktrans.png);
color: #fff;
font-size: 0.8em;
padding: .08em;
vertical-align: top;
}
#top .submitbutton:hover {
background: url(images/whitetrans.png);
}
replace the word #top with the word #haeder in the above styles.
every improvement is a change – but not every change is an improvement.
inaugural toast of a lecturer at the university
Thank you very much!
My website is now working just as I want it, and I have more CSS knowledge than I had when I posted this.
I’ll link to your site on my next post as a thank you (not that many people read my blog yet, but it’s the thought that counts :P)?
you are welcome,
i suggest that you link to this forum as a way to help others to find some assistance with their wordpress associated problems as well.
