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

Я пытаюсь изменить цвет фона div при наведении курсора мыши . div {фон: белый;} div a: hover {фон: серый; ширина: 100%; дисплей: блок; украшение текста: нет;} только ссылка внутри DIV приобретает цвет фона . что я мог сделать, чтобы весь div получил этот цвет фона? Спасибо РЕДАКТИРОВАТЬ: как я могу …

91 css  colors  background  hover 

В настоящее время я использую этот фрагмент кода для отображения списка: <ul ng-cloak> <div ng-repeat="n in list"> <li><a href="{{ n[1] }}">{{ n[0] }}</a></li> <li class="divider"></i> </div> <li>Additional item</li> </ul> Однако этот <div>элемент вызывает некоторые очень незначительные дефекты рендеринга в некоторых браузерах. Я хотел бы знать, есть ли способ выполнить ng-repeat …

91 javascript  css  html  angularjs 

В следующие дни я должен представить прототип веб-приложения одному из моих клиентов. Дело в том, что я не очень хорошо разбираюсь в CSS, и, что хуже всего, я почти никогда не доволен полученными результатами. Кодирование бизнес-логики не представляет для меня проблем, однако дизайн пользовательского интерфейса занимает более 80% моего времени. …

91 css  user-interface 

Событие завершения перехода Webkit называется webkitTransitionEnd, Firefox - transitionEnd, Opera - oTransitionEnd. Как лучше всего решить их все на чистом JS? Стоит ли анализировать браузер? или реализовать каждый отдельно? Другой способ, который мне не приходил в голову? то есть: //doing browser sniffing var transitionend = (isSafari) ? "webkitTransitionEnd" : (isFirefox) …

91 javascript  css  css-transitions  dom-events 

Вы знаете, как скрыть классический значок «Изображение не найдено» на обработанной HTML-странице, когда файл изображения не найден? Любой метод работы с использованием JavaScript / jQuery / CSS?

91 javascript  jquery  html  css  image 

У меня есть стильный элемент position: relative; transition: all 2s ease 0s; Затем я хочу плавно изменить его положение после нажатия на него, но когда я добавляю изменение стиля, переход не происходит, вместо этого элемент перемещается мгновенно. $$('.omre')[0].on('click',function(){ $$(this).style({top:'200px'}); }); Однако если я, colorнапример, изменю свойство, оно изменится плавно. $$('.omre')[0].on('click',function(){ …

91 javascript  css  transition 

Я знаю, что для вертикального выравнивания текста по середине блока вы устанавливаете высоту строки на ту же высоту, что и блок. Однако, если у меня есть предложение со словом посередине, то это так 2em. Если у всего предложения высота строки такая же, как у содержащего его блока, тогда больший текст …

91 css  text  vertical-alignment  baseline 

У меня есть сообщение ниже (слегка измененное): «Примите участие в конкурсе до 30 января 2011 года, и вы сможете выиграть до $$$$, включая потрясающие летние поездки!» В настоящее время у меня есть: <p style="font-size:14px; color:#538b01; font-weight:bold; font-style:italic;"> форматирование текстовой строки, но вы хотите изменить цвет «30 января 2011» на # …

91 html  css  text  colors  inline 

На своем сайте я использую reset.css. Он добавляет именно это в стили списка: ol, ul { list-style: none outside none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, …

91 html  css  html-lists 

У меня есть сворачиваемый div на чистом CSS, который основан на чужом коде, который использует :targetпсевдокласс. Я пытаюсь создать страницу с более чем 12 вопросами, и когда вы нажимаете кнопку +, div ответа раскрывается ниже. Я не могу понять, как сделать на этой странице несколько сворачивающихся элементов div, не написав …

91 css  collapsable 

Привет, у меня проблемы с некоторыми классами css в joomla. У меня есть два блока div в модуле, один - это оболочка class = "wrapper", другой - content class = "content". Контент находится внутри оболочки. Что я пытаюсь сделать, так это нацелить стиль css на класс содержимого. Обычно я просто …

91 html  css  joomla  module 

Я пытался разделить div на два столбца с помощью CSS, но мне еще не удалось заставить его работать. Моя основная структура следующая: <div id="content"> <div id="left"> <div id="object1"></div> <div id="object2"></div> </div> <div id="right"> <div id="object3"></div> <div id="object4"></div> </div> </div> Если я попытаюсь переместить правый и левый div в их соответствующие …

91 css  html  css-float 

У меня есть корзина в моем верхнем меню, push-rightи моя проблема в том, что выпадающий пузырь выпадает со страницы. Я пытаюсь выровнять пузырек по правому краю, чтобы он выровнялся по правому краю с помощью "щелчка" как это HTML: <div class="cart pull-right"> <ul class="nav"> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">CLICK</a> <div …

91 html  css  twitter-bootstrap 

можно использовать что угодно в любом порядке? действительно ли размещение <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">важно перед<title> это наиболее часто используется, это лучший способ? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Title Goes Here</title> <link rel="stylesheet" href="http://sstatic.net/so/all.css?v=5912"> <link rel="shortcut icon" href="http://sstatic.net/so/favicon.ico"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script …

91 html  css  xhtml  w3c 

Я использую CSS-фреймворк для начальной загрузки twitter (это фантастика). Для некоторых сообщений пользователям я показываю их с помощью предупреждений Javascript JS и CSS. Для желающих его можно найти здесь: http://getbootstrap.com/javascript/#alerts Моя проблема в следующем; после того, как я отобразил предупреждение пользователю, я бы хотел, чтобы оно исчезло через некоторый промежуток …

90 javascript  jquery  css  twitter-bootstrap  alert