Announcement

Collapse
No announcement yet.

Need help with image that keeps moving when shrinking window sizes

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Need help with image that keeps moving when shrinking window sizes

    You can check out my page at theawesomecoupleshop.com.

    The image on the right keeps moving on me and support told me that I'm having issues with my code. the image is named "slogan". Please take a look at my code and tell me what's wrong. Here is a snippet of the css controlling the image properties.

    .slogan img {
    width: 33%;
    height: auto;
    position: absolute;
    top:50px;
    right:200px;
    }



  • #2
    That header is a headache. First, you're going to want to get a smaller version of IMG_1057.JPG so it's not eating up so much bandwidth. Second, you can either use percentage based number that will scale (a % instead of a 'px'); or you can use conditional CSS. Also, You'll want to change the order of the divs containing the SLOGAN and the SEARCH. Right now they're in reverse order and using CSS to flip them. I think it will help you to remove the CSS (for the home image, slogan, and search bar [position only on search bar]), then get the HTML cleaned up, THEN use the CSS to put things where you want them.
    Webmaster: Texas Media Systems

    Comment

    Working...
    X