Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 7 of 7
  1. #1
    Senior Member slyder's Avatar
    Join Date
    Aug 2005
    Location
    Austin, TX
    Posts
    144
    Member #
    11053
    What I'm trying to do is to add a badge (a pink ribbon for breast cancer month in oct) to my site's layout, but have it just sort of on top of everything else. I messed around a little with it already, but the problem im having is that it keeps affecting everythign underneath it. I just want it to sit neatly on top of everything, in a certain place, and let the rest of the site's layout underneath do what it's been doing this whole time. I hope this was clear enough. My site is here: http://www.christopher-scott.org.

    Im thinking this actually might be easier than i think, its just been a while since ive done any advanced css so im still a bit rusty.

    Thanks guys.
    http://christopher-scott.org - Ramblings of an amateur web designer
    http://childfreechoice.com - An online community for the positively childfree

  2.  

  3. #2
    Senior Member filburt1's Avatar
    Join Date
    Jul 2002
    Location
    Maryland, US
    Posts
    11,774
    Member #
    3
    Liked
    21 times
    Make it position: absolute, then use margins to move it around. That'll remove it from the document flow.
    filburt1, Web Design Forums.net founder
    Site of the Month contest: submit your site or vote for the winner!

  4. #3
    Senior Member slyder's Avatar
    Join Date
    Aug 2005
    Location
    Austin, TX
    Posts
    144
    Member #
    11053
    that sounds perfect. The only thing is, is how will it work at other resolutions? i mean if i give it a good spot thats say 50px from the right, then someone has a bigger res, itll be off right?
    http://christopher-scott.org - Ramblings of an amateur web designer
    http://childfreechoice.com - An online community for the positively childfree

  5. #4
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    In which case you can always position it from the left. Or do everything with percentages or points.

  6. #5
    Senior Member slyder's Avatar
    Join Date
    Aug 2005
    Location
    Austin, TX
    Posts
    144
    Member #
    11053
    well the thing is my site is centered. so either side wouldnt work. i found an interesting article from David Shea that sort of helped me, but as of now i've abandoned the idea, and im just gonna edit one of my background images. this might turn out to be something i just cant do right now with css. thanks for all the help guys, regardless, this was good advanced css problem solving.
    http://christopher-scott.org - Ramblings of an amateur web designer
    http://childfreechoice.com - An online community for the positively childfree

  7. #6
    Senior Member filburt1's Avatar
    Join Date
    Jul 2002
    Location
    Maryland, US
    Posts
    11,774
    Member #
    3
    Liked
    21 times
    position: absolute with margins should still work. You simply can't set the top and left properties, or it will be absolutely positioned.
    filburt1, Web Design Forums.net founder
    Site of the Month contest: submit your site or vote for the winner!

  8. #7
    Senior Member Arkette's Avatar
    Join Date
    Jan 2006
    Location
    Europe
    Posts
    102
    Member #
    12297
    You could call this fairly simple piece of javascript from the onload event to reposition your absolutely postioned image to a point offset from the middle of the chrome.

    reference= getElementById("myImage")
    reference.style.position.left=(screen.availableWid th/2)-myOffset
    End of Line.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 03:42 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com