In Firefox it looks great, no shake or whatever.
Have you tried line-height to move the text down? I found that works for me better than using padding in a lot of cases.
In Safari your whole site is broken though, just a green page with black text and bullets all over. Maybe a good idea to validate?
Nice looking site.
“Have you tried line-height to move the text down? I found that works for me better than using padding in a lot of cases.”
I’ll look into line height, thank you.
Where is a good place to validate for Safari?
Thanks for info, and I’m glad my site it looks good. 🙂
If I use line-height, after 20em, it moves the entire header down. I added “line-height:20em;” to the #topnav section. But it moves everything down. What am I doing wrong? Is it because of the header div?
Here is my topnav CSS:
#topnav
{
list-style:none;
font-size:0.9em;
margin:0 auto;
padding:155px 0px 0 0;
text-align:center;
font-family:Verdana, Arial, Sans-Serif;
}
#topnav li
{
list-style:none;
display:inline;
padding:0;
margin:0;
font-weight:bold;
}
#topnav li a:link, #topnav li a:visited
{
text-decoration:none;
color:#BBC4A3;
}
#topnav li a:hover, #topnav li a:active,
{
color:#ffffff;
}
Where is a good place to validate for Safari?
Same place. Try to trim these 60 errors down:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.pokerplasm.com%2F
Thanks Yosemite! I parred it down a lot. No more 60 errors for me!
If someone could see how to move the nav bar without the whole header moving as well, I would be much obliged.
You need to put the “topnav” div or ul id outside (below) the “header” div.
You still have a bunch of   that are missing a semi-colon. Should be
For the #topnav you have to rewrite your header.php. Start by moving it to outside (below) the header </div> The theme was not designed that way, so you may have some testing/trials, more work to do…
Thanks Glo and Yosemite, Ill work on the header.
And thanks Yosemite for the validation comments, I knew I had the   issues, but I got a 56 others done, so I was happy.
If I move the “topnav” past </div>, it sits below the image. I want the nav bar still in the image, but on the bottom. If its still in the image, there must be a way to move it, without having the whole image move?
An untested hack I don’t feel very good about:
#topnav {
position:absolute;
margin:135px 0 0 95px;
list-style:none;
font-size:0.9em;
font-family:Verdana, Arial, Sans-Serif;
}
The problem I have with the above code is, I can’t determine how to center it.
