Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    Regular Coder
    Join Date
    Nov 2009
    Posts
    202
    Thanks
    25
    Thanked 0 Times in 0 Posts

    CSS Easy question - Hopefully easy answer

    if you go to (removed)

    and change the width of the page to something really narrow you'll notice that the image actually moves. I don't want the image to move!

    I have a suspicion there is just one little adjustment I need to make, but what is it?

    Any ideas?

    (OR if it moves I'd like the orange line to move with it.
    Last edited by cyborg360; 12-15-2009 at 04:30 AM.

  • #2
    Regular Coder Jazzo's Avatar
    Join Date
    Apr 2008
    Location
    New York City
    Posts
    164
    Thanks
    20
    Thanked 2 Times in 2 Posts
    The reason it's moving is because you set an absolute position. Remove position: absolute and all your coordinates and replace it with margins (using percentages, not pixels). Play around with it until you find something that looks like what you want.
    ~Julian
    14 y/o web developer, drummer, and Bridge player

  • Users who have thanked Jazzo for this post:

    cyborg360 (12-14-2009)

  • #3
    Regular Coder
    Join Date
    Nov 2009
    Posts
    202
    Thanks
    25
    Thanked 0 Times in 0 Posts
    thanks for answering such a basic question. I've been trying to figure out that problem for a while now.

  • #4
    Regular Coder
    Join Date
    Nov 2009
    Posts
    202
    Thanks
    25
    Thanked 0 Times in 0 Posts

    quick second question

    Now if you look at the same page, you'll see there's about a 1 cm gap between the orange line and the slideshow, however, there is no such gap in my expression web viewer. i looked for anything that might be creating such a border for the slideshow but obviously haven't fixed the problem. any ideas?

  • #5
    Regular Coder Jazzo's Avatar
    Join Date
    Apr 2008
    Location
    New York City
    Posts
    164
    Thanks
    20
    Thanked 2 Times in 2 Posts
    If you set a margin for the image, make sure you set margin-top: 0%
    ~Julian
    14 y/o web developer, drummer, and Bridge player

  • #6
    Regular Coder
    Join Date
    Nov 2009
    Posts
    202
    Thanks
    25
    Thanked 0 Times in 0 Posts
    Code:
    <div id="show" class="slideshow">
        &nbsp;</div>
    I just have the above code in a table. I see no option to adjust the margins anywhere if i right click on the thing (see attachment)
    Attached Thumbnails Attached Thumbnails CSS Easy question - Hopefully easy answer-screen1.jpg  

  • #7
    Regular Coder Jazzo's Avatar
    Join Date
    Apr 2008
    Location
    New York City
    Posts
    164
    Thanks
    20
    Thanked 2 Times in 2 Posts
    Get rid of display: block in <div id="slideshow-images">. That might work.
    ~Julian
    14 y/o web developer, drummer, and Bridge player


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •