Hi guys, I am new here, and new to webdesign. I have recently finished building a photography site for myself with a wordpress blog attached, but I am having difficulty aligning my site's navbar with my worpress page. It would be awesome if anybody could take a look and give me a tip cheers www.cameronbrown.ca
If you change the width of the .navbar { } from 1000px to 911px then I guess it will align with the rest of the blog contents. Actually if you have this : .navbar { background-color: #fff; color: #000; font-size: 10px; line-height: normal; margin: 20px auto; overflow: hidden; position: relative; width: 911px; } then you would not need to put empty paragraphs to have spacing on top & bottom of the navigation.
Are you sure you are changing this file ? http://www.cameronbrown.ca/blog/wp-content/themes/journalist/style.css Your blog theme is 911px wide so if you want to have your navbar reduced in the blog [not the static site] then you need to edit the above file.
You might want to check on your above insulting statement mate. Because I see now you have implemented some of my CSS suggestions [margin:0 auto and overflow:hidden] except the change in width.And it does look better. Now you may or may not want to reduce the width of the navbar to 911px to match the width of the blog's width but thats upto you. But in any case try not to offend or downplay years of experience & skills of those who try to provide free help at their own time. Good luck seeking help with THAT attitude.
If that happens that because of your poor skills/ knowledge. Well, I checked yesterday and today, however I don't see container block has been increased as suggested by "developerpanda". As you increase the container block, there would be a gap between content and sidebar, so you'll need to increase the content block as well. You might have to do some other alterations as well to fix some other issues obviously those issues are because of poor markup and css.
Wow... Guys I was in no way trying to be insulting at all. Maybe tone gets a little lost in translation when it is converted to text. Basically what happened when I tried your suggestion was that it threw the nav buttons so out of alignment that I didn't want to leave them that way, so I changed it back. I'm sorry if I came across as insulting, but that was not my intention at all. I have now set both the navbar and container widths to 911 and it seems to be back to where i started (but without the empty paragraphs spacing at the top thanks to panda) I'll be the first to admit I don't know what I'm doing. I tried adding in "display: block;" but that didn't seem to make any difference. Maybe I am not implementing it properly Thanks for the help guys
Really glad you clarified this Cameron, we're even now PS: Now if you reduce the width of the navbar from 1000px to 911px it could look like this http://d.pr/aRGY
Hi Panda, cheers I already did and I don't think I am seeing any change. changing the widths to 911 seems to make the left>right shift more pronounced