Shamoozal.com - Smorgas Board

So I'm trying to build a new CSS menu for the site. Actually, I did build it, and it WORKS! Until I actually put it into Wordpress that is. This image shows it working properly and working wrong.



The bottom is it running through Wordpress. I'm stumped. Any CSS dudes on here that could help?

No one?

I gave it another shot tonight and basically just spent 20 minutes starring at the screen and hitting reload praying it would magically work.

does word press change your files or something when you upload them?
Is there somewhere we could look at it after it's in wordpress?

Are you putting the styles right in the elements themselves or do you have it classed out? It's possible that the wordpress css is doing something to the elements that's causing your css not to work the way it normally would.

Typically what I do when I know css should be working is open up the page in the firebug (http://getfirebug.com/) extension for firefox. You can "inspect" an element and it will show you exactly what css it's using and where it got that property (inherited from parent, a class, etc).

From the picture it almost looks like it could be a 'position' property problem, but it's hard to tell with css sometimes.

_________________
- Oh, great. You killed the invisible swordsman!
-- He's dead, all right.
--- How was I supposed to know where he was?
- You were supposed to fire up. _We_ both fired _up_.

Cool thanks. That's what Steve suggested (firebug) but I wasn't sure how to use it after I installed it. He also thinks the CSS is probably being overwritten by different code.

Got it working on the Nerdlog, hooray! I haven't carried it over to the Smorg yet though. I'll attempt that tonight or something.

Turns out old CSS was over writing the new code. Our original wordpress theme I guess used to use a CSS menu, but back when we created this I opted for the Flash one, which eventually turned into the Flash/Image Button hybrid (which used it's own CSS). Anyway, I guess I didn't realize we already had that, so that old code was over writing it.

I noticed it caused some stuff to happen with some text in the side bar (that I've since fixed through other means) but if you guys see anything weird or out of place on the rest of the site, let me know. I don't really know CSS too well, so I was basically just pulling code and testing to see its effects. If it did something serious, I put it back in. Eventually I did enough trial and error to where I got it to work.

We've done a lot of code updates and changes to this site over the years. At this point it's pretty sloppy. Steve did a nice job on his end, but whenever I go through I'm positive I make it 100 times worse. So the back end is really messy right now. When I get time, I'd love to just totally redo the thing from scratch.

LOOK AT YOU

_________________
Swear to me.

Is that font permanent?

No that's another thing. Now I need to figure out how to embed the font I was previously using... another headache.

So I embedded the font for the header and a few other areas on the site. I've noticed the site is now loading slower. I'm not sure if thats a result of the font embed (which I probably did a shitty job of coding it BTW) so let me know if the site is slow or locks up for anyone else. I'll yank it out if worse comes to worse.

Phil,

Which file do you have the css embeded in it? I have found the following 3 so far, but none of them have the dropdown menu system css info:

http://www.shamoozal.com/greybox/gb_styles.css

http://www.shamoozal.com/nav.css

http://www.shamoozal.com/nerdlog/wp-con ... /style.css

Also, there is something strange going on when you use firefox and the frontpage, but is fine if I spoof that the browser is Internet Explorer, so there must be a check browsers section somewhere with the code path used by firefox being different than IE (which makes sense since IE does all kinds of crap things which are not standard so you have to code it differently).

As for slowness, I would combine all those different css pages into one or two at the most. I would also do the same with all those different js files you have embeded. Less is "more" in this sense since it is less files the webserver has to load for each page request.

_________________

I forget where it's at now. Haha. Oh well, I have it working and thats what matters right now.

See my edits (didn't expect you to be on when I was posting)

_________________

Yeah I would like to get all the CSS into like one page, but that would require me to figure out all sorts of stuff that I don't have time to figure out at the moment. Ideally I would like it that way.