Горизонтальная линия CSS

На моем сайте я добавил подключение друзей Google. Теперь справа, где боковая панель, есть небольшая полоска. Как мне удалить строку, потому что я не хочу, чтобы она была там.


css line horizontal-line google-friend-connect
person nebkat    schedule 15.05.2010    source источник
comment
Используйте Firebug, чтобы идентифицировать элемент и определить правило CSS, чтобы избавиться от него. В качестве альтернативы укажите живую ссылку.   -  person Pekka    schedule 15.05.2010

Ответы (4)


arrow_upward
4
arrow_downward

Можете ли вы просто скрыть второй <div id="sidebar">, похоже, он не должен быть видимым, поэтому скрытие этого элемента скроет внутренний сгенерированный <div>, на котором есть граница.

Кроме того, на странице не должно быть двух элементов с одинаковым идентификатором. Я вижу два элемента <div id="sidebar">. Поэтому, если вы установите CSS для одного по идентификатору, это также повлияет на другой.

Вы должны создать свой второй <div> следующим образом:

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

Или еще лучше, создайте для него правило CSS:

#sidebar2{display:none;}

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

РЕДАКТИРОВАТЬ: Вы знаете, глядя на это немного ближе, я даже не думаю, что вам нужна вся эта секунда <div id="sidebar">. Это намеренно? Похоже, вам нужно включить скрипт Мастера сообществ Google только один раз.

person jaywon    schedule 15.05.2010
comment
Спасибо. Я просто забыл удалить это, когда перемещал его вверх по странице. Должен ли я заменить некоторые идентификаторы классами, потому что есть части сайта с несколькими одинаковыми идентификаторами. - person nebkat; 15.05.2010
comment
Если все элементы div на странице или внутри родительского элемента имеют одинаковый стиль, создайте для них класс. Можно использовать одни и те же идентификаторы в разных местах на сайте, но убедитесь, что на одной странице нет двух одинаковых идентификаторов. Тем не менее, на SO много сообщений по этой теме, вот хорошее начало: stackoverflow.com/questions/84378/ div-class-vs-id - person jaywon; 16.05.2010

arrow_upward
1
arrow_downward

Маленькая строка находится во втором div боковой панели, я думаю, вам следует удалить вторую, потому что она точно такая же. Два элемента div боковой панели имеют одинаковые id, что не допускается в HTML, идентификаторы должны быть уникальными на каждой странице. Вот почему вы не видите, что друг подключается дважды.

person Guido Hendriks    schedule 15.05.2010

arrow_upward
0
arrow_downward

Где-то в исходном коде у вас есть эта строка, вызывающая эту границу:

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

Вы можете удалить его, чтобы удалить эту границу (линию).

person Sarfraz    schedule 15.05.2010

arrow_upward
0
arrow_downward

Хм, попробуйте удалить второй <div id="sidebar">...</div>. Это вызывает серую линию - и это будет вызывать множество ошибок xhtml, потому что некоторые идентификаторы (которые должны быть уникальными по определению) существуют в вашей разметке более одного раза.

person dhh    schedule 15.05.2010