Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2

Thread: Resizing Table

  1. #1
    New to the CF scene
    Join Date
    Feb 2014
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Unhappy Resizing Table

    I am currently coding a website that on the home page will contain a table. The table has two rows in the first column the first row has text and the second has an image. In the next column I have a wide image and in the third column it has two rows with an image in each. Apologies if the below image looks like advertising but this is the site I am working on. The blue background is because I was testing the table through CSS.

    Resizing Table-screen-shot-2014-02-26-15.15.39.jpg

    When I shrink the size of the window the table goes onto a new line but what I want to happen is the image in the middle to shrink and the table to stay the way it is. An example of this is attached


    This is my HTML for the table:
    Code:
     <tr>
        <td>
        <table border="0" style="width:auto;display:inline-block;float:left;">
        <tr>
        <td style="height:150px;text-align:center;"><h2 style="color:pink;">Advertise Here</h2>
        <p>Phone office: 01796 474040</p>
        <p>Email: <a href="mailto:sales@heartlandfm.co.uk">sales@heartlandfm.co.uk</a></p><br></td></tr>
        <tr>
        <td><img src="http://www.heartlandfm.co.uk/images/banners/dandgautocare.jpg"></td></tr>
        </table>
        <table border="0" style="width:auto;display:inline-block;">
        <tr>
        <td><img src="images/banner.jpg" id="banner" style="width:auto;"> </td>
        </tr>
        </table>
        <table border="0" style="width:auto;display:inline-block;float:right;">
        <tr>
        <td><img src="http://www.heartlandfm.co.uk/images/banners/hetties.jpg"><br></td>
        </tr>
        <tr>
        <td><img src="http://www.heartlandfm.co.uk/images/banners/glenearn.jpg"></td>
        </tr>
        </table>
        </td>
        </tr>
    Any help would be much appreciated
    Attached Thumbnails Attached Thumbnails Resizing Table-screen-shot-2014-02-26-15.19.34.jpg  

  • #2
    New to the CF scene
    Join Date
    Feb 2014
    Location
    Bogra,bangladesh
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks for sharing code.


  •  

    Tags for this Thread

    Posting Permissions

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