CSS - Test Your CSS Skills Number 17

**Paul O'B** · Mar 9, 2009, 15:50

I have entries for quiz B from Yurikolovsky and Erik J so well done to both of you for ploughing all the way through those nested lists

No entries received for quiz a yet though. I'm not giving any clues yet though

**RyanReese** · Mar 9, 2009, 15:52

Wait WAIT are we allowed to use the images???
http://www.sitepoint.com/forums/atta...6&d=1236515702

WTF that makes the quiz so much eaiser.

**Paul O'B** · Mar 9, 2009, 15:55

Yes that's what the image is for

Originally Posted by me

There is also an image attached which you must use for the round corners (dcade1274e.gif).

**RyanReese** · Mar 9, 2009, 16:09

Lol That Makes It So Much Easier!!!

**YuriKolovsky** · Mar 9, 2009, 16:19

In good browsers all of the displayed main and sub-links are actively linking in their whole widths.

so in ie6, ie7 the sub-links are NOT actively linking in their whole widths?? they are linking in half widths?

im still curious what the * html hack is for, are we allowed to use expressions with that?
if not then im still confused on A, i made most of it work in all browsers, then looked at ie6, and scrapped the whole thing, ill have some sleep, maybe then ill figure it out.

**Centauri** · Mar 9, 2009, 17:04

Originally Posted by RyanReese

Wait WAIT are we allowed to use the images???

WTF that makes the quiz so much eaiser.

Originally Posted by Paul O'B

I dont think I need to explain any more than this (because some of you don't read it anyway

)

**RyanReese** · Mar 9, 2009, 17:06

I did that purposely for you babe.

**Erik J** · Mar 9, 2009, 23:19

Originally Posted by YuriKolovsky

In good browsers all of the displayed main and sub-links are actively linking in their whole widths.

so in ie6, ie7 the sub-links are NOT actively linking in their whole widths?? they are linking in half widths?

"Whole widths" as in also both of the two rounded ends. Both main-links and sub-links.

Originally Posted by YuriKolovsky

im still curious what the * html hack is for, are we allowed to use expressions with that?
if not then im still confused on A, i made most of it work in all browsers, then looked at ie6, and scrapped the whole thing,

Expressions are not necessary, but the validating Star-Html-Hack can be useful to serve IE6.

**johno_d** · Mar 10, 2009, 02:11

Hello all
Bugger, I registered just to get the image and now I can't finish it...
Got nearly all of it, only the top links have the same width as the longest links in the drop down...
There probably isn't much CSS to do anymore, but I just can't think of any way to get the top links to be smaller...

Thanks Paul O'B for these little tests to rack by brain on... They're really awsome! Keep on posting with this stuff!

**Erik J** · Mar 10, 2009, 02:56

Hi johno_d, welcome to SitePoint!

When you have it done PM your code to Paul, you may be the first yet.

**johno_d** · Mar 10, 2009, 03:01

Wel I've been stuck at that point since yesterday.

Or I'm missing something really simple, and it might popup any minute...
Or it has to be done differently, but I just can't think of any other way at the moment.

Wait and see huh..

**Paul O'B** · Mar 10, 2009, 03:24

Originally Posted by YuriKolovsky

im still curious what the * html hack is for, are we allowed to use expressions with that?
if not then im still confused on A, .

Expressions aren't needed but the star html hack will be useful for giving IE a helping hand as it may need different amounts of, padding, margins, heights in some odd cases.

**YuriKolovsky** · Mar 10, 2009, 03:42

Paul O'B
Expressions aren't needed but the star html hack will be useful for giving IE a helping hand as it may need different amounts of, padding, margins, heights in some odd cases.

oh, ok.

while searching for a solution, i accidentally stumbled upon a working css way of getting ie6 to have proper css height, instead of its usual min-height height.

**RyanReese** · Mar 10, 2009, 06:25

Originally Posted by YuriKolovsky

oh, ok.

while searching for a solution, i accidentally stumbled upon a working css way of getting ie6 to have proper css height, instead of its usual min-height height.

Lol glad you figured that out.

**YuriKolovsky** · Mar 10, 2009, 06:40

@RyanReese
it doesn't work with width tho, and i think that its probably not what you have.

**RyanReese** · Mar 10, 2009, 06:54

There are multiple ways to achieve set widths in IE and now I know what your questions about expressions were for-however there is another way to achieve set widths/heights. I gave you a hint already.

**YuriKolovsky** · Mar 10, 2009, 08:40

i sent my attempt at A.

@RyanReese
yes i noticed the hint right away

(i never did figure it out, while the method that i did find, is a plain ie bug)
but when this quiz ends, i will love to hear all the methods to achieve set widths/heights in ie6 and ie7 that you know.

@Paul, ErikJ, EricWatson
awaiting the clean code, minimal css solutions.

off topic:
where is everyone?
i only see ryan, paul (as always)
erik.j, EricWatson (the quiz makers),
and myself, where is everyone else?

**RyanReese** · Mar 10, 2009, 08:50

Originally Posted by YuriKolovsky

i sent my attempt at A.

@RyanReese
yes i noticed the hint right away

(i never did figure it out, while the method that i did find, is a plain ie bug)
but when this quiz ends, i will love to hear all the methods to achieve set widths/heights in ie6 and ie7 that you know.

I only know like 2 ways...1 of them is experimental and pure theory. (FOr IE6 only, IE7 = easier)

**PicnicTutorials** · Mar 10, 2009, 09:09

Originally Posted by YuriKolovsky

@Paul, ErikJ, EricWatson
awaiting the clean code, minimal css solutions.

Me too! I think mine is pretty damn clean. The only thing I unnecessarily duplicated was all the -999ems, just to make it more clear for myself, so I could properly follow along a year from now when I will have most likely forgotten exactly how I originally did it.

I briefly attempted quiz A - too much for me at the moment (time wise and brain wise). Bills are starting to pile up on me here - got to go make some more money - got to get off the computer! Economy sucks right now!

**YuriKolovsky** · Mar 10, 2009, 09:35

Economy sucks right now!

it sure does...

**RyanReese** · Mar 10, 2009, 09:51

For me it's just too much for me brain-wiseI don't think I can do it.

**Raffles** · Mar 10, 2009, 12:44

I'm too busy, passing on this one. Besides, dropdowns scare me.

**Paul O'B** · Mar 10, 2009, 14:57

Thanks for the entry from Yurikolovsky for Quiz A - it looks good.

If people are having trouble finding the time then I might let the quiz run over the weekend and into next week as both quizzes are quite long winded. Perhaps I should have done one at a time.

**YuriKolovsky** · Mar 10, 2009, 16:14

Perhaps I should have done one at a time.

well both are drop down menus, and if you would have done one at a time, then either erik.j or erikwatson would be left out for a week!

and having this quiz run over the weekend will give me time to do other stuff!
like post around sitepoint for once, or finnish the design that i can't finnish, or do sports, or go skywatching (i have a huge telescope), or maybe ill practice my rusty photoshop skills.

**Stomme poes** · Mar 11, 2009, 01:33

Pls let this run through the weekend. I'm getting stuck by stupid things for Quiz A (just started this morning, trying to write a conditions page with ol's and dl's nested more times that I change underwear in a month while doing this quiz at the same time... ) ok it's true, I may be a woman but I can't multitask, best I can do is fast switching, which isn't the same thing.

Um, I would like to post something I think Gary posted on another forum long ago, it's VERY interesting and I've been revisiting it here for Quiz A; it has nothing to do with dropdowns but rather inline elements and their multiple, crazy boxes. May I post a link? It's Dave's Inline Box Model. I don't think it would quite count as a "hint" at all, yet so far I've used it for some stuff in the menu.

It's valuable just in itself, if a little old. I'm glad I bookmarked it.

User Tag List

Thread: CSS - Test Your CSS Skills Number 17

Thread Tools

Display

Bookmarks

Bookmarks

Posting Permissions