2010-05-15 2 views
2

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

+1

Используйте Firebug для идентификации элемента и определения правила CSS, чтобы избавиться от него. В качестве альтернативы можно предоставить прямую ссылку. –

ответ

4

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

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

Вы должны создать свой второй <div> так:

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

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

#sidebar2{display:none;} 

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

EDIT: Вы знаете, глядя на него немного ближе Я даже не думаю, что вам нужна эта целая секунда <div id="sidebar">. Это намеренно? Похоже, вам нужно только один раз включить скрипт Google Friend Connect.

+0

Спасибо. Я просто забыл удалить это, когда я двигал его вверх по странице. Должен ли я заменять некоторые классы идентификаторов, потому что есть части сайта с несколькими одинаковыми идентификаторами. – nebkat

+0

Если все div на странице или внутри родительского элемента будут разделять похожий стиль, сделайте для них класс. Можно использовать одни и те же идентификаторы в разных местах по всему сайту, но убедитесь, что у вас нет двух одинаковых идентификаторов на одной странице. Много сообщений на эту тему на SO, хотя, вот хороший старт: http://stackoverflow.com/questions/84378/div-class-vs-id – jaywon

1

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

0

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

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

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

0

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

Смежные вопросы