Sir Loin of Beef wrote:
I would like to create a table with a bar of text that spans the whole
page.
Here is what I have so far:
<table border=0 width="100%">
<tr>
<td><img src="SANimages/magnify.gif"></td>
<td valign="top"><span
style="font-size:12px;font-weight:bold;color:#f1f1f1;
background:#484848;width:100%;text-align:left;">Search</span></td>
</tr>
</table>
Problem is, the bar of text seems to be right-aligned, and even with
the style being width:100%, it still doesn't span the entire table
cell it's in.
What am I doing wrong?
(1) It looks like you are trying to use tables for layout
(2) You don't have alt text on your image
(3) You are specifying the font size in pixels (are you trying to make it
impossible for people on high resolution systems, or with poor eyesight, to
read the content?)
(4) You are attempting to apply width to an inline element (span[1]), to
which it doesn't apply.
I think the problem you are perceiving is caused mainly by having two
columns without a width set on either. The real problem is your entire
approach.
[1] Which, as the only element inside the cell, is redundent anyway.
--
David Dorward
http://david.us-lot.org/
Redesign in progress:
http://stone.thecoreworlds.net/
Microsoft announces IE is dead (so upgrade):
http://minutillo.com/steve/weblog/20...ces-ie-is-dead