CSS - Test Your CSS Skills Number 12 :

[Paul O'B]

Another level 5 entry from Vim.F with a slightly smaller html footprint than before - good job

[Paul O'B]

Another entry from Eric Watson that satisfies all the level 5 rules

[Stomme poes]

I'm assuming filters = hacks?
Do we also assume CSS unrecognised by IE6 are also hacks? Or no? I should have asked first.

[RyanReese]

I was wondering that too: does the technique (star hack) count as a hack because it has the word "hack" in it? Can you make a quick list of what we can use ?

[Paul O'B]

Hi,

I don't really mind what you use if you are trying for level 6 as long as the solution is interesting. However the winners of level 5 will be the ones that don't need hacks or alternative code to work in all browsers.

The solution that Erik and I have used is css at its basic level with no hacks needed and the same code is applied to all browsers including IE6. There are no advanced selectors needed and no code hidden from one browser or another.

The key to get this is to work out how to get the transparency in IE6 using the method I suggested in the clue I gave earlier.

[molona]

Ok. Since I messed up and went crazy with the last one because I didn't read the instructions properly, I am in for this one. I will not be able to do anything till wednesday, but I definately going to give it a try. It is an interesting idea.

[Paul O'B]

Ok. Since I messed up and went crazy with the last one because I didn't read the instructions properly, I am in for this one. I will not be able to do anything till wednesday, but I definately going to give it a try. It is an interesting idea.

The more the merrier

[YuriKolovsky]

just gave in my try at 12B
not as easy as it looks.


eagerly awaiting to see the entries.

p.s. still trying to make the sitepoint logo image thing into a fully css image, because that would be really cool, especially if browsers will support css3 someday...


edit: lol i was refreshing page 1...

@Stomme poes and @RyanReese
paul wants results that work in all browsers using the same css, i mean, all browsers should see all the css.
its not really hard, a little of geometry, and a little of reading certain websites.
although the transparency in IE6 does require a little clever trick.

[Paul O'B]

Hi,

A couple of entries for quiz b from YuriKolovsky and from Ornette -well done.

Also an advanced entry for quiz a from YuriKolovsky (good browsers only).

Good work all.

[YuriKolovsky]

Paul O'B
Hi,

A couple of entries for quiz b from Yurislovsky and from Ornette -well done.

Also an advanced entry for quiz a from Yurislovsky (good browsers only).

Good work all

hahahaahahahahhaa
np man, i get it all the time.
just call me yuri

p.s. i did not make up this name.

[Stormrider]

I've got transparency in IE6 now, but the positioning is all off. I can't find a decent way to test in IE6 that works on Windows 7 though, so might be tomorrow until I can give it a go!

[YuriKolovsky]

@Stormrider

doesn't IE-Tester work on vista 2...i mean windows 7?

[Paul O'B]

hahahaahahahahhaa
np man, i get it all the time.
just call me yuri

p.s. i did not make up this name.

Sorry, I usually copy your name and paste it but I tried to do it from memory and got it wrong

[Stormrider]

@Stormrider

doesn't IE-Tester work on vista 2...i mean windows 7?

I tried it earlier today, it installs and most work, but opening an IE6 tab crashes it.

Off Topic:

Nothing wrong with Windows 7, it's an absolutely fantastic OS Then again, I like vista as well.

[ornette]

I can't hide my delight!!! I've done 12b and now I am well on the way to getting 12a sorted. It's been a good day for css, I see things much clearer now.
Good on you Paul.

[Paul O'B]

Ro0bear has just submitted an entry that is transparent in Ie6 - Just fix the scaling in ie6 and it will be a level 5 entry

Edit:



scaling now fixed - well done Ro0bear

[SecretAgentRege]

Fun. I just submitted. If #6 can ignore IE6, then I shot for that (I did use one CSS3 selector); otherwise, I guess I'll settle for getting to #3 I also tried to make it as slim as possible..

[Paul O'B]

Hi, SecretAgentRege thanks for your entry and yes it works well in all but IE6 so well done

[Paul O'B]

Just received another entry from Simon (zcorpan) that uses CSS transformations. It needs a bit of work but shows what's possible.

Anyone else want to try

[Stomme poes]

although the transparency in IE6 does require a little clever trick.

That's the one I'm searching for. I think I found one (only one that's not filter or JS or whatever) in a steaming pile of a certain someone's code (who always does neat tricks but always uses a huge steaming pile that's usually 90% unnecessary... crawling through it, I feel dirty). I'll have to see if I want to wade through the sewer or wait for Paul and Erik to release the knowledge in a clean and easy way for lazy s***s like me : )

[Paul O'B]

That's the one I'm searching for.

Here's a clue for all those who are stuck on the IE6 problem

Your hopes will be dashed when you find the answer

[Stomme poes]

Heh, looking at the obvious setting in the steaming pile I ran across, it looks like it might be a simple change of terms... if I have time I'll test it, cause if it's what I'm thinking it is, I'll prolly bean myself in the head a few times and lose some hair. I hate when it's something stupid/silly esp if it's one word : )

[YuriKolovsky]

hahahahahah paul

thats some huge clue your giving out there.

I hate when it's something stupid/silly esp if it's one word

i happen to love it when its something simple.

[Stomme poes]

i happen to love it when its something simple.

It's ok if you find it fast. When it's something simple after doing a lot of work, it's just evil.

[Stormrider]

I found the solution after a quick google search, took about a minute