I am trying to modify the css to customize an off the shelf package. There is a logorow in the css defined in the following way.
tr.LogoRow{background:#B9B69A url("../images/background_header.gif");border:0px;width:100%;height:77px;padding:0px;}
I have changes it to read the following:
tr.LogoRow{background:#FFFFFF url("../images/lms_banner.gif") no-repeat;border:0px;height:60px;padding:0px;}
I can modify this to use the image that I want to the be background of this row. The image that I want to use is about 500 px wide, and I do not want it to repeat across the row. I would like it to display just once. See attachement "desired.jpg"
The problem is that this row contains 4 different <td></td> tags, and every time I render the page, the background image restarts at the beginning of each <TD> tag. How can I get the image to just display once all the way across the row without repeating. See attachement "outcome.jpg"
Thanks for the help.Have you looked at it with more than one browser? Have you tried specifying
tr.LogoRow td {background:transparent}
just to see what happens?I have tried this page in netscape, IE and firefox, all yielding the same results. Repeated image across each table cell.
I tried to put
tr.LogoRow td {background:transparent}
in the css and the image went away entirely.
I tried this background transparent in the cell tags, and the image went away entirely. The only thing that displayed was the white background.
There is one thing that I did notice, in the table tag there is an ID=Logotable
That is not in the css. I cannot find anything refrecing to this. Perhaps this is what is causing my problem?
It almost seems like somehow the image background is on the TD instead of the TR. What would cause this?There is one thing that I did notice, in the table tag there is an ID=Logotable
That is not in the css. I cannot find anything refrecing to this. Perhaps this is what is causing my problem?Not if you're using <tr class="LogoRow">.
I see a difference between IE and Fx, the latter working as expected. But they both do what I think you want if you apply the background image to the table rather than the row.
tr.LogoRow{background:#B9B69A url("../images/background_header.gif");border:0px;width:100%;height:77px;padding:0px;}
I have changes it to read the following:
tr.LogoRow{background:#FFFFFF url("../images/lms_banner.gif") no-repeat;border:0px;height:60px;padding:0px;}
I can modify this to use the image that I want to the be background of this row. The image that I want to use is about 500 px wide, and I do not want it to repeat across the row. I would like it to display just once. See attachement "desired.jpg"
The problem is that this row contains 4 different <td></td> tags, and every time I render the page, the background image restarts at the beginning of each <TD> tag. How can I get the image to just display once all the way across the row without repeating. See attachement "outcome.jpg"
Thanks for the help.Have you looked at it with more than one browser? Have you tried specifying
tr.LogoRow td {background:transparent}
just to see what happens?I have tried this page in netscape, IE and firefox, all yielding the same results. Repeated image across each table cell.
I tried to put
tr.LogoRow td {background:transparent}
in the css and the image went away entirely.
I tried this background transparent in the cell tags, and the image went away entirely. The only thing that displayed was the white background.
There is one thing that I did notice, in the table tag there is an ID=Logotable
That is not in the css. I cannot find anything refrecing to this. Perhaps this is what is causing my problem?
It almost seems like somehow the image background is on the TD instead of the TR. What would cause this?There is one thing that I did notice, in the table tag there is an ID=Logotable
That is not in the css. I cannot find anything refrecing to this. Perhaps this is what is causing my problem?Not if you're using <tr class="LogoRow">.
I see a difference between IE and Fx, the latter working as expected. But they both do what I think you want if you apply the background image to the table rather than the row.