Linha horizontal CSS

Question

No meu site, adicionei o Google Friend Connect. Agora, à direita, onde está a barra lateral, há uma pequena linha. Como faço para remover a linha porque não quero lá.

Answer 1

Você pode apenas esconder o segundo <div id="sidebar"> Não parece que isso precisa ser visível; portanto, esconder esse elemento esconderia o interno gerado <div> Isso tem a fronteira.

Além disso, você não deve ter dois elementos em uma página com o mesmo ID. Eu vejo que existem dois <div id="sidebar"> elementos. Portanto, se você definir CSS em um por ID, isso afetará o outro também.

Você deve criar seu segundo <div> assim:

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

Ou melhor ainda, crie uma regra CSS para isso:

#sidebar2{display:none;}

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

EDITAR: Você sabe olhar um pouco mais perto, eu nem acho que você precisa de todo o segundo <div id="sidebar">. Isso é intencional? Parece que você só precisa incluir o script do Google Friend Connect uma vez.

Answer 2

A pequena linha está na segunda barra lateral, acho que você deve remover o segundo, porque é exatamente o mesmo. Os dois divs da barra lateral têm o mesmo id, isso não é permitido no HTML, os IDs devem ser únicos em cada página. É por isso que você não vê a coisa do amigo conectar duas vezes.

Answer 3

Em algum lugar no código -fonte, você tem essa linha causando essa borda lá:

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

Você pode removê -lo para remover essa borda (linha).

Answer 4

HM, tente remover o segundo <div id="sidebar">...</div>. Este causa a linha cinza - e estará causando muitos erros XHTML porque alguns IDs (que devem ser únicos por definição) existem mais de uma vez na sua marcação.