SitePoint Sponsor

User Tag List

Page 2 of 4 FirstFirst 1234 LastLast
Results 26 to 50 of 96
  1. #26
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,657
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    OK - thank you Paul! But, we only have to do one box right? The three boxes image is making me question.

  2. #27
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,379
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Yes you can do one box if you like but they are just the same box repeated with different text. Once you've done one you can do hundreds so I'm not quite sure what you are getting at

  3. #28
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,657
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    That clears it up for me - thank you!

  4. #29
    SitePoint Wizard
    Join Date
    Dec 2003
    Location
    USA
    Posts
    2,582
    Mentioned
    29 Post(s)
    Tagged
    0 Thread(s)
    You know, I think it'd be great to see a whole new section on SitePoint dedicated to these quizzes. This is number 16 and I think that's more than enough to warrant the beginning of a new section. It could be there to allow us (and more specifically, newer members) to test out our skills on some of the old tests and also see some of the answers to learn some new tips and tricks for these interesting problems.

    Just a suggestion. ;D

  5. #30
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,379
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    I've had another solution from RoObear for Quiz A which also scales vertically with the browser window (although he did fiddle with the JS a bit)

    I've had a couple of more entries for quiz B but still no one other than Erik has managed it. Note the whole box must remain active when hovered in IE6 even when you roll over the text. The hover can't flick on and off as you pass over elements in the box.

  6. #31
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,657
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Paul O'B View Post
    Note the whole box must remain active when hovered in IE6 even when you roll over the text. The hover can't flick on and off as you pass over elements in the box.
    Yes, I see why it's harder than originaly thought now - that pesky text on hover! I messed with it for about twenty minutes with no solution. However, I like puzzles, so I'll keep trying different ideas....

  7. #32
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,657
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    I PM'd my solution to Quiz-B. I'm gunning for Erik j with that one!

  8. #33
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,623
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    I think I know how to get the hover with text. Let me go test it.....(very hard quiz b lol).
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  9. #34
    SitePoint Wizard bronze trophy Centauri's Avatar
    Join Date
    May 2007
    Location
    Newcastle, Australia
    Posts
    3,718
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Got an entry in for part b. Will look at part a if I get a bit of time between real work and answering other posts.

  10. #35
    Hibernator YuriKolovsky's Avatar
    Join Date
    Nov 2007
    Location
    Malaga, Spain
    Posts
    1,072
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    oh, i so hope i will have time to try this one, i just finished the huge job, now i have somewhat some free time : )

    ill try it in my next coffee break ( yay i have breaks now )

    i will have a go at this, pls gimme some time

    edit: lol im half way there, quiz b is done


    @samanime
    i agree, if we had these quizzes as a section, we could have a proper question, and a answer, so that new people could also have a go, and avoid the old forum clutter ( which i personally enjoy, but when its old, its not fun anymore )

    @Ryan
    yes, quiz b was a brain buster, and its real life attempt at search engine optimization, with cross browser compatibility hover links.
    Last edited by YuriKolovsky; Mar 4, 2009 at 09:32.

  11. #36
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,379
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Entries flooding in now

    More entries for quiz A from RoObear which works in IE7 and scales horizontally and vertically (although he did mess with that nasty JS stuff).

    Samanime has an entry for quiz A also so well done.

    Quiz B.

    I have 4 more entries which visually accomplish quiz B but 2 of them cheat a little bit.

    Raffles and Samanime have made it look visually correct but have added extra text which sort of defeats the purpose although I didn't discount this method in the instructions so I have to agree that they have solved it

    Eric Watson and Centauri have however provided the correct solution so well done

    To recap on quiz B it can be accomplished with out adding extra text and without hiding the text that is already there. You do need extra elements but none of them contain text. Thereis however a certain trick you need for IE6 to stop the hover from flicking off as you pass over the text.

    Remember quiz B is primarily an IE6 test (although it should work in other browsers also).

  12. #37
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,379
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Good solution from Centauri for quiz A that works in IE7, FF3, opera9,safari3

  13. #38
    SitePoint Wizard bronze trophy Centauri's Avatar
    Join Date
    May 2007
    Location
    Newcastle, Australia
    Posts
    3,718
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Some of the things that pulled IE7 into line with this made me smile, and wondering "why?". Even looks like IE6 would be ok with the addition of a few class names.

  14. #39
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,379
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Another solution for quiz B from Eric Watson using a different method - well done

  15. #40
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,657
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    Thanks Paul/Yurikolovsky! That was a fun little quiz.

  16. #41
    Non-Member
    Join Date
    Oct 2007
    Location
    United Kingdom
    Posts
    622
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by EricWatson View Post
    Thanks Paul/Yurikolovsky! That was a fun little quiz.
    dont forget Tommy (Autistic Cuckoo)!

  17. #42
    Hibernator YuriKolovsky's Avatar
    Join Date
    Nov 2007
    Location
    Malaga, Spain
    Posts
    1,072
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    @EricWatson
    (your welcome)

    @ro0bear
    i think Eric meant only b

  18. #43
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,657
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ro0bear View Post
    dont forget Tommy (Autistic Cuckoo)!
    Yes, thank you also Tommy! However, I did not participate in that quiz, so I cannot comment on it being fun or not.

  19. #44
    Hibernator YuriKolovsky's Avatar
    Join Date
    Nov 2007
    Location
    Malaga, Spain
    Posts
    1,072
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    i attempted quiz a. sent my attempt.

    now i can't wait to see the results : ))
    (for a and b)


    edit:
    a little story for those who like to read forums (like me) about how and where to idea appeared from.
    i wanted square hover links for a website i was making, the client was very flash loving, i wanted the background to change color and borders to appear, i wanted it to work in all browsers.
    so naturally the first thing i did was to add spans withing <a></a>
    they worked fine, until i suddenly needed to add divs there too, and after i did, the whole thing just horribly broke, i was like "what gives?", and then i discovered that <a> cannot contain block level elements by W3C specifications...
    but i still needed that div inside there, so i made the div:hover state change the div's background color, and put a transparent <a> above the div and made it change border color on hover, it worked great in firefox, but failed in ie6 and ie7, knowing that the main target audience for this website was ie users, i decided to drop all those ideas, and just make the border change color when hovering, and the background-color to change in modern browsers, so i dropped the idea, but it still kept bugging me, how can something that is so natural, and so popular (just look at flash links and such), not work in css.

    then i discovered pauls css quizzes and instantly loved them, and after trying some, i got this big urge to go back to my original problem and make it work.

    after hours of Internet searching (in coffee breaks, and free time) i found out that according to over 20 forums and about 5 blogs it was impossible to achieve without images or javascript.
    (while this might be easy, it either adds unnecessary http requests to images or javascript.)
    where one of the forums a guy wanted to optimize his links and make hover h2 and p elements, that worked in every browser.

    after fiddling with css for a couple of hours (late at night) i managed to do it.
    it was pretty hard considering every corner said it could not be done.

    my experience is that people say that something is impossible whenever something requires some amount of individual thought.
    everything is possible, some things are just harder than others.

    after solving it i thought it might make a good css quiz, as it shows a couple of interesting features of css.

    (now i look at people who solve this in an hour or 2, and get some fun out of it, and it makes me = )
    Last edited by YuriKolovsky; Mar 4, 2009 at 12:00.

  20. #45
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,623
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    I'm trying to remember some really ahrd issues I have had a while back for quiz ideas..can't remember anything recent enough to where I can remember it . Right now I'm going through blogs and finding solutions that required JS and trying to make them work via CSS. Haven't found any though

    Off Topic:

    If anyone has any found PLEASEEE pm me
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  21. #46
    SitePoint Member
    Join Date
    Jan 2009
    Location
    Paris, France
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Maybe we could close Test A and have the replies of each one?

    I'm very curious to see how it works in IE7

    : )

  22. #47
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,623
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Answers posted tomrorow?
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  23. #48
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,379
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Answers will posted on Friday afternoon/evening.

  24. #49
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,623
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Alrighty got IE6 to be my b1tch. Pretty simple tbh. Answer PM'd.
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  25. #50
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,379
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by RyanReese View Post
    Alrighty got IE6 to be my b1tch. Pretty simple tbh. Answer PM'd.
    Answer rejected


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •