На моем сайте я добавил друга Google для связи. Теперь справа, где находится боковая панель, есть небольшая строка. Как удалить строку, потому что я не хочу ее там.CSS Горизонтальная линия
ответ
Можете ли вы просто скрыть второй <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.
Спасибо. Я просто забыл удалить это, когда я двигал его вверх по странице. Должен ли я заменять некоторые классы идентификаторов, потому что есть части сайта с несколькими одинаковыми идентификаторами. – nebkat
Если все div на странице или внутри родительского элемента будут разделять похожий стиль, сделайте для них класс. Можно использовать одни и те же идентификаторы в разных местах по всему сайту, но убедитесь, что у вас нет двух одинаковых идентификаторов на одной странице. Много сообщений на эту тему на SO, хотя, вот хороший старт: http://stackoverflow.com/questions/84378/div-class-vs-id – jaywon
Маленькая строка находится во второй боковой панели div, я думаю, вы должны удалить вторую, потому что она точно такая же. У двух боковых панелей одинаковые id
, что недопустимо в HTML, идентификаторы должны быть уникальными на каждой странице. Вот почему вы не видите, как друг соединяет вещь дважды.
Где-то в исходном коде у вас есть эта линия вызывает там эту границу:
<div style="width: 276px; border: 1px solid rgb(136, 135, 134);" id="div-4699129216425402507"></div>
Вы можете удалить его, чтобы удалить эту границу (линию).
Хм, попробуйте удалить второй <div id="sidebar">...</div>
. Это вызывает серовую строку - и это вызовет много ошибок xhtml, потому что некоторые идентификаторы (которые должны быть уникальными по определению) существуют несколько раз в вашей разметке.
- 1. Горизонтальная линия в css
- 2. CSS/HTML - Горизонтальная линия кружочков
- 3. CSS горизонтальная линия по центру
- 4. CSS горизонтальная линия с одной стороны текста
- 5. CSS горизонтальная линия анимации (цвета градиента)
- 6. css отзывчивая сетка - горизонтальная линия между строками
- 7. Горизонтальная линия блокирует подменю
- 8. Swift xcode горизонтальная линия
- 9. Горизонтальная линия в vim
- 10. Горизонтальная линия в эллипсе
- 11. Горизонтальная линия на консоли?
- 12. Горизонтальная линия в центре divs
- 13. Горизонтальная линия между круглыми кнопками
- 14. Двухцветных горизонтальная линия в Android
- 15. Горизонтальная линия на странице входа
- 16. горизонтальная линия с двумя цветами
- 17. Бесконечная горизонтальная линия в Bokeh
- 18. ZedGraph Горизонтальная пороговая линия номер
- 19. Highcharts: горизонтальная линия всей ширины
- 20. Горизонтальная линия в середине страницы
- 21. Timeline слайдер горизонтальная линия среднего
- 22. R barplot прямая горизонтальная линия
- 23. Горизонтальная линия html под текстом
- 24. Плоская горизонтальная линия с ggplot
- 25. горизонтальная линия и правильный способ его код в HTML, CSS
- 26. Горизонтальная линия Внутри вкладки в HTML
- 27. Горизонтальная линия, находящаяся под моей поисковой системой
- 28. Разделение иконок и горизонтальная линия позади
- 29. Горизонтальная линия по заголовку правой стороны
- 30. webpage image href - маленькая горизонтальная линия
Используйте Firebug для идентификации элемента и определения правила CSS, чтобы избавиться от него. В качестве альтернативы можно предоставить прямую ссылку. –