SitePoint Sponsor

User Tag List

Page 4 of 11 FirstFirst 12345678 ... LastLast
Results 76 to 100 of 268
  1. #76
    Hibernator YuriKolovsky's Avatar
    Join Date
    Nov 2007
    Location
    Malaga, Spain
    Posts
    1,072
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    so you know, when i said multilevel (paul tipped me to that it was not yet a complete multilevel dropdown) i meant that it can have sub sub links (2 levels of sublinks), but currently one per sublinks for all browsers except ie5-7 (works fine in them with some extra contional comments in the head), also it currently requires extra css for the subsections, although thats also fixable.

    also i made it work in opera... that pesky little browser.

  2. #77
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,656
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    Uh-oh... looks like I'm guna win by default...?

  3. #78
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,344
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by EricWatson View Post
    Uh-oh... looks like I'm guna win by default...?
    Maleika is still working on a solution so you'll have to wait and see

  4. #79
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,656
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Paul O'B View Post
    Maleika is still working on a solution so you'll have to wait and see
    I know, just egging people on. Good luck Maleika! I'll be impressed...

  5. #80
    Hibernator YuriKolovsky's Avatar
    Join Date
    Nov 2007
    Location
    Malaga, Spain
    Posts
    1,072
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    agh, god darn multilevel dropdowns with multiple multilevels per level!! eating away all my time and driving me nuts! (single multilevels work fine)
    and believe it or not, but firefox and opera are the ones that refuse to play ball.


    EricWatson
    Uh-oh... looks like I'm guna win by default...?
    Maleika had a solution that satisfies all the rules before you, although she is not completely satisfied with hers as its not usable in real life. [hint, hint] ;P

    so to win hands-down you have to provide a solution that is usable in real life. xD

  6. #81
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,567
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    I'm pissed, I know I'm smart enough to do this but it's just not clicking ............
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  7. #82
    SitePoint Guru deepM's Avatar
    Join Date
    Dec 2007
    Location
    India
    Posts
    705
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Completely newbie to CSS, but still following this thread since couple of days!! just curious to see the proper answer/design and winner too? seems its pretty tough one.

    So Paul, when you are going to announce the winner? waiting for it.

  8. #83
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,344
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by deepson2 View Post

    So Paul, when you are going to announce the winner? waiting for it.
    I'll let it run over the weekend just to give everyone a chance and most likely the answer will be given on Monday.

    I know a lot of people are interested to see the solution

  9. #84
    Mazel tov! bronze trophy kohoutek's Avatar
    Join Date
    Aug 2004
    Location
    Hamburg, Germany
    Posts
    4,248
    Mentioned
    30 Post(s)
    Tagged
    0 Thread(s)
    I'm on it again. I have a few hours today and tomorrow and hope to check back into this thread with a result.
    Maleika E. A. | Rockatee | Twitter | Dribbble



  10. #85
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,656
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by YuriKolovsky View Post
    Maleika had a solution that satisfies all the rules before you, although she is not completely satisfied with hers as its not usable in real life. [hint, hint] ;P

    so to win hands-down you have to provide a solution that is usable in real life. xD
    That's why I said by default. Does Maleikas solution flicker? If so, Ive got three other versions of those too, but I didn't send them in because that's not a working drop.

  11. #86
    Hibernator YuriKolovsky's Avatar
    Join Date
    Nov 2007
    Location
    Malaga, Spain
    Posts
    1,072
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    i have made a working single level fixed width dropdown with no extra tags

    here is the html i used to make it work.

    HTML Code:
    <div id="navigation">
    <ul class="nav">
    <li class="link">
    	<a class="main" href="#">Main</a>
    	<ul class="sub">
    		<li><a href="#">test1</a></li>
    		<li><a href="#">test2</a></li>
    		<li><a href="#">test3</a></li>
    		<li><a href="#">test4</a></li>
    	</ul>
    </li>
    <li class="link">
    	<a class="main" href="#">Main</a>
    	<ul class="sub">
    		<li><a href="#">test1</a></li>
    		<li><a href="#">test2</a></li>
    		<li><a href="#">test3</a></li>
    		<li><a href="#">test4</a></li>
    	</ul>
    </li>
    </ul>
    </div>
    oh and its cross-browser and supports tabbing too.

    notes:
    no conditional comments at all, and only opera requires 1 extra css rule, no hacks used.
    tested in opera, firefox, chrome, safari, ie5.5-ie8, but most likely works everywhere.

  12. #87
    Mazel tov! bronze trophy kohoutek's Avatar
    Join Date
    Aug 2004
    Location
    Hamburg, Germany
    Posts
    4,248
    Mentioned
    30 Post(s)
    Tagged
    0 Thread(s)
    I've sent another version. It's better than the first attempt, I think.
    Maleika E. A. | Rockatee | Twitter | Dribbble



  13. #88
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,656
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    Good job Maleika!

  14. #89
    Mazel tov! bronze trophy kohoutek's Avatar
    Join Date
    Aug 2004
    Location
    Hamburg, Germany
    Posts
    4,248
    Mentioned
    30 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by EricWatson View Post
    Good job Maleika!
    Thanks, Eric, but it's still not satisfying the rules. I'm still on it and I think I have a [Baldrick voice on]cunning plan[/Baldrick voice off].
    Maleika E. A. | Rockatee | Twitter | Dribbble



  15. #90
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,344
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Thanks for the entry Maleika - it's getting better

    Good work Yuriklovsky on the fixed width single level version. That's about as simple as it can get.

    OK - I am going to drop a big hint for one way to solve this quiz so don't look at the following if you are still trying to solve this


    I've already mentioned that I would float in and drop you a hint but I'll try to keep this vague and not related to a drop down but the effect is something you should be able to utilise.

    Here is a 2 column floated layout that you have often seen but something has gone wrong in the second example and the right column isn't where it should be.

    Only one single item was changed yet it has affected the whole block. Why is this?

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    * {
    margin:0;
    padding:0
    }
    ul {
    list-style:none
    }
    h1,h2{padding:5px;color:#fff;background:#000;text-align:center;font-size:140&#37;}
    .outer {
    width:600px;
    margin:0 auto 20px;
    border:1px solid #000;
    background:#ffffcc;
    overflow:hidden;
    }
    .left {
    float:left;
    width:299px;
    height:400px;
    background:red;
    border:1px solid #000;
    border-left:none;
    border-top:none;
    }
    .links {
    float:left;
    }
    .links a {
    float:left;
    width:300px;
    background:blue;
    color:#fff;
    text-decoration:none;
    border-bottom:1px solid #000;
    clear:left;
    }
    .links a:hover {
    background:#000;
    }
    .last {
    width:301px;
    }
    h3{padding:0 5px}
    p{margin:1em 0;padding:5px}
    </style>
    </head>
    <body>
    <div class="outer">
    <h1>Example 1</h1>
    <div class="left">
    <h3>Left column</h3>
    </div>
    <ul class="links">
    <li><a href="#">link 1</a></li>
    <li><a href="#">link 2</a></li>
    <li><a href="#">link 3</a></li>
    <li><a href="#">link 4</a></li>
    <li><a href="#">link 5</a></li>
    </ul>
    </div>
    <div class="outer">
    <h2>Example 2</h2>
    <div class="left">
    <h3>Left column</h3>
    <p>Hmmm I only changed one of the links and now the whole block of links has moved! I wonder why?</p>
    </div>
    <ul class="links">
    <li><a href="#">link 1</a></li>
    <li><a href="#">link 2</a></li>
    <li><a href="#">link 3</a></li>
    <li><a href="#">link 4</a></li>
    <li class="last"><a href="#">link 5</a></li>
    </ul>
    </div>
    </body>
    </html>

    Now all you have to do is utilise this behaviour to your advantage.

  16. #91
    Hibernator YuriKolovsky's Avatar
    Join Date
    Nov 2007
    Location
    Malaga, Spain
    Posts
    1,072
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    i have just made the fixed width menu into a fully functional cross browser multilevel drodpown.
    (i have 3 levels working), without any additional tags in the html.

    <too much html to post, so just imagine some multi level lists >

  17. #92
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,567
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    That effect Paul, never seen it before xD...I'm gonna be gone for most of today so I'll just be on my way. Oh well . I'm gonna kill myself once I see results...
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  18. #93
    Hibernator YuriKolovsky's Avatar
    Join Date
    Nov 2007
    Location
    Malaga, Spain
    Posts
    1,072
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)

  19. #94
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,344
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by Ryan
    That effect Paul, never seen it before xD
    What! You have never seen float drop before!

    It happens all the time in IE especially if the inner content is greater than the parent float.

  20. #95
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,567
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Paul O'B View Post
    What! You have never seen float drop before!

    It happens all the time in IE especially if the inner content is greater than the parent float.
    lmao oh that's what it is-density of my head is amazing eh? I'm gonna just wait...I know when I'm beat.
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  21. #96
    SitePoint Wizard ryanhellyer's Avatar
    Join Date
    Oct 2006
    Location
    New Zealand
    Posts
    2,323
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Stu Nicholls just sent me two versions he's got working now too.

  22. #97
    Hibernator YuriKolovsky's Avatar
    Join Date
    Nov 2007
    Location
    Malaga, Spain
    Posts
    1,072
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ryanhellyer View Post
    Stu Nicholls just sent me two versions he's got working now too.
    i guess this quiz made him realize its possible too, and he was unconvinced...meh.

    i just hope he does not try and steal credit for my dropdown... that would be just evil of him.

    p.s. what versions are they?

  23. #98
    SitePoint Enthusiast stunic's Avatar
    Join Date
    Sep 2009
    Posts
    38
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Have no fear, I am not that sort of person.
    Congratulations in your pioneering work, you will get full credit for being the first to find this method. Just shows what some lateral thinkng can do.

    My version uses no extra markup, no extra css even for Opera, no special css for IE6 and the second version has tab images for the top level with a hover change of image that persists.

    Best wishes,
    Stu

  24. #99
    Hibernator YuriKolovsky's Avatar
    Join Date
    Nov 2007
    Location
    Malaga, Spain
    Posts
    1,072
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by stunic View Post
    Have no fear, I am not that sort of person.
    Congratulations in your pioneering work, you will get full credit for being the first to find this method. Just shows what some lateral thinkng can do.

    My version uses no extra markup, no extra css even for Opera, no special css for IE6 and the second version has tab images for the top level with a hover change of image that persists.

    Best wishes,
    Stu
    thank you very much stu.
    and nice to meet you by the way.

    p.s. on the single level dropdown the background on the main also persists, multi level can be added too, but i did not bother as i was planning to change little things and add that in the end.

    (i imagine you did massive work on the refinement of the idea, hearing how opera behaves without extra code)
    does it support tabbing? and is it multilevel? and is it fluid or fixed width?

    the only question that really interests me, is it fluid width multi-level? because that would be an achievement!


    oh, you can probably take part in the quiz and pm paul your version and win the quiz hahaha

  25. #100
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,344
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by stu
    Have no fear, I am not that sort of person.
    Congratulations in your pioneering work, you will get full credit for being the first to find this method. Just shows what some lateral thinkng can do.
    Thanks for dropping in Stu. I've been an admirer of your work for years

    Yes, it's always nice to see something new and even things previously thought impossible can be done if someone just says "I can do it" and then we all realise that it can be done; and go out and find ways to do it.

    I'll be posting the solutions late this evening to give everyone a little more time to think about it.


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
  •