программирование css

6

Я пытался заставить работать несколько псевдоэлементов в IE, но мне это не позволяло. Он вычеркивает CSS и действует так, как будто его там нет, что меня отчасти раздражает. Кто-нибудь знает, что я делаю не так? .newbutton { border-radius: 50%; width: 74px; height: 74px; position: relative; background-color: black; margin: 60px 0px …

81 css internet-explorer ie-developer-tools

10

Скрыть адрес электронной почты от ботов - сохранить mailto:

tl; dr Скрыть адрес электронной почты от ботов без использования скриптов и сохранить mailto:функциональность. Метод также должен поддерживать программы чтения с экрана. Резюме Обфускация электронной почты без использования скриптов или контактных форм Адрес электронной почты должен быть полностью видимым для зрителей и поддерживать mailto:функциональность Адрес электронной почты не должен быть …

81 html css web-crawler mailto

6

Как разместить таблицу в центре страницы с помощью CSS?

Я использую следующий код. Как с помощью CSS разместить эту таблицу в центре страницы? <html> <head> <link rel="stylesheet" type="text/css" href="styles.css" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>The Main Page</title> </head> <body> <table> <tr> <td><button class="lightSquare"></button></td> <td><button class="darkSquare"></button></td> <td><button class="lightSquare"></button></td> <td><button class="darkSquare"></button></td> <td><button class="lightSquare"></button></td> <td><button class="darkSquare"></button></td> <td><button class="lightSquare"></button></td> <td><button class="darkSquare"></button></td> </tr> </table> …

81 html css html-table center

9

Могу ли я масштабировать высоту div пропорционально его ширине с помощью CSS?

Могу ли я установить любую переменную в CSS, например, я хочу, чтобы моя высота div всегда составляла половину ширины, мои масштабы div с шириной экрана для div в процентах <div class="ss"></div> CSS: .ss { width:30%; height: half of the width; } Эти 30% ширины масштабируются с разрешением экрана.

81 html css

5

Как выбрать элемент с определенным классом?

Я понимаю, что использование element.classдолжно позволять конкретному элементу, назначенному классу, получать другой «стиль», чем остальная часть класса. Вопрос не в том, следует это использовать или нет, я скорее пытаюсь понять, как этот селектор должен работать. Глядя на массу примеров в Интернете, я считаю, что синтаксис правильный, и не понимаю, почему …

81 html css syntax css-selectors

10

предотвратить: после переноса элемента на следующую строку

У меня есть этот HTML: <ul> <li class="completed"><a href="#">I want the icon to stay on the same line as this last <strong>word</strong></li> </ul> Я добавляю значок, используя псевдоэлемент: after: ul li.completed a:after { background:transparent url(img.png) no-repeat; content: ''; display:inline-block; width: 24px; height: 16px; } Проблема: если доступная ширина слишком мала, …

81 css

8

Остановить переход CSS от срабатывания при загрузке страницы

У меня возникла проблема, transitionсвязанная с активацией свойства CSS при загрузке страницы. Проблема в том, что когда я применяю color transitionк элементу (например:), transition: color .2sтогда, когда страница сначала загружает, мои элементы мигают с черного на свой собственный назначенный цвет. Предположим, у меня есть следующий код: CSS p.green { color: …

81 html css google-chrome

12

Устранение вспышки нестилизованного контента

Как остановить мигание нестилизованного содержимого (FOUC) на веб-странице?

81 css fouc

2

Почему порядок медиа-запросов имеет значение в CSS?

В последнее время я разрабатывал более отзывчивые сайты и часто использовал медиа-запросы CSS. Я заметил одну закономерность: действительно имеет значение порядок, в котором определяются медиа-запросы. Я тестировал его не в каждом браузере, а только в Chrome. Есть ли объяснение такому поведению? Иногда становится неприятно, когда ваш сайт работает не так, …

80 css media-queries responsive-design

6

Заказ столбцов через Bootstrap4

У меня есть 3 столбца, которые я хочу упорядочить по-разному на компьютере и мобильном устройстве. Сейчас мой пояс выглядит так: <div class="row"> <div class="col-xs-3 col-md-6"> 1 </div> <div class="col-xs-3 col-md-6"> 2 </div> <div class="col-xs-6 col-md-12"> 3 </div> </div> Запустить фрагмент кодаСкрыть результатыРазвернуть фрагмент В мобильном представлении я хочу получить следующий …

80 css bootstrap-4 grid

7

Волнистая форма с CSS

Я пытаюсь воссоздать это изображение с помощью CSS: Мне не нужно было бы это повторять. Это то, что я начал, но у него просто прямая линия: #wave { position: absolute; height: 70px; width: 600px; background: #e0efe3; } <div id="wave"></div> Запустить фрагмент кодаСкрыть результатыРазвернуть фрагмент

80 css css-shapes

9

Перевести процентные значения X и Y в зависимости от высоты и ширины элементов?

Сдвиг элемента по оси Y на 50% переместит его вниз на 50% от его собственной высоты, а не на 50% от высоты родителей, как я ожидал. Как указать элементу перевода, чтобы он основывал процент перевода на родительском элементе? Или я чего-то не понимаю? http://jsfiddle.net/4wqEm/2/

80 css translate percentage translate3d

10

Обновите / перезагрузите содержимое в Div с помощью jquery / ajax

Я хочу перезагрузить div одним нажатием кнопки. Я не хочу перезагружать страницу полностью. Вот мой код: HTML: <div role="button" class="marginTop50 marginBottom"> <input type="button" id="getCameraSerialNumbers" value="Capture Again" class="disabled" /> <input type="button" id="confirmNext" value="Confirm & Proceed" class="disabled marginLeft50" /> </div> При нажатии <input type="button" id="getCameraSerialNumbers" value="Capture Again">кнопки a <div id="list">....</div>должен перезагрузиться без …

80 javascript jquery html css ajax

5

Чтобы div увеличивал полную высоту

Есть ли метод, который я могу использовать для расширения div на полную высоту? У меня тоже есть липкий нижний колонтитул. Вот веб-страница: Веб-сайт удален . Средний бит, о котором я говорю, - это белый div, midcontent, который имеет значения CSS: .midcontent{ width:85%; margin:0 auto; padding:10px 20px; padding-top:0; background-color:#FFF; overflow:hidden; min-height:100%; …

80 css xhtml html

5

Кнопка Bootstrap 3.0 на панели навигации

Я обновил bootstrap 3.0. И тег "a", который выглядит как btn (с помощью класса .btn), испорчен на панели навигации. <li> <a href="<?php echo BASE_PATH; ?>register.php" class="btn btn-primary btn-sm"> <?php echo "<strong>" . _('Bayilik Başvurusu') . "</strong>"; ?> </a> </li> Но он работает некорректно. Я думаю, что Bootstrap изменил систему.

79 css twitter-bootstrap-3

Вопросы с тегом «css»