CSS and WordPress woes.
June 22, 2008 9:04 PM   Subscribe

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: reductiondesign@gmail.com

Thanks.
posted by reductiondesign to Computers & Internet (6 answers total) 2 users marked this as a favorite
 
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


Response by poster: 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


Mod note: 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 (staff) at 5:37 AM on June 23, 2008


« Older Replacing the C-guard for Siemens Pure 500 hearing...   |   Where can I find Huy Fong-brand sriracha chili... Newer »
This thread is closed to new comments.