html images move when browser is resized

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Anna97
    New Member
    • Apr 2007
    • 5

    html images move when browser is resized

    Hi,

    I guess I've built my site sort of strangely:

    The images are in the html (using tables), but the text is all in css positioned using coordinates (hovering over the images). I need my page to be centered. However, after I center it, the html images move when the browser is resized. My text is sticking to it's coordinates. How do I get the images to stay where they are, as well.

    Any help is much appreciated.

    Thank you,

    Anna :)
  • FullyH3ktik
    New Member
    • Sep 2007
    • 52

    #2
    you could give the images absolute coordinates as well, post the code you're having trouble with so we are able to see the problem and you have a better chance of getting a solution

    Comment

    • numberwhun
      Recognized Expert Moderator Specialist
      • May 2007
      • 3467

      #3
      Originally posted by FullyH3ktik
      you could give the images absolute coordinates as well, post the code you're having trouble with so we are able to see the problem and you have a better chance of getting a solution
      Please do remember to place your code in code tags when posting it to the site. Here is an example of how to do that:

      [code=ht ml]
      <your html code>
      &#91;/code]

      Regards,

      Jeff

      Comment

      • Anna97
        New Member
        • Apr 2007
        • 5

        #4
        Here is the link where I temporarily have the site posted to. The home page is the only page I've centered and attempted this on.

        http://www.gilbertsdru g.com/jess/

        Let me know if you need any more info.

        Thanks, Anna.

        Comment

        • Anna97
          New Member
          • Apr 2007
          • 5

          #5
          I figured it out!! I added this code into CSS:

          body {
          background-color: #FFFFFF;
          font-family: Arial, Verdana, Helvetica;
          text-decoration: none;
          position:absolu te;
          z-index:1;
          left:250px;
          top:0px;
          }

          Comment

          Working...