david_bethel — 2012-01-16T14:16:50-05:00 — #1
I've inherited a site that is pretty bad shape. I managed to fix most of the errors, but I have this 1 that I haven't been able to find a legal replacement for. It basically makes a top horizontal line using a gif ( 50px x 50px ) background the full width of the screen:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<title>Cause it needs 1</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"/>
<meta http-equiv="Content-Style-Type" content="text/css"/>
<body style="MARGIN:0px" text="#000000">
<td background="images/bg.gif" colSpan="3" height="40">
<!-- W3C Validator -->
alt="Valid XHTML 1.0 Transitional"
height="31" width="88" border="0" />
<td> cannot have either background or colSpan
I've tried a lot of combinations of the following with no sucess:
If anyone could shed some light on this I would deeply appriciative.
ralphm — 2012-01-16T18:23:31-05:00 — #2
Maybe you could just do this in your CSS:
Rather than use background-size (which isn't supported in all browsers) just make sure your image is 50px tall.
david_bethel — 2012-01-17T04:25:45-05:00 — #3
Thanks! That's good starting point. I had to add the margins
in order to drop the table location.
Now to see if they are seamless changes between old pages and new ones.
ralphm — 2012-01-17T04:34:04-05:00 — #4
Great, glad that helped. A simpler way to write that code is:
margin: 50px 0 0;
david_bethel — 2012-01-17T05:01:04-05:00 — #5
Ah Ha! Didn't know you could do that. W3Schools reference material can be difficult to navigate at times and the hidden gems don't just jump out at me. Must be getting old. Thanks again! -David