SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    Feb 2007
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Smile absoute positioning when using CSS to create round corners

    Hi,

    I have implemented the following site point tutorial:

    http://www.sitepoint.com/article/css...s-boxes-curves

    My box nav bar now looks great with polished rounded corners, however when I attempt to apply absolute positioning it causes strange results - only some of the corner images appear.

    Can anyone point me in the right direction?

    Cheers

    #######

    .bl {background: url(layout/bl_nav.jpg) 0 100% no-repeat #FF0000; width: 180px; margin-left: 12px;}
    .br {background: url(layout/br_nav.jpg) 100% 100% no-repeat}
    .tl {background: url(layout/tl_nav.jpg) 0 0 no-repeat}
    .tr {background: url(layout/tr_nav.jpg) 100% 0 no-repeat; padding:10px}
    .clear {font-size: 1px; height: 1px}


    /*.tl, .bl, .tr, .br {
    position: absolute;
    }
    */

  2. #2
    SitePoint Member
    Join Date
    Feb 2007
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Its sorted,

    just need to refernence the first class:

    #bl {
    position: absolute;
    top: 150px;
    left: 150px;
    }


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
  •