css- все статьи тега ➜ страница 33
Предзагрузка изображений в CSS
у меня есть скрытая контактная форма, которая развертывается нажатием на кнопку. Его поля задаются как фоновые изображения CSS, и они всегда появляются немного позже, чем div, которые были переключены. я использовал этот фрагмент в , но не повезло (после того как я очистил кэш) : <script> $(document).ready(function() { pic = new Image(); pic2 = new Image(); pic3 = new Image(); pic.src="<?php bloginfo('template_directory'); ?>/images/inputs/input1.png ...
Как поместить полосу прокрутки только для модального тела в модальный диалог bootstrap
У меня есть следующий элемент <div class="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog" style="overflow-y: scroll; max-height:85%; margin-top: 50px; margin-bottom:50px;" > <div class="modal-content"> <div class="modal-header"> <h3 class="modal-title"></h3> </div> <div class="modal-body"></div> ...
Некоторые размеры шрифта отображаются больше на Safari (iPhone)
есть ли CSS или другие причины, по которым Safari/iPhone будет игнорировать некоторые настройки размера шрифта? На моем конкретном веб-сайте Safari на iPhone отображает некоторый размер шрифта:13px текст больше, чем размер шрифта: 15px текст. Может быть, он не поддерживает размер шрифта на некоторых элементах? ...
html-таблица строка как ссылка
Я не могу установить строку таблицы как ссылку на что-то. Я могу использовать только css и html. Я пробовал разные вещи от div в строку что-то другое, но все равно не могу заставить его работать. ...
Как я могу центрировать div в другом div? [дубликат]
этот вопрос уже есть ответ здесь: Как горизонтально центрировать a ? 90 ответов у меня проблема. У меня есть HTML код такой: <div id="main_content" > <div id="container"> </div> </div> css вот так: #main_content { top: 160px; left: 160px; width: 800px; min-height: 500px; height: auto; background-color: #2185C5; position: relative; } #conta ...
Как я могу скрыть строку таблицы HTML, чтобы она не занимала места?
как я могу скрыть строку таблицы HTML <tr> Так что он не занимает места? У меня есть несколько <tr>'s установленный до style="display:none;", но они по-прежнему влияют на размер таблицы, а граница таблицы отражает скрытые строки. ...
Центрирование разбиения на страницы в bootstrap
у меня есть этот код в разбивке на страницы <div class="pagination"> <ul> <li><a href="?p=0" data-original-title="" title="">1</a></li> <li><a href="?p=1" data-original-title="" title="">2</a></li> </ul> </div> но мой ul выравнивается по левому краю. Есть ли способ центрировать ul wrt div? пробовал margin: auto auto и margin :0 auto но они не работают. ...
:активный псевдо-класс не работает в мобильном Safari
в Webkit на iPhone / iPad / iPod, указав стиль для: активный псевдокласс для <a> тег не срабатывает при нажатии на элемент. Как я могу заставить это сработать? Пример кода: <style> a:active { background-color: red; } </style> <!-- snip --> <a href="#">Click me</a> ...
Что является противоположностью: наведите курсор (на мыши оставить)?
есть ли способ сделать наоборот :hoverиспользуя только CSS? Как в: если :hover и on Mouse Enter, есть ли CSS эквивалент on Mouse Leave? пример: у меня есть меню HTML с помощью элементов списка. Когда я наведу курсор на один из элементов, есть цветовая анимация CSS от #999 до black. Как я могу создать противоположный эффект, когда мышь покидает область элемента, с анимацией от black to #999? jsFiddle (имейте в виду, что я хочу ответить не только на этот пример, но и на всю "противоположность ...
Как удалить подчеркивание из имени при наведении курсора
у меня такой html: <legend class="green-color"><a name="section1">Section</a></legend> legend.green-color{ color:green; } в моем случае Section выглядит зеленым, но когда я поставил на него указатель мыши, он стал похож на href, но я хочу, чтобы он оставался таким же, без подчеркивания и изменения цвета. можно ли достичь без изменения css или с минимальным css cahnge? или может быть как-то с jQuery? ...
Есть ли эквивалент CSS max-width, который работает в HTML-письмах?
Я пытаюсь создать HTML-письмо, которое будет отображаться правильно во всех широко используемых почтовых клиентах. Я обертываю всю электронную почту в таблицу, и я хотел бы, чтобы она имела ширину до 98% от доступной ширины, но не более 800 пикселей. Вроде этого: <table style="width:98%; max-width:800px;"> но я не делаю так, потому что по этому Outlook 2007 не поддерживает свойство CSS width. вместо этого я делаю это: <table width="98%"> есть любой способ также установить максим ...
CSS как выбрать первый встречающийся элемент после другого элемента
у меня есть следующий HTML-код на странице <h4>Some text</h4> <p> Some more text! </p> в моем css у меня есть следующий селектор для стиля элемента H4. HTML-код выше - это всего лишь небольшая часть всего кода, есть несколько div, более обернутых вокруг принадлежности к shadowbox #sb-wrapper #sb-wrapper-inner #sb-body #myDiv h4 { color : #614E43; margin-top : 5px; margin-left : 6px; } таким образом, у меня есть правильный с ...
Как создать переключатель в Bootstrap
Я изначально создал веб-приложение в HTML, CSS и JavaScript, а затем попросил создать его снова в Bootstrap тоже. Я сделал все это хорошо, но у меня были кнопки переключения в веб-приложении, которые изменились обратно на кнопки радио (первоначально флажок) вместо кнопок переключения, которые у меня были изначально. код кнопки: <label> Notifications <span class='toggle'> <input type='radio' class='notifications' name='notifications' id='notifications' / ...
Safari в ios8 прокручивает экран, когда фиксированные элементы получают фокус
в iOS8 Safari появилась новая ошибка с фиксированной позицией. Если вы фокусируете текстовое поле, которое находится в фиксированной панели, safari прокручивает вас до нижней части страницы. это делает все виды UIs невозможно работать, так как у вас нет никакого способа ввода текста в текстовые области без прокрутки страницы полностью вниз и потерять свое место. есть ли способ обойти эту ошибку чисто? #a { height: 10000px; background: linear-gradient(red, blue); } #b { position: fix ...
Символ Юникода как пуля для элемента списка в CSS
Мне нужно использовать, например, символ звезды(★) в качестве маркера для элемента списка. прочитал CSS3 модуль: списки, это описывает, как использовать пользовательский текст в качестве пуль, но это не работает для меня. Я думаю, браузеры просто не поддерживают ::marker элемент псевдо. Как я могу это сделать, не используя изображения? ...
Центрирование кнопки по вертикали в ячейке таблицы с помощью Twitter Bootstrap
Я использую Twitter Bootstrap и пытаюсь центрировать кнопку в ячейке таблицы. Мне только нужно, чтобы он был по центру вертикально. <table class="table table-bordered table-condensed"> <tbody> <tr> <td><a href="#" class="btn btn-primary"><i class="icon-check icon-white"></i></a></td> <td><a href="#">Todo Item One</a><br /><span class="label label-success">One thing</span></td> & ...
Не удалось декодировать загруженный шрифт
это ошибка, которую я получаю в Chrome и, к сожалению, поиск его не дал мне много результатов. Сам шрифт отображается правильно. Однако я все еще получаю эту ошибку/предупреждение. Более конкретно, это полное предупреждение: " не удалось декодировать загруженный шрифт: http://localhost:8000/app/fonts/Lato/" мой CSS таковы: @font-face { font-family:"Lato"; src: url("../fonts/Lato/"); } html, body { font-family:'Lato'; } Я просто не понимаю. Шрифт применяется правильно, но ...
Как нарисовать пунктирную линию с помощью CSS?
Как я могу нарисовать пунктирную линию с помощью CSS? ...
Веб-фонты или локально загруженные шрифты?
С тех пор неприятности, вызванные использованием Cufon я отважился отказаться от использования внешних ресурсов шрифтов, но в последнее время я искал альтернативные методы загрузки шрифтов, чтобы увидеть, есть ли лучший способ; лучшие методы имеют способ просто появляться из ниоткуда. есть много новых методов, и вариации для каждого метода кажется; я должен использовать typekit? или google webfonts (с js или css)? должен ли я продолжать использовать локально загружаемые шрифты (например fontsq ...
Как нормализовать функции перехода CSS3 между браузерами?
событие конца перехода Webkit называется webkitTransitionEnd, Firefox-transitionEnd, opera-oTransitionEnd. Каков хороший способ решения всех из них в чистом JS? Должен ли я делать браузер нюхать? или реализовать каждый из них отдельно? Каким-то другим способом, который мне не приходил в голову? ie: //doing browser sniffing var transitionend = (isSafari) ? "webkitTransitionEnd" : (isFirefox) ? "transitionEnd" : (isOpera) ? "oTransitionEnd"; element.addEventListener(transitionend, function(){ ...