Header with navigation bar and logo centered

I am having a problem getting my logo centered in the navigation bar inside the header. Please help. Here's the fiddle http://jsfiddle.net/jennwysedesign/16dwwkbr/

Here is what the image should look like:
http://imagizer.imageshack.us/a/img661/7627/5cbQ8j.jpg

Thanks so much!!!

<link href="style.css" rel="stylesheet" type="text/css">
<section>
 <header>
  <nav>
   <ul>
    <li>ABOUT US </li>
    <li>ELECTED OFFICIALS </li>
    <li>CANDIDATES</li>
    <li>NEWS</li>
    <li>RESOURCES</li>
    <li>REGISTER NOW</li>
    <li>CONTACT </li>
   </ul>
  </nav>

Different CSS Styling for Hyperlinks on same Page?

Hi all,

First time poster so here goes:).

I've been trying to get my code working and it doesn't want to play ball so I'll post it and then explain my problem.

<!DOCTYPE html>
<html lang="en-US">
<head>
<meta content="en-au" http-equiv="Content-Language">
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<link href="css/classes.css" rel="stylesheet" type="text/css">
<style>
.navigation ul{
 
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}
 
.navigation li{
	float: left;
	text-align: center;
	list-style-type: none;
}

trouble with the code for the visisted pseudo state, ie its not working!

Hi all

Ok, my website is almost ready to go, validated and all (yay)! One last issue with it before its ready to go live. I cant seem to get the visited state to work.

Vertical Navigation Menus

My vertical navigation menu currently has a fly-out subnavigation. How can I change the css below to get a slide down subnavigation instead?

/*--------------------------------
Navigation
---------------------------------*/

.sf_navigation h3 {
display:none;
}

.sf_navigation .widget {
padding: 0px;
margin: 0px;
}

.sf_navigation .widget_content {
padding: 0px;
margin: 0px;
overflow: visible;
width: 185px;
}

.sf_navigation .widget li {
overflow: visible;
}

.sf_navigation .widget a:link,
.sf_navigation .widget a:visited {
text-decoration: none;
}

Nav menu w/img dividers + dropdown menu

Hi all

I'm breaking my head here.

Can't seem to stop my error on the horizontal menu:

adam-sites-for-clients.info
/preview/horizontal-menu

If I add padding or margin to space the items, it gets messed up when u zoom in and out.

Any ideas?

Also the dropdown menu should end with the round corners I've inserted. But the ul bg-color covers the round img corners.

It must be cross0browser comp. so I can't use css 3 html 5

damn I;ve busting my head 2 days over this ...

Syndicate content