can you show us your markup?
MAC
Do you want ALL of it? Do you just want the CSS? HTML? Just snippets?
Oh, and thanks for responding so quickly! 🙂
If you have it online I can check your markup. (CSS/HTML) I only need the post-processed stuff.
I don’t understand the full scope of your question. Thing is I really don’t know what your skills are, so this means the problem can be very simple or very complicated, depending on that 🙂
So to avoid me asking silly questions like, are you targeting the correct classes or sibling selectors, I’d rather take a look at it first 🙂
MAC
OK, I have it set up on a test site for now. Here is my mockup that I made for my wife’s blog. It uses the exact same CSS files as the full WordPress site.
http://wp.joelbeskow.com/wp-content/themes/singforyoursupper/default.html
The test WordPress site is:
http://wp.joelbeskow.com
First and foremost you’ll notice that I have a lot of work left to do, but you should also notice that a lot of the css is not making it through and placements are WAY off. Again, this uses the EXACT SAME CSS FILES and the html markup (outside of the categories, etc. should be pretty darn close to the same). I know that it still looks like crap.
I’m not a designer, but I am a developer. I have decent knowledge of CSS, but I most certainly am not an expert. I can fight my way through it, but this thing is driving me crazy.
This is actually my first go around with WordPress theming. I have experience with other blog engines but not WordPress, so don’t judge me. 😉
Oh. Specifically notice the font size of the nav menu and the font size on the post titles. I can’t get to match the html mockup. It’s just weird!
OK, by no means i wish to Judge you 🙂
aggiehavoc your CSS is a mess! 🙂 Probably not your fault, but the theme designer should read a bit more about CSS before spreading murky code…
For instance, in your titles you aren’t specifying the units for the font size value.
in line 53 of you style.css on the .titleText a {}; selector try to use
font-size:28px; instead.
In this exact moment I don’t have the time to look deeper, but I will do it ASAP.
Meanwhile you refer that you’re using the same CSS you used before. It seems to me that the original CSS was not been rendered in a “Strict server”, like Apache (e.g.) and now it is. So now you have to be careful using case sensitive statements and overall a less permissive markup then before.
Just like FMacastro said:
Differences between doctype declarations for your mockup and your WordPress. 😉
Your WordPress is supposed to validate as XHTML Transitional, which means it uses stricter rules when it comes to parsing and rendering your markup AND CSS.
For fonts sizes and widths and whatever elses to render properly, you should ALWAYS specify a unit of measurement.
20px vs 20.
As it is, W3C seems to agree with us:
http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwp.joelbeskow.com%2F
Fix those errors and you should see some results. 🙂
LOL! Like I said, I’m not a CSS guy at all. I was basically given a PSD from a friend for my wife’s blog. She doesn’t do HTML/CSS at all, just graphic design. I only do it when I have to. Like I said, I’m a coder. I only do design when I absolutely have to. All of this web design stuff is foreign to me, so yes, it is most likely a terrible, awful, no good, very bad mess. 😉
OK. I see what you are talking about on the strict server/DOCTYPE. However, I believe my host uses IIS for its PHP hosting as well as its .NET hosting. Hmmmmmm… I’ll look at that after work. I appreciate the help from both of you!
It was the doctype. Thanks guys! 🙂
