Results 1 to 2 of 2

Thread: 2 IMG's in Div Header overlap when Page resized!! Help!

  1. #1
    Join Date
    Dec 2010

    2 IMG's in Div Header overlap when Page resized!! Help!

    I have two images in the top header. When the Page is srunken/resized the right image (calltoday.gif) is put behind. Any Help Appreciated.

    <div id="header">
    <div class="top">
    <a href="index.html"><img src="images/Free_Terminal_logo.gif" alt="Assurance Merchant Solutions Credit Card Processing" width="570" height="155" class="logo" /></a><br />
    <br />&nbsp;&nbsp;&nbsp;
    <p><a href="contactus.html"><img src="images/calltoday.gif" /></a></p>

    ******************ABOVE TWO PICS*****BELOW BUTTON CODE UNDER PICS****************************************8
    <a href="processingwithams.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','images/m1_1.jpg',1)"><img src="images/m1.jpg" alt="" id="Image2" /></a><a href="processingsolutions.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','images/m2_2.jpg',1)"><img src="images/m2.jpg" alt="" id="Image3" /></a><a href="terminals.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','images/m3_3.jpg',1)"><img src="images/m3.jpg" alt="" id="Image4" /></a><a href="highrisk.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','images/m4_4.jpg',1)"><img src="images/m4.jpg" alt="" id="Image5" /></a><a href="contactus.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','images/m5_5.jpg',1)"><img src="images/m5.jpg" alt="" id="Image6" /></a><br />
    <a href="apply.html"><img alt="AMS Apply for Free Merchant Account" class="pic" src="images/bann_1.jpg" /></a><a href="resellers.html"><img alt="" src="images/bann_3.jpg" /></a><a href="ratereview.html"><img alt="" src="images/bann_2.jpg" /></a><a href="terminalprogram.html"><img alt="" src="images/bann_4.jpg" /></a><a href="rates-services.html"><img alt="" src="images/bann_5.jpg" /></a>

  2. #2
    Join Date
    May 2010
    Manila, Philippines
    Naaahhhh... Hard to read your code. Let me guess, do use a fixed size for those two images? If so, try giving them a size in percentage. On that way, if the current size of the browser is 100px and you give them 50&#37; by 50% width of size both of them will get 50px and 50px. If you resize the browser again to 50px both of them will get 25px and 25px, and if the browser size is 35px they will both get 15.5px and 15.5px (if there's a decimal in px). =) give it a try.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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

Recent Articles