SitePoint Sponsor

User Tag List

Page 2 of 4 FirstFirst 1234 LastLast
Results 26 to 50 of 79
  1. #26
    Hibernator YuriKolovsky's Avatar
    Join Date
    Nov 2007
    Location
    Malaga, Spain
    Posts
    1,072
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    k, i made my version, i styled it differently if you don't mind, but the idea is the same.

    p.s. i also made it work in opera

    sorry for the slightly unordered code (didn't clean it) as today is a very busy day for me.
    Last edited by YuriKolovsky; Mar 30, 2009 at 14:52.

  2. #27
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,535
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Well done Yurikolovsky - another fine entry that even works in opera (although you did use a smidgeon of css3 for opera only).

    It makes rather a nice (and useful) effect don't you think

  3. #28
    Hibernator YuriKolovsky's Avatar
    Join Date
    Nov 2007
    Location
    Malaga, Spain
    Posts
    1,072
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    well, i never considered those css3 properties to be css3, as they work in every browser (even IE5.5)!!!
    how did they wind up in css3 anyway? xD

    anyway, it does have a very neat trick that is not so easy to guess, which will definitely come useful in the future!

  4. #29
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,750
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    Had something almost there but all the submenus went with the clicking...oh well. Not really a cool type of menu - thought some sexyyyyy code would be there lol.
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  5. #30
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,535
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    how did they wind up in css3 anyway? xD
    Well they were always proprietary IE code but of course they were a sensible addition and were eventually incorporated. (Much like word-wrap:break-word is now in CSS3 but has always been available to IE).

  6. #31
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,750
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    Sent my answer. This menu is sorta like a cheat...it would be much too hasslish to put it in a real site .
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  7. #32
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,535
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    This menu is sorta like a cheat...it would be much too hasslish to put it in a real site
    My menu isn't.

    It's actually less hassle than a normal dropdown and needs no hacks or javascript and works in IE6. The html code is very simple but the css needs to be correct. It is also much more accessible than any other dropdowns because the links can be tabbed to via the keyboard. Try that with a normal suckerfish

  8. #33
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,750
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    With mine it is a cheat (though I imagine not what you have).
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  9. #34
    Hibernator YuriKolovsky's Avatar
    Join Date
    Nov 2007
    Location
    Malaga, Spain
    Posts
    1,072
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    what button do i have to press in this forum, to see all the "hidden" readers of this thread?
    xD

  10. #35
    SitePoint Author silver trophybronze trophy

    Join Date
    Nov 2004
    Location
    Ankh-Morpork
    Posts
    12,158
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    There's no button. Just highlight the 'hidden' text by selecting it with your mouse, and the text becomes readable.
    Birnam wood is come to Dunsinane

  11. #36
    Hibernator YuriKolovsky's Avatar
    Join Date
    Nov 2007
    Location
    Malaga, Spain
    Posts
    1,072
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    haha you completely misunderstood me Tommy, i was just curious to see the readers of threads, and asked if there was a button, to see a list of people who "read" this thread.


    uh i need to learn to write better >_>

  12. #37
    SitePoint Author silver trophybronze trophy

    Join Date
    Nov 2004
    Location
    Ankh-Morpork
    Posts
    12,158
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ah. Sorry.
    Birnam wood is come to Dunsinane

  13. #38
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,535
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    i was just curious to see the readers of threads, and asked if there was a button, to see a list of people who "read" this thread.
    I shouldn't think that a log of all the viewers is kept but then I don't know much about vbulletin either.

  14. #39
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,535
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Last chance to attempt this as I will posting the answers on Sunday

  15. #40
    Hibernator YuriKolovsky's Avatar
    Join Date
    Nov 2007
    Location
    Malaga, Spain
    Posts
    1,072
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    i never did invent the better and more imaginative solution, and the tab button gets pretty buggy after tabbing for some time, would be nice to see a fix for the tab bug.

    maybe somehow reverse the order of the list?

    edit:
    i just realized, i have no idea how to do this
    how can i reverse the order of a list with css?

    link 1
    link 2
    link 3

    and turn it visually into this

    link 3
    link 2
    link 1

    using only css?

  16. #41
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,535
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    i never did invent the better and more imaginative solution, and the tab button gets pretty buggy after tabbing for some time, would be nice to see a fix for the tab bug.
    What bug are you getting exactly? I didn't see any problems in my original but maybe I just haven't noticed it.

  17. #42
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,750
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    Hmm...horizontally yes, vertically no. Who knows, maybe someone has been able to do it (withhout cheating and APing it)
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  18. #43
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,535
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by YuriKolovsky View Post
    edit:
    i just realized, i have no idea how to do this
    how can i reverse the order of a list with css?

    link 1
    link 2
    link 3

    and turn it visually into this

    link 3
    link 2
    link 1

    using only css?
    You can't so it automatically but you could add a class and change the positions pretty easily.

    e.g.
    Code:
    <!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
    }
    li {
        height:2em;
        position:relative;
        width:100px;
        float:left;
        text-align:center;
        line-height:2em;
        clear:left;
        list-style:none;
    }
    li.one {top:4em}
    li.three {top:-4em;}
    a {
        display:block;
        border:1px solid #000;
        background:red;
    }
    </style>
    </head>
    <body>
    <ul>
        <li class="one"><a href="#">link1</a></li>
        <li class="two"><a href="#">link2</a></li>
        <li class="three"><a href="#">link3</a></li>
    </ul>
    </body>
    </html>
    But I'm sure you knew that anyway

  19. #44
    Hibernator YuriKolovsky's Avatar
    Join Date
    Nov 2007
    Location
    Malaga, Spain
    Posts
    1,072
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    that would completely remove the purpose of the rearrangement xD

    the bug is that
    when i tab long enough, it tabbs properly downward, for the first column, then when it starts tabbing the next column, the next column acts all weird and moves around and such.

    Hmm...horizontally yes, vertically no. Who knows, maybe someone has been able to do it
    but really, what have we learned from all these quizzes? its that it is most probably possible, but we just don't know how.

  20. #45
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,750
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    Done everything except IE's positioning..Opera just sits.
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  21. #46
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,750
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    Answer PMd.
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  22. #47
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,535
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by YuriKolovsky View Post
    that would completely remove the purpose of the rearrangement xD
    I didn't realise the question was related to your tab question I thought it a bit odd

  23. #48
    Hibernator YuriKolovsky's Avatar
    Join Date
    Nov 2007
    Location
    Malaga, Spain
    Posts
    1,072
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    i just believe that in my case a rearrangement (without absolute positioning) would fix my tab bug completely.

    although i haven't tried it with absolute positioning.

  24. #49
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,535
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    In my example tabbing causes the links to rise up from the bottom which is a little strange but still usable. Much better than a JS version where nothing would happen at all when you tabbed (like in the suckerfish menus).

    On a side issue Simon (zcorpan) informs me that the opera problem we had will be fixed in the next release

  25. #50
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,750
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by RyanReese View Post
    Answer PMd.
    Was it fine Paul.....?
    Always looking for web design/development work.
    http://www.CodeFundamentals.com


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
  •