Raising the Navigational Bar

On my site, http://www.strongfamilies.us, I am trying to raise the navigational bar on the left of the page to touch the horizontal blue bar. Right now, there is a small gap between the two. Does any one know how I can raise this navigational bar a bit? Thanks.

Wow… I really think the whole page (css/html ) strategy could use some revising.

but you have too possible culprits:

You have given Content {padding: 10px;} ,thus #main_nav gets pushed down 10px. :confused: you can either get rid of the padding-top on Content or give #main_nav margin-top:-10px;

ALSO:


ol li {
	margin-top: 10px;
}

ul li {
	margin-top: 10px;
}

will affect EVERY LI , not just the one on the mission statement. Since your navigation is also a list, unless you have specifically overridden “margin-top” for any of its children you will have that “extra space” showing up out of nowher.

Hope that helps.

Thank you for your response. However, neither of your suggestions fixed the issue. Do you have any other suggestions? Thanks.

I changed the top value under Content to -10px and now the issue is resolved. Thank you so much for your assistance in this matter.

Not really to take a dig at your site but have you considered using Wordpress? Your site could be a lot more manageable without the coding issues and look a lot more updated. It just seems to me your site was designed maybe 2-4 years ago.

Thank you for your reply. My site was designed a few years ago. I am the owner of the site but not the one who designed it. I am a novice at web design. I am not familiar with Wordpress. How do I go about using Wordpress to design my site? Thanks.

You don’t quite use it like that, so the comment was a bit misleading. WordPress (WP)—like any content management system—makes it easier to add content in various ways without you having to play with the code. However, a lot of coding work has to be done to replicate the look of a site in WP … unless you use a pre-designed theme, of which there are many. However, premade themes are rarely, if ever, a perfect fit for your content, meaning you have to hack the theme arounda bit anyway. It’s not pretty.

Hi Ralph. Thank you for your reply. I phoned my website host (Go Daddy) yesterday about WordPress because I could easily install WordPress from my Go Daddy account. They told me that I would not be able to edit my current site unless it was made with WordPress which it wasn’t. Therefore, I would need to create a whole different site. Provided that I purchase a separate unique domain that the WordPress site can point to, I could always experiment with WordPress without shutting down my traditionally coded site.

After looking at some tutorials on WordPress and with having edited several aspects of my coded site, I think that I might be able to create a WordPress site on my own. Since I would be replicating my old site, creating a WordPress site may take me a very long time. I’m not sure that it is worth it since I usually don’t have many problems with my coded site. What are your thoughts regarding a Wordpress site vs a traditionally coded site? Thanks.

No, don’t buy a domain for it. You can install it on your own computer and experiment with it there. Just download MAMP if on a Mac or XAMPP if on a PC.

I’m not sure that it is worth it since I usually don’t have many problems with my coded site. What are your thoughts regarding a Wordpress site vs a traditionally coded site? Thanks.

WordPress is really for blogs, so as a rule I don’t recommend it for a regular site, even though many people do. It can make things a bit more convenient if you are posting a lot, but I think it’s a waste of time unless you need a lot of time-saving functionality. For a standard static site, that’s not necessary. And it will take a while to adapt your site to WP.

If you are interested in converting to a CMS, there are better ones around, like MODx or Drupal (both free), or ExpressionEngine (costs a bit).

Thank you for your reply. Based on your comments, perhaps its best for now for me to stay with my current site. From the three sites that you quoted, which one would you recommend?

Personally, I use ExpressionEngine, but you have to make a choice based on your needs and preferences. :slight_smile:

Thanks Ralph. I think that I will wait awhile before considering creating a whole new site.