Easier to understand than wave

LOL…!

Thanks for changing the link… As you could probably tell: I was annoyed :)

Update: I only briefly read that article you mentioned but I think one needs to be able to edit the actual html because I tried the if statements: http://www.havemycv.com/test:me and now both FF and IE cannot open the menus.

Having had a developer's preview ever since then, it's worn off a bit. It's exciting at first, but I can't honestly see it being as ground-breaking as I originally thought it would be.

http://wave.google.com/

It's currently in limited preview. I watched the "loooooooong video" (1:20) last night and it is quite impressive! My son-in-law got an invite from a friend of a friend of his brother's and has been playing with it for a little while. I have a feeling Google has another huge hit on their hands with this one.

Once this goes live, it'll be interesting to see how we might use this with Wikidot. If you can make the time, I highly recommend watching the video.

-Ed

So now I have to have it activate by simply hovering http://www.havemycv.com/ :(

Bummer. I just peeked at your site (after fixing your link - you had www/havemycv instead of www.havemycv) and have to say I think the expanding and collapsing by hovering is annoying.

Maybe you can punish just the IE users by using some browser-specific coding tricks and putting your old code back for the rest of us. I haven't done much of this, but this site has a good article about one of the techniques:
http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

-Ed

And you're right — I just tested it in IE8 and the drop-down menus don't do anything when you click on them. I like how they behave in Firefox though (closing the menu back up when you move the mouse away)

I was quite proud of this: http://www.havemycv.com/test:me
This uses just CSS styling to make the drop-down menus. Unfortunately, now it turns out that IE can't understand "active" from this line: #side-bar li:active (CSS is on the page, it's at the bottom).

So now I have to have it activate by simply hovering http://www.havemycv.com/ :(

It really is a case of banging yer head against a brick wall with Internet #&*!%$ explorer…

… AHHHHH!

I may need therapy… but a bunch of hyperactive editors is just going to drag me right back in. So much for losing an addiction! :P

I just got back from work, so I'm on here checking a few things out and wading slowly through the 80+ mails from wikidot that I got today. I'm lucky, it used to be about 150 per day until I started unsubscribing from everything.

:-) I'm going to start Wikiholics Anonymous, join the site and get notifications whenever we edit a page!!

I just got back from work, so I'm on here checking a few things out and wading slowly through the 80+ mails from wikidot that I got today. I'm lucky, it used to be about 150 per day until I started unsubscribing from everything.

Can you think of a fix for the bug?

Although, this theme does make my front page look quite ugly so that's what I'll be concentrating on now.

Still have the problem with IE showing the collapsed menu buttons badly once clicked. But who uses that crappy browser anyway? :D

Ok, to-do list:

• Remove top ad.
• Tweak link colours
• round-off corners… could an image be used for the background of #main-content so that it looks ok in all browsers?

For the buttons, I used a wikidotted form of this: http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html

Unfortunately, I can't think of a way of making a fix for IE bug:

• Push one of the drop down buttons
• And again to collapse the links
• Now half of the button disappears :s

Here's my wikidot version:

• Surround the links with "button class" and the collapsed links with "indent class".
• Then use the following CSS:

 .button a{ background: transparent url('/local--files/test:css/openpush.png') no-repeat top left; text-decoration:none; color:black; display: block; padding:4px 0 4px 8px; margin:0 0 -8px 5px; } .button a:active{ background: url('/local--files/test:css/openpush.png') no-repeat bottom left; outline: none; color:black; } .indent{ margin:0 0 -8px 10px; } 

Given that you have rounded corners for the buttons, and the title image is also curved, the square corners of the top of the main content make it look (for me) a bit odd. I know this wouldn't work for IE but you might want to consider adding -moz-border-radius-topleft:10px and -moz-border-radius-topright:10px - and -webkit-border-radius of course - to soften the corners slightly for those of us on FF and Safari.

I agree with Brunhilda about the ad boxes, particularly the one in the centre at the top of the page. Given that top centre is one of the first places the eye goes to on a site, the ad box in that position slightly takes the focus away from the site itself. That's great for the advertiser but not really what you want.

Maybe, when you finish, you can put this theme on the Themes site…