Line around images affects Google Search box

[wolfadeus]

I have the following code used for specifying a thin line around images - alongside with some other features:

body { background-color: #FFFEE0; }
table { border-collapse:collapse; margin-bottom: 15px; border: solid #555555 1px; }
td, p { font-family: trebuchet ms, verdana, arial; color: #3F3F3F; text-align: justify; text-decoration: none; font-size: 14px; line-height: 22px; margin-left: 60px; margin-right: 60px; vertical-align: top; }
img {border: solid #555555 1px; }

Now I use google search, and the line for images appears around the search box that is displayed via Javascript.

I tried to define a spearate div for the search box, but that doesn't seem to over-ride the specifics for the general content. Any advice? Thank you!

W.

[Marshall]

If I am not mistaken, the search box is in a table and you have a table border. You may have to assign a class to any existing tables - non-google search box:

table.nongoogle { border-collapse:collapse; margin-bottom: 15px; border: solid #555555 1px; }

If it is the image border, then you can do the above with the image css.

Of course, if the G search box happens to have an ID which you can see in the source code on a live page, you could add:

#googletable {border:0px;}

Marshall

[wolfadeus]

Hi Marshall,

I found an easier way, just added "style="border:0px" into the search form for the two tables of google.

You pointed me into the right direction, thanks a lot!

W.

[Marshall]

You're welcome :)