How do I lock centered images and objects in place in a div?

Discussion in 'HTML & Website Design' started by RainbowGradient, Nov 23, 2008.

  1. #1
    http://img.photobucket.com/albums/v58/PlayBoxCube/buttonslide.jpg

    The black rectangles are the buttons. Basically I have 'em working so they keep centered on the page no matter the size but for some reason the last few (which are coded no different) want to go down a line when it squishes too much (and for some reason the others don't follow when it crows them).

    The code I'm using for the buttons includes :
    #topbuttons {
    background: transparent;
    position: absolute;
    top: 180px;
    left: center;
    width: 100%;
    max-height: 48px;
    min-width: 846px;
    margin: 0px;
    }

    Sorry for the mess of the rest of the code which is the actual buttons with extra code in there that makes them switch pics which is irrelevant here :p :

    <div id="topbuttons"><center><ul><li><img src="images/leftnothing.jpg" /></li><li><a href="index.html" onMouseOver="document.home.src='images/buttons/home3.jpg'" onMouseOut="document.home.src='images/buttons/home2.jpg'"><img src="images/buttons/home2.jpg" name="home" alt="link: Java Script / Applets Page" border="0"></a></li><li><a href="films.html" onMouseOver="document.films.src='images/buttons/films3.jpg'" onMouseOut="document.films.src='images/buttons/films1.jpg'"><img src="images/buttons/films1.jpg" name="films" alt="link: Java Script / Applets Page" border="0"></a></li><li><a href="music.html" onMouseOver="document.music.src='images/buttons/music3.jpg'" onMouseOut="document.music.src='images/buttons/music1.jpg'"><img src="images/buttons/music1.jpg" name="music" alt="link: Java Script / Applets Page" border="0"></a></li><li><a href="resume.html" onMouseOver="document.resume.src='images/buttons/resume3.jpg'" onMouseOut="document.resume.src='images/buttons/resume1.jpg'"><img src="images/buttons/resume1.jpg" name="resume" alt="link: Java Script / Applets Page" border="0"></a></li><li><a href="photos.html" onMouseOver="document.photos.src='images/buttons/photos3.jpg'" onMouseOut="document.photos.src='images/buttons/photos1.jpg'"><img src="images/buttons/photos1.jpg" name="photos" alt="link: Java Script / Applets Page" border="0"></a></li><li><a href="blog.html" onMouseOver="document.blog.src='images/buttons/blog3.jpg'" onMouseOut="document.blog.src='images/buttons/blog1.jpg'"><img src="images/buttons/blog1.jpg" name="blog" alt="link: Java Script / Applets Page" border="0"></a></li><li><img src="images/rightnothing.jpg" style="position: fixed;" /></li></ul></center></div>
     
    RainbowGradient, Nov 23, 2008 IP
  2. RainbowGradient

    RainbowGradient Peon

    Messages:
    67
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Ignore this thread. I fixed it long before these forums stopped dying.
     
    RainbowGradient, Nov 24, 2008 IP