Print Reseller Scheme
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

CSS question

Discussion in 'Website Design Forum:' started by HippySunshine, Jan 30, 2011.

  1. HippySunshine

    HippySunshine Senior Member

    Is there anyway of making the gallery thumbnails on the right hand side sit at the bottom of the page instead of the top?

    There is several different galleries that are going to have different numbers of images so there for margin doesn't work as I would have to set various styles for each gallery...

    [​IMG]
     
  2. tbwcf

    tbwcf Active Member

    Yeap make sure your outer container (the big white one) has
    in your CSS - this will allow you to absolutely position other elements inside it.

    Then put your thumbnails in a div if they're not already and give this

    By not specifying a height your container should then expand up as needed.
     
  3. HippySunshine

    HippySunshine Senior Member

    Thank you :) x
     
  4. HippySunshine

    HippySunshine Senior Member

    Worked like a charm :D x
     
  5. glenwheeler

    glenwheeler Senior Member

    Nail on the head!
     
  6. HippySunshine

    HippySunshine Senior Member

    This works like a charm in firefox, but messed up in IE and Safari :(
     
  7. Sunburn

    Sunburn Active Member

    do you have a live example?
    or zipfile ?
     
  8. HippySunshine

    HippySunshine Senior Member

  9. HippySunshine

    HippySunshine Senior Member

    Anything? x
     
  10. tbwcf

    tbwcf Active Member

    Give
    #maincontent {position:relative;}
    #topright {right:0;} and lose 'left:461px;'
     
  11. HippySunshine

    HippySunshine Senior Member

    Thanks I think its sorted now :)
    You're all STARS and life savers xxx
     
  12. Sunburn

    Sunburn Active Member

    sure is green! :)
     
  13. Alex L

    Alex L Senior Member

    The tabs rounded edges aren't working in Google Chrome on Ubuntu for me and on the website under construction page, it states the website will be up by March 2010 not 2011, unless this project is running a year behind schedule...
     
  14. HippySunshine

    HippySunshine Senior Member

    Alex.. the website began at the beginning of 2010 and then he never got back to me for months... then he kept syaing he wanted it done but never got in touch properly to discuss... its only this year hes actually done something about it!
     
  15. Chieftain

    Chieftain Junior Member

    hi please help me.
    I am new to CSS and still learning it.
    I saw this sample code:
    #leftcol{
    width:115px;
    float:left;
    margin-left:16px!important;
    margin-left:8px;
    }

    My question is: why there are two "margin-left: 16 px and 8 px"? shouldn't it be 24 px together?

    Thanks for your attention,
    central air conditioners
     
  16. talltony

    talltony Junior Member

    the '16px !important' should override the '8px', I guess someone has wanted to change the margin but somehow not noticed there is already a margin-left attribute in there, and therefore had to override it? Weird!
     
  17. HippySunshine

    HippySunshine Senior Member

    Sorry this post is now sorted but thank you x
     

Share This Page