...

View Full Version : Tables



flipflop
11-12-2002, 03:17 PM
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 :)

ronaldb66
11-12-2002, 03:21 PM
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.

flipflop
11-12-2002, 04:36 PM
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>

ronaldb66
11-13-2002, 08:27 AM
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.

flipflop
11-13-2002, 01:20 PM
Thank you all sorted now thanx for the help and extra comments:)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum