Results 1 to 7 of 7

Thread: HTML Tables

  1. #1
    Join Date
    Jun 2013
    Posts
    14
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default HTML Tables

    hello,

    Not sure what I am doing wrong, been on this for two days and just cant figure our whats going on.

    For whatever reason, two images in my table are showing way right, ( Not in table ) ?

    b4.png

    bshop.png

    Anyone have an idea what I am doing wrong?

    Code:
    <table border="1">
     <tr>
    <th><img src="http://sitename.com/b2.png"></th>
    </tr>
     <tr>
    <td><img src="http://sitename.com/b3.png"></td>
    <td><img src="http://sitename.com/b4.png"></td>
    </tr>
    <tr>
    <td><img src="http://sitename.com/b5.png"></td>
    <td><img src="http://sitename.com/bshop.png"></td>
    </tr>
     <tr>
    <th> <img src="http://sitename.com/b7.png"> </th>
    </tr>
    </table>

    Thank you in advance.

  2. #2
    Join Date
    Apr 2008
    Location
    So.Cal
    Posts
    3,643
    Thanks
    63
    Thanked 516 Times in 502 Posts
    Blog Entries
    5

    Default

    Which two images? All six images seem to display as expected—no images are positioned outside the table. Is this the actual code you are working with? can you recreate the problem for us (on a live page, or using a service like jsfiddle)?

  3. #3
    Join Date
    Jun 2013
    Posts
    14
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Sorry yes, wasent sure if I could display the url here.

    http://yesmaine.org

    Looks different via IE and Chrome.

  4. #4
    Join Date
    Jun 2013
    Posts
    14
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Also, found a test area, and it is giving me the same issue:

    http://www.draac.com/htmltester.html

    <table border="1">
    <tr>
    <th><img src="http://connectin420.com/b2.png"></th>
    </tr>
    <tr>
    <td><img src="http://connectin420.com/b3.png"></td>
    <td><img src="http://connectin420.com/b4.png"></td>
    </tr>
    <tr>
    <td><img src="http://connectin420.com/b5.png"></td>
    <td><img src="http://connectin420.com/bshop.png"></td>
    </tr>
    <tr>
    <th> <img src="http://connectin420.com/b7.png"> </th>
    </tr>
    </table>

  5. #5
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,920
    Thanks
    2
    Thanked 267 Times in 262 Posts

    Default

    Hi there buxmike,

    it appears that there is a problem with your code and your images.

    The images did not fit as their dimensions were slightly out.
    Also their background colours differed.

    You will find the corrected code and images within the attachment.


    coothead
    Attached Files Attached Files

  6. #6
    Join Date
    Jun 2013
    Posts
    14
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    it seems I cannot use head and style coding in a word press text widget.

    The images should be ok, I replaced the images with a simple xx and still had the same results.

  7. #7
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,920
    Thanks
    2
    Thanked 267 Times in 262 Posts

    Default

    Hi there buxmike,

    I would suggest that you use the images that I corrected in Photoshop.
    The ones that you are using have a variety of background colors, besides
    the wrong dimensions.

    Check out the attachment which removes the CSS from the head section.


    coothead
    Attached Files Attached Files

Similar Threads

  1. Replies: 2
    Last Post: 06-16-2011, 01:57 PM
  2. Scrollable HTML tables
    By justas in forum Submit a DHTML or CSS code
    Replies: 3
    Last Post: 04-12-2007, 01:52 AM
  3. Replies: 1
    Last Post: 03-09-2007, 03:44 PM
  4. Centering Tables in HTML
    By AdamMac12 in forum HTML
    Replies: 1
    Last Post: 10-29-2005, 03:49 AM
  5. Replies: 1
    Last Post: 07-30-2005, 08:57 PM

Bookmarks

Posting Permissions

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