SitePoint Sponsor

User Tag List

Results 1 to 11 of 11

Thread: Accesskey??

  1. #1
    SitePoint Enthusiast sajx's Avatar
    Join Date
    Jul 2008
    Posts
    32
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Accesskey??

    Hi all,

    I have the following task at hand..

    ---In the larchives list, make "previous design" appear to the left of "next design", and "view all designs" underneath "next design". ---

    This is the html for it:
    <div id="larchives">
    <h3 class="archives"><span>Archives/span></h3>
    <ul>

    <li><a href="/" title="View next set of designs. AccessKey: n" accesskey="n"><span class="accesskey">n</span>ext designs &raquo;</a>&nbsp;</li>
    <li><a href="/" title="View previous set of designs. AccessKey: p" accesskey="p">&laquo; <span class="accesskey">p</span>revious designs</a></li>
    <li><a href= title="View every submission to the Zen Garden. AccessKey: w" accesskey="w">Vie<span class="accesskey">w</span> All Designs</a></li>
    </ul>
    </div>

    I am desperate need in doing the aforementioned task.. how do I move it around using css, I can get the color changed and the bullets but to actaully move it around, can anyone help?
    *** hyperlinks had to be removed since i don't have enough posts***

  2. #2
    SitePoint Author silver trophybronze trophy

    Join Date
    Nov 2004
    Location
    Ankh-Morpork
    Posts
    12,159
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This does what you want, but it won't work in IE6.
    Code CSS:
    #larchive li {float:right}
    #larchive li+li {float:none}
    #larchive li+li+li {float:right; clear:right}
    Birnam wood is come to Dunsinane

  3. #3
    SitePoint Enthusiast sajx's Avatar
    Join Date
    Jul 2008
    Posts
    32
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey,

    Thanks, but it didn't work..copied exactly what you posted but it didn't work..

  4. #4
    SitePoint Author silver trophybronze trophy

    Join Date
    Nov 2004
    Location
    Ankh-Morpork
    Posts
    12,159
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I copied what you posted and it worked for me.
    You probably have some other rule with a more specific selector that interferes. Opera+Dragonfly or Firefox+Firebug should tell you what, where and why.
    Birnam wood is come to Dunsinane

  5. #5
    Non-Member
    Join Date
    Jun 2008
    Posts
    200
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for help Sajx. I will copy it and I hope it will work.

  6. #6
    SitePoint Enthusiast sajx's Avatar
    Join Date
    Jul 2008
    Posts
    32
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    AutisticCuckoo, actually, what you posted was correct...and the rules which I had before was correct.... I copied what you had, but the name of the element was incorrect.. it is "larchives" but you had "larchive".. so.. thank you.. cause it does actually work..

  7. #7
    SitePoint Enthusiast sajx's Avatar
    Join Date
    Jul 2008
    Posts
    32
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by angelinalove View Post
    Thanks for help Sajx. I will copy it and I hope it will work.
    lol.. thanking me for what?

    aj

  8. #8
    SitePoint Author silver trophybronze trophy

    Join Date
    Nov 2004
    Location
    Ankh-Morpork
    Posts
    12,159
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by sajx View Post
    AutisticCuckoo, actually, what you posted was correct...and the rules which I had before was correct.... I copied what you had, but the name of the element was incorrect.. it is "larchives" but you had "larchive".. so.. thank you.. cause it does actually work..
    Ah. Sorry about that. I was getting a bit cross-eyed by then, after attempting to create cross-browser CSS to position legend elements.
    Birnam wood is come to Dunsinane

  9. #9
    SitePoint Enthusiast sajx's Avatar
    Join Date
    Jul 2008
    Posts
    32
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    it's all good man.. the help was great...

    I was just browsing your site, the right navigation panel when hovered over, the link text turns white and the background turn to..um[whatever color that is]. I have tried doing that and I get the link text to change on hover as well but, the background doesn't stretch across like how yours does...
    How'd you get it background to change going straight across?
    aj

    The journey of a thousand miles begins with a single step...

  10. #10
    SitePoint Author silver trophybronze trophy

    Join Date
    Nov 2004
    Location
    Ankh-Morpork
    Posts
    12,159
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Basically,
    Code CSS:
    #secondary-nav a {display:block}
    Birnam wood is come to Dunsinane

  11. #11
    SitePoint Enthusiast sajx's Avatar
    Join Date
    Jul 2008
    Posts
    32
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by AutisticCuckoo View Post
    Basically,
    Code CSS:
    #secondary-nav a {display:block}

    I have a lot of reading to do.. thank you.. worked to perfection..
    aj

    The journey of a thousand miles begins with a single step...


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
  •