Не работает border top

Border не работает

Возникла проблема,свойство бордер не работает , подскажите что делаю не так.

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Border не работает
CSS подключила, задала border цвет, но не отображается, я понимаю, что где-то маленькая ошибка, но.

Border-radius не работает
Есть сайт с html: .

Border-collapse не работает
Здравствуйте! В стилях, для таблицы указан коллапс, но сколлапсировались только

, а строки.

а где оно вообще у Вас прописано? Где именно не работает?

вот так для картинок бордер задаётся:

Не работает BORDER в таблице
Всем добрый день! Никак не могу решить следующую задачу. Есть таблица, в ней должна быть рамка и.

Border-image не работает
Подскажите почему может не работать на сайте border-image .dividerHeading h4 span< .

Не работает border-radius
Здравствуйте, не могу понять почему не работает border-radius.

border-bottom не работает
Здравствуйте! У меня почему-то не хочет отображать border-bottom, я его к чему хочешь применял.

Не работает border в Internet Explorer 7 и 8
Написал стандартную строчку кода в файле .css: border: 10px solid transparent;. Работает во всех.

Источник

Все о свойстве border

Основы

Всем знакомо такое использование:

Это однопиксельная сплошная рамка. Немного меняем синтаксис:

Например у параметра border-width есть три параметра: thin, medium, thick:

Если необходимо менять цвет границы при наведении на объект:

Но так это реализовать проще и правильнее:

Border-Radius

border-radius — это новый параметр CSS3 для отображения закругленных углов, который корректно работает во всех современных браузерах, за исключением Internet Explorer 8 (и более старых версий).

Для каждого угла можно назначить свое закругление:

В приведенном примере необязательно назначать «0» border-top-right-radius и border-bottom-left-radius, если они не наследуют значения, которые должны быть изменены.
Всю конструкцию можно сжать в одну строку:

А вот как можно нарисовать лимон средствами CSS:

Здесь описаны самые простые и популярные примеры применения параметра border. Перейдем к более сложным.

Несколько границ

Border-Style

solid, dashed, and dotted — самые популярные значения параметра border-style, но давайте рассмотрим другие, например, groove and ridge.

Или более подробно:

Outline

Самый популярный способ создания двойной границы — это параметр outline:

Этот способ отлично работает, но ограничен созданием двойной рамки. Если вам необходимо отобразить несколько границ элемента, то необходимо использовать другую технику.

Псевдоэлементы

Можно использовать такую конструкцию:

Возможно это не самое элегантное решение, однако оно работает

Box-Shadow

Еще один способ, с применением теней:

Изменение углов

К параметру border-radius можно применять два значения, используя «/», например:

Это то же самое, что:

Эта техничка бывает полезна, если необходимо имитировать искривление, а не закругление. Например, так можно получить эффект скрученной бумаги:

CSS фигуры

В следующих примерах предполагается такая разметка:

И такой базовый css:

Наиболее частым примером использования CSS фигур является отображение стрелок. Чтобы понять, как это работает, необходимо разобраться с использованием отдельного border-color для каждой стороны и установкой значения «0» для width и height:

Или то же самое:

А теперь оставляем только синий треугольник:

Создание Speech Bubble

Наша базовая разметка:

Теперь нужно расположить стрелку-треугольник в нужном месте. Вот наш цветной квадратик:

Оставляем только четверть квадратика:

Теперь перемещаем ниже и закрашиваем:

Примеры применения:

Вертикальное центрирование текста

минус использования line-height при вертикальном центрировании в ограничении текста одной строкой. Для решения этой проблемы, можно применить display: table к нашему Speech Bubble и display: table-cell к тексту:

Еще один пример нестандартного использования границ:

Источник

Не работает BORDER в таблице

Всем добрый день!

Никак не могу решить следующую задачу. Есть таблица, в ней должна быть рамка и сетка. Их нет. Помогите пожалуйста решить проблему. Голову уже сломала.
Код html:

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Border не работает
Возникла проблема,свойство бордер не работает :(, подскажите что делаю не так. CSS .

Border не работает
CSS подключила, задала border цвет, но не отображается, я понимаю, что где-то маленькая ошибка, но.

Border-image не работает
Подскажите почему может не работать на сайте border-image .dividerHeading h4 span< .

Да внешним, но тогда ни одно свойство из внешнего файла по идее не должно работать. А у меня другие правила для других элементов работают.

На всякий случай привожу весь файл css. Вдруг там самоуничтожение какое-нибудь, которое я проглядела:

Решение

А подключаю ваш css файл к своему индексу, по-прежнему не работает.

Переименовала файл в style_table.css
Путь указываю так:

В чем может быть причина?

Добавлено через 35 секунд
А хорошо, сейчас перенесу.

Везде сейчас проставила тип. Все равно не работает.

А если переношу в ваш файл все данные, то работает. Сейчас тогда буду переносить, там много, но другого варианта не вижу)))) Спасибо большое за помощь)))

Если кто знает в чем может быть причина подобного казуса, напишите пожалуйста.

Добавлено через 27 минут
Все! Спасибо огромное! Я разобралась. Стала все перетаскивать в ваш файл и заново подключать другие файлы css. И в одном из них из reseta было указано, что border у table 0. Думала, уже крыша поехала))))
Еще раз спасибо, Fedor92!))))

Border-radius не работает
Есть сайт с html: .

Не работает border-radius
Здравствуйте, не могу понять почему не работает border-radius.

Источник

не работает border

Спросил mastermedia,
16 августа 2012

Вопрос

mastermedia

Хочу установить следующие границы для блока #header с помощью свойств. Но данные свойства не работают и не создают границы. В чем может быть проблема?

Весь HTML и CSS код:

Изменено 16 августа 2012 пользователем mastermedia

Ссылка на комментарий

Поделиться на других сайтах

Praesent eget nulla elit

Ut bibendum faucibus faucibus

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id sem justo, sed porta ante. Proin facilisis aliquet congue. Etiam egestas erat vel nunc dignissim sodales. Sed pellentesque, risus eu sagittis laoreet, arcu lorem auctor magna, nec pellentesque diam lorem et augue. Pellentesque luctus gravida venenatis. Nullam vulputate, orci vitae laoreet posuere, purus nibh aliquet nisi, nec sodales risus mauris eu dolor. Vivamus eleifend lorem ac elit mollis porta. Nulla facilisi. Donec neque nisl, hendrerit nec ultrices vitae, viverra congue risus. Nunc rutrum aliquet viverra. Maecenas ut turpis lectus. Proin ut nibh urna, a blandit ipsum. Proin est ante, lobortis at elementum vitae, dignissim vel sapien. In hac habitasse platea dictumst. Cras eget nibh eros, in blandit lacus. Proin commodo justo et velit hendrerit et malesuada tortor feugiat. Lorem ipsum dolotr sit amet, consectetur adipiscing elit. Ut id sem justo, sed porta ante. Proin facilisis aliquet congue. Etiam egestas erat vel nunc dignissim sodales. Sed pellentesque, risus eu sagittis laoreet, arcu lorem auctor magna, nec pellentesque diam lorem et augue. Pellentesque luctus gravida venenatis. Nullam vulputate, orci vitae laoreet posuere, purus nibh aliquet nisi, nec sodales risus mauris eu dolor. Vivamus eleifend lorem ac elit mollis porta. Nulla facilisi. Donec neque nisl, hendrerit nec ultrices vitae, viverra congue risus. Nunc rutrum aliquet viverra. Maecenas ut turpis lectus. Proin ut nibh urna, a blandit ipsum. Proin est ante, lobortis at elementum vitae, dignissim vel sapien. CONTINUE

Vivamus neque turpis, sollicitudin sit amet sollicitudin vel

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id sem justo, sed porta ante. Proin facilisis aliquet congue. Etiam egestas erat vel nunc dignissim sodales. Sed pellentesque, risus eu sagittis laoreet, arcu lorem auctor magna, nec pellentesque diam lorem et augue. Pellentesque luctus gravida venenatis. Nullam vulputate, orci vitae laoreet posuere, purus nibh aliquet nisi, nec sodales risus mauris eu dolor. Vivamus eleifend lorem ac elit mollis porta. Nulla facilisi. Donec neque nisl, hendrerit nec ultrices vitae, viverra congue risus. Nunc rutrum aliquet viverra. Maecenas ut turpis lectus. Proin ut nibh urna, a blandit ipsum. Proin est ante, lobortis at elementum vitae, dignissim vel sapien. In hac habitasse platea dictumst. Cras eget nibh eros, in blandit lacus. Proin commodo justo et velit hendrerit et malesuada tortor feugiat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id sem justo, sed porta ante. Proin facilisis aliquet congue. Etiam egestas erat vel nunc dignissim sodales. Sed pellentesque, risus eu sagittis laoreet, arcu lorem auctor magna, nec pellentesque diam lorem et augue. Pellentesque luctus gravida venenatis. Nullam vulputate, orci vitae laoreet posuere, purus nibh aliquet nisi, nec sodales risus mauris eu dolor. Vivamus eleifend lorem ac elit mollis porta. Nulla facilisi. Donec neque nisl, hendrerit nec ultrices vitae, viverra congue risus. Nunc rutrum aliquet viverra. Maecenas ut turpis lectus. Proin ut nibh urna, a blandit ipsum. Proin est ante, lobortis at elementum vitae, dignissim vel sapien. In hac habitasse platea dictumst. CONTINUE

Источник

Не работает border-bottom

#1 Виталий

Клиенты WebForMySelf

361 сообщений

Добрый вечер, очень нужна Ваша помощь в вёрстке.

Суть проблемы в том, что я убрал для ссылки с текстом «Подробнее» подчеркивание, и задал для нее же при наведении свойство border-bottom. Как ни странно, в этом случае свойство border-bottom не срабатывает, хотя для других ссылок работает. Помогите, пожалуйста, найти решение.
Ссылка «Подробнее» находится в html коде на 81 строке, если открывать в notepad++, а свойство border-bottom в css на 248 строке.

Другой вопрос в том, что для заголовка «КЛАССИЧЕСКИЕ ЛЮСТРЫ ВСЕГДА В МОДЕ» линия подчеркивания (свойство border-bottom) появляется ниже, чем нужно по макету. Хотелось бы, чтобы она была по выше.

Спасибо за помощь.

#2 Бернацкий Андрей

Администраторы

2 336 сообщений

• Город Минск

Источник