CSS Horizontal Line

Question

In my site I added google friend connect. Now on the right where the sidebar is, there is a small line. How do I remove the line because I dont want it there.

Answer 1

Can you just hide the second <div id="sidebar"> it doesn't look like that needs to be visible, so hiding that element would hide the inner generated <div> that has the border on it.

Also, you should not have two elements on a page with the same id. I see there are two <div id="sidebar"> elements. So if you set CSS on one by id, it will affect the other also.

You should create your second <div> like this:

<div id="sidebar2" style="display:none"></div>

Or better yet, create a CSS rule for it:

#sidebar2{display:none;}

<div id="sidebar2"></div> 

EDIT: You know looking at it a little closer I don't even think you need that whole second <div id="sidebar">. Is that intentional? It looks like you only need to include the Google Friend Connect script once.

Answer 2

The small line is in the second sidebar div, I guess you should remove the second one, because it's exactly the same. The two sidebar divs have the same id, that's not allowed in HTML, id's should be unique on each page. That's why you don't see the friend connect thing twice.

Answer 3

Somewhere in source code you have this line causing that border there:

<div style="width: 276px; border: 1px solid rgb(136, 135, 134);" id="div-4699129216425402507"></div>

You may want to remove it in order to remove that border (line).

Answer 4

Hm, just try removing the second <div id="sidebar">...</div>. This one causes the grey line - and it'll be causing lots of xhtml errors because some IDs (which are to be unique by definition) exist more than once in your markup.