Hey there. I've been working with a wordpress theme to design a blog, and I've encountered a problem:
http://hateeverything.net
I can't get my damn Subscribe button to line up properly.
This is the code as it appears in the header.
Code:
<div id="navigation">
<ul>
<li><a href="<?php bloginfo('url'); ?>">Home</a></li>
<?php wp_list_pages('title_li=' ); ?>
<li><a href="http://hateeverything.net/feed/"><img src="http://hateeverything.net/wp-content/themes/TwiLight/images/subscribe.png"></a></li>
</ul>
</div>
And the navigation part of the CSS:
Code:
#navigation {
width:963px;
background: transparent url(images/bg_nav_tile.gif) top repeat-x;
height:48px;
margin-bottom:10px;
font-size: 1.0em;
font-weight:bold;
}
#navigation #searchblock {
width:233px;
height:37px;
background:transparent url(images/bg_nav.gif) top left no-repeat;
float:right;
text-align:left;
padding-top:15px;
padding-left:10px;
}
#navigation ul {
list-style: none;
padding: 0px;
margin: 0px;
}
#navigation li {
display: inline;
margin: 0px;
}
#navigation li a
{
height:32px;
padding-top: 16px;
color: #FFFFFF;
text-align:center;
text-decoration: none;
float: left;
padding-left:20px;
padding-right:20px;
margin-right:1px;
}
#navigation li a:hover {
color: #6cff00;
}
It shouldn't be a problem with the php as that's just calling for the homepage URL and for a list of the blog's Pages... Am I missing something in the CSS? Or looking in the wrong place altogether?
Your help would be appreciated, thanks!