Validation fails on attribute - background

LVL 16
GUEENAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

kevp75Commented:
you could use an inline style here:
<td style="background:url("picts/bluebar.gif");" colspan="3">
just make sure to set the repeat if you need it

instead of:<td background="picts/bluebar.gif" colspan="3">
kevp75Commented:
or...if you are using the same background for every single td element, best bet would be to do it in your CSS style sheet

td  {
     background:url("picts/bluebar.gif");
    }

but again, you will need to set your repeating if any
GUEENAuthor Commented:
I keep losing my bluebar with that code! I only have the blue bars at the top and bottom of the page. (only for two TD elements>

<tr><td background="picts/bluebar.gif" colspan="3">
<IMG SRC="picts/spacer.gif" alt="spacer" HEIGHT="17" WIDTH="15" border="0"><BR>
</td></tr>
Rowby Goren Makes an Impact on Screen and Online

Learn about longtime user Rowby Goren and his great contributions to the site. We explore his method for posing questions that are likely to yield a solution, and take a look at how his career transformed from a Hollywood writer to a website entrepreneur.

kevp75Commented:
try this out for now:
<td style="background:url("picts/bluebar.gif") repeat-x;" colspan="3">

I will setup a page with an image like how you have it, and test.  I'm pretty sure repeat-x is for a horizontal repeat, and repeat-y is for verticle
GUEENAuthor Commented:
as soon as I put that code in - my bar disappears! I am serious.
kevp75Commented:
can you tell me what you see on this page:http://www.portalfanatic.com/test8.asp
GUEENAuthor Commented:
2 black bars (top)
kevp75Commented:
faded black bars right? (well fade to white)
regardless.   here is the code for that table  (in fact you can see it if you right click on the page and go to 'View Source')

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td style="background:url(Image1.gif) repeat-x;">&nbsp;</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td style="background:url(Image1.gif) repeat-x;">&nbsp;</td>
    </tr>
</table>
</body>
</html>

the only other reason I can think of is that you have the path to the image wrong.  Does the folder picts reside in the sites root folder?  If so, try to use a / in front of it.
smaccariCommented:
Try this: (take care too for single and double quotes)

<td style="background-image:url('picts/bluebar.gif');" colspan="3">

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
kevp75Commented:
remember.  you still may need to use repeat-x:  background-image:url('picts/bluebar.gif') repeat-x;
GUEENAuthor Commented:
I had to fix the bottom bar also - you guys are entirely awesome -:)
I am going to give Kev an assist for 100 points for taking the time to test it on his site.
Thank you!
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.shekerra.com%2Ftest2%2F&charset=%28detect+automatically%29&doctype=Inline
GUEENAuthor Commented:
You'll be seeing me around a lot more now that I have more time for webdev projects!
kevp75Commented:
np....glad I could help  :)

great...another coder in the scene  ;-)
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Languages and Standards

From novice to tech pro — start learning today.