Quick fix needed. Images aligned on top of each other.

Discussion in 'HTML & Website Design' started by mighty.one, Sep 9, 2009.

0
  1. #1
    Hi there,

    I need a quick fix of my code. i want the two images to stand directly on top of each other and closer together. Not sure how to do it. would gladly receive some help.

    you will see what i mean when you visit: h**P://www.mrbestdeal.com
    i want the "how to" button to be where the about us is and the about us button to be just above it.

    how can i do this?

    thanks in advance
     
    Last edited: Sep 9, 2009
    mighty.one, Sep 9, 2009 IP
  2. ywp

    ywp Peon

    Messages:
    96
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I'm not sure that I clearly understand what you're after but I'm giving it a shot, anyway.

    Cut the red code and paste the blue code. The images move up because the text is pushed down. I didn't have to touch the images because they are in the same table row as the text.

    <div id = 'content_main'>
[COLOR="Red"]<B><FONT COLOR = "#00578A"><H1>Welcome to MrBestDeal.com</H1> </B></FONT>[/COLOR]
<table>
<tr>
<td>
[COLOR="Blue"]<B><FONT COLOR = "#00578A"><H1>Welcome to MrBestDeal.com</H1> </B></FONT>[/COLOR] 
<H2><FONT COLOR = "#00578A">All the Best Deals, Special Offers and Discounts all in one place. Mr Best Deal finds you the best deals and cheapest prices for products from reputable retailers all across  the UK providing you with the best items at the cheapest price. "Keep it Real with Mr Best Deal."</H2></FONT>
</td>
    Code (markup):
     
    ywp, Sep 9, 2009 IP