aaron.martinas
01-25-2009, 04:02 PM
as the title suggests, id like to create a graphically bordered css dialog. id like to accomplish this in a relative way so as not to require any static size declarations of any sort.
in tables, i could do this fairly easily... this is a quick markup:
<table cellpadding=0 cellspacing=0 border=1>
<tr>
<!--- not using one long image/td because content varies in width; same goes for the left/right sides in relation to the varying height --->
<td>top left corner graphic</td>
<td>top border with repeating background graphic</td>
<td>top right corner graphic</td>
</tr>
<tr>
<td>left border with repeating background graphic</td>
<td>content</td>
<td>right border with repeating background graphic</td>
</tr>
<tr>
<td>bottom left corner graphic</td>
<td>bottom border with repeating background graphic</td>
<td>bottom right corner graphic</td>
</tr>
</table>
can anyone give me an idea on how to do this? i considered using SPAN elements since i know they dont create the "line breaks" that DIVS do, but i honestly dont know what the real purpose of a span is... i also know that CSS isnt really about using the tag itself to define an element's position, but rather the style assigned to the tag.
halp!!
in tables, i could do this fairly easily... this is a quick markup:
<table cellpadding=0 cellspacing=0 border=1>
<tr>
<!--- not using one long image/td because content varies in width; same goes for the left/right sides in relation to the varying height --->
<td>top left corner graphic</td>
<td>top border with repeating background graphic</td>
<td>top right corner graphic</td>
</tr>
<tr>
<td>left border with repeating background graphic</td>
<td>content</td>
<td>right border with repeating background graphic</td>
</tr>
<tr>
<td>bottom left corner graphic</td>
<td>bottom border with repeating background graphic</td>
<td>bottom right corner graphic</td>
</tr>
</table>
can anyone give me an idea on how to do this? i considered using SPAN elements since i know they dont create the "line breaks" that DIVS do, but i honestly dont know what the real purpose of a span is... i also know that CSS isnt really about using the tag itself to define an element's position, but rather the style assigned to the tag.
halp!!