Have Geek Brain

CSS horizontal line

On my site, I have added Google Friend connect. Now, to the right, where the sidebar is, there is a small row. How do I delete a line because I don't want it there.

+2


a source to share


4 answers


Can you just hide the second one <div id="sidebar">

, which doesn't look like it should be visible, so hiding that element will hide the internally generated <div>

one that has a border on it.

In addition, there should not be two elements on a page with the same ID. I see there are two elements <div id="sidebar">

. Therefore, if you set the CSS to one by id, it will also affect the other.

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 you're looking at him a little closer, I don't even think you need that whole second <div id="sidebar">

. Is this intentional? It looks like you only need to enable the Google Friend Connect script once.

+4


a source


The little line is in the second sidebar div, I think you should remove the second one because it is exactly the same. The two sidebar divs are the same id

, which is not allowed in HTML, the id must be unique on each page. This is why you don't see a friend connecting the thing twice.



+1


a source


Somewhere in your source code, you have this line calling this border:

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

You can remove it to remove that border (row).

0


a source


Hm, just try deleting the second one <div id="sidebar">...</div>

. This results in a gray line - and it will throw a lot of xhtml errors because some ids (which should be unique by definition) exist multiple times in your markup.

0


a source






More articles:


All Articles