CSS and WordPress woes.

June 22, 2008 9:04 PM

CSS, WordPress Themes, HTML: Trying to custom-design my new blog's design; only three images out of ~10 appearing.

As you can see by the above link, my WordPress header is messed up. All that is visible (at least on my end; Mac OS 10.5, Safari) are the 'Portfolio,' 'About,' and 'Contact' buttons. I'm trying to get my header to look like the one on my new Web site (I want the top three bars--light, medium, dark--to be the same, and then the content of my blog.)

At first, those were the only images that were being accessed through a .css file (as rollover links); however, I've since changed the other images to do the same, but still only the first three show up.

What am I doing wrong? Web designers, help!

CSS Document.
Header.php (for use with WordPress).
Right-click --> Save As..., I guess.

Contact: [e-mail]

Thanks.

posted by reductiondesign to computers & internet (6 comments total)

I've just validated your CSS and there are hundreds of errors and warnings. Also the code refers to background images which don't exist, like http://blog.dividedframe.com/emptyBGblog.jpg, and background image URLs which don't make sense, like url(/). Hard to know where to start!
posted by AmbroseChapel at 9:19 PM on June 22, 2008

The .css file with 95%+ of the errors is unused (reset-fonts-grids-tabs.css). It came with the theme I used to build mine off of, that's all.

(Thanks for that link, though--should come in handy.)

Oh! Other curious side note: I've been designing this with Dreamweaver, and when I preview header.php in Opera, it works like a charm.
posted by reductiondesign at 9:23 PM on June 22, 2008

According to your HTML, you are using that file:

<link rel="stylesheet" type="text/css" href="http://blog.dividedframe.com/wp-content/themes/DivFrWordPress/reset-fonts-grids-tabs.css" />
posted by theiconoclast31 at 10:11 PM on June 22, 2008

Yeah first step: get rid of first stylesheet link tag in your HTML. Just mention the one you actually want it to use.
posted by MadamM at 10:15 PM on June 22, 2008

It also looks like you're trying to include dividedframe.css from here:

http://blog.dividedframe.com/dividedframe.css

when it actually lives here:

http://blog.dividedframe.com/wp-content/themes/DivFrWordPress/dividedframe.css
posted by thinman at 1:52 AM on June 23, 2008

[removed three links to blog, please put the URL to your blog in your profile if you want people to look at it, thank you]
posted by jessamyn at 5:37 AM on June 23, 2008