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 5 of 5

Thread: Tables

  1. #1
    New to the CF scene
    Join Date
    Aug 2002
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Smile Tables

    ok not to sure how to explain this but i will do my best

    i want a table with graphics that surround it..
    e.g. the graphics would be like

    topleft.gif
    topright.gif
    bottomleft.gif
    bottomright.gif
    and a graphic inbetween these that would stretch so i presume that would have to be put in as a bg.

    in other words i want to use graphics around a block of text which would load faster as the graphics would only need to be like 30x30..e.g:

    --------------------------------
    ' text here '
    ' '
    '-------------------------------'

    the lines represent the graphics. With a graphic for each corner
    and a graphic that would stretch for the straight lines.

    Any help on this would be great. Thank you

  • #2
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,252
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Fast answer...

    In short:

    top row, three cells, one left corner, one top bar, one right corner, images as content (top bar prolly bg);
    middle row, three cells, one left bar, one content, one right bar, images as content / bg in bars, image as bg in center cell (content);
    bottom row, same as top row.

    If i have more time lateron i'll spell it out for you.
    Regards,
    Ronald.
    ronaldvanderwijden.com

  • #3
    New to the CF scene
    Join Date
    Aug 2002
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thank you..that simple answer worked for me i only needed a basis of what i was meant to do to achieve this effect and your reply was spot on..this what i came up with, of course paths to images are on my desktop for now..works for me..prolly everyone will say this is complete wrong lol..but at least i have the basics on it now and can work with it now i know how its done, ty again.




    <table border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td><img
    src="file:///C:/WINDOWS/EXTRA/Desktop/textframe/topleft1.gif"
    width="29" height="29"></td>
    <td valign="top"
    background="file:///C:/WINDOWS/EXTRA/Desktop/textframe/bar2.gif">&nbsp;</td>
    <td><img
    src="file:///C:/WINDOWS/EXTRA/Desktop/textframe/topright1.gif"
    width="29" height="29"></td>
    </tr>
    <tr>
    <td
    background="file:///C:/WINDOWS/EXTRA/Desktop/textframe/leftbar.gif">&nbsp;</td>
    <td bgcolor="#636B63">content and text here<p>ok!!!fffffffffffffffffffffffffffffff</p>
    </td>
    <td
    background="file:///C:/WINDOWS/EXTRA/Desktop/textframe/rightbar.gif">&nbsp;</td>
    </tr>
    <tr>
    <td><img
    src="file:///C:/WINDOWS/EXTRA/Desktop/textframe/bottomleft2.gif"
    width="29" height="29"></td>
    <td
    background="file:///C:/WINDOWS/EXTRA/Desktop/textframe/bar1bottom.gif">&nbsp;</td>
    <td><img
    src="file:///C:/WINDOWS/EXTRA/Desktop/textframe/bottomright2.gif"
    width="29" height="29"></td>
    </tr>
    </table>
    </center></div>

  • #4
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,252
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Dimensions...

    One more remark:
    it's probably a good idea to set the different dimensions, that is width and height, where appropriate on the table and table cells. You already set exact dimensions for the pics, which is great, but when you set at least those dimensions you want fixed (like height and width of the corners, height of the top / bottom bar, width of the left / right bar)on the table elements, you're sure that your layout will hold up.
    Regards,
    Ronald.
    ronaldvanderwijden.com

  • #5
    New to the CF scene
    Join Date
    Aug 2002
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thank you all sorted now thanx for the help and extra comments


  •  

    Posting Permissions

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