SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Evangelist
    Join Date
    Oct 2005
    Posts
    405
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Float Right Issue

    Hi

    I'm trying to float a arrow to the right on a carousel however it keeps sticking to the bottom when viewed in FF.

    Any ideas how to sit is in the correct position?

    Thanks

    http://cookingsecrets.togetheragency...080/index.htm#

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,276
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    As the right arrow is floated and the element before it is non floated then the arrow will start after that element on the next available line.

    Assuming the div before the arrow is always a fixed height then you could just drag the arrow upwards into position.

    Code:
    .widget a.next {
    background:url("../../images/carousel/right-arrow.gif") no-repeat scroll right 0 transparent;
    border:0 solid red;
    display:block;
    float:right;
    height:45px;
    margin-top:-130px;
    width:22px;
    
    
    }


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
  •