Запитання з тегом «css»

У мене такий клас слайдера, і я хочу змінити атрибут style style = "left: 336px" <div id="range-cont"> <div class="slider"> <div class="progress" style="width: 350px;"></div> <a class="handle" href="#" **style="left: 336px;"**></a> </div> <input id="percentage" class="range" type="range" value="14" name="percentage" min="0" max="100"> <p id="percent-label">%</p> </div> </div> Я спробував, $('.handle').css({'style':'left: 300px'})але це не працює. Не впевнений, …

87 javascript  jquery  css 

Скажімо, у мене є два divs поруч один з одним (візьмемо https://chrome.google.com/webstore/category/home як посилання) з межею. Чи є спосіб (бажано фокус CSS), щоб запобігти моєму div, щоб він мав подвійну межу? Погляньте на це зображення, щоб краще зрозуміти, що я маю на увазі: Ви можете бачити, що там, де зустрічаються …

87 css 

Яка точна різниця між overflow-wrap/ word-wrapта word-break? І хтось може сказати мені, що краще для розриву дуже довгих посилань? Більшість людей кажуть, що слід використовувати розрив слів у поєднанні з, overflow-wrapале це виглядає не дуже логічно. Я думаю, що використання overflow-wrapв поєднанні з word-wrapдля кращої підтримки між браузерами є найкращим …

87 html  css  word-wrap  word-break 

HTML <div> <p>inverted color</p> </div> CSS div { background-color: #f00; } p { color: /* how to use inverted color here in relation with div background ? */ } Чи є спосіб інвертувати pколір за допомогою CSS? Є color: transparent;чому color: invert;навіть не в CSS3?

87 css  colors 

У моєму додатку є модальне діалогове вікно, яке може тривати досить довго в напрямку у. Це створює проблему, через яку частина вмісту діалогового вікна прихована внизу сторінки. Я хотів би, щоб смужка прокрутки вікна прокручувала діалогове вікно, коли воно відображається і занадто довге, щоб вміститися на екрані, але залишити основний …

87 css  scroll 

Клацнувши на кнопці "ПРОДУКТИ", я пересуваю білий div (як показано в додатку). Коли використовується адаптивний (мобільний і планшетний ПК), я хотів би автоматично закрити адаптивну панель навігації та відображати лише білу смужку. Я намагався: $('.btn-navbar').click(); також намагався: $('.nav-collapse').toggle(); І це працює. Однак у розмірі робочого столу він також називається і …

86 javascript  html  css  twitter-bootstrap 

Я створюю веб-додаток для вікторини за допомогою PHP. Кожне питання складається з окремого <label>і має 4 можливі варіанти, radio buttonsщо дозволяють користувачеві вибрати свою відповідь. Поточний HTML для одного запитання виглядає так: <label for="349">What is my middle name?</label> <br> <input id="349" type="radio" value="1" name="349">Abe <br> <input id="349" type="radio" value="2" name="349">Andrew …

86 html  css  forms  input  radio-button 

Я вже використовував гліфікони в bootstrap 2.3, але тепер перейшов на bootstrap 3.0. Зараз я не можу використовувати властивість icon. У bootstrap 2.3 працює тег нижче <i class="icon-search"></i> У bootstrap 3.0 це не працює.

86 html  css  twitter-bootstrap-3 

Я використовую файл Font Awesome Sass https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sass, щоб зробити його _font-awesome.sass, щоб я міг @importу своєму проекті Sass. Я також використовую http://middlemanapp.com/ для перетворення Sass у Css . Запитання: Чи є спосіб перенести лише використані класи значків у мій перетворений .css? Тому що зараз він несе всі класи з _font-awesome.sass …

86 css  sass  font-awesome 

Ви знайдете безліч підручників на рядках меню в HTML, але для цього конкретного (хоча загального) випадку я не знайшов жодного гідного рішення: # THE MENU ITEMS SHOULD BE JUSTIFIED JUST AS PLAIN TEXT WOULD BE # # ^ ^ # Існує різна кількість пунктів меню, що містять лише текст, і …

86 html  css 

У мене є така розмітка: <li id="CN2787"> <img class="fav_star" src="images/fav.png"> <span>Text, text and more text</span> </li> Я хочу, щоб якщо текст загортається, він не потрапляв у "стовпець" для зображення. Я знаю, що можу це зробити за допомогою table(що я і робив), але з цієї причини це не працює . Я …

86 css  css-float  word-wrap 

Я прагну взяти кольорову піктограму (і буде посиланням) і перетворити її в градації сірого, поки користувач не наведе мишу на піктограму (де вона потім забарвить зображення). Чи можливо це зробити і таким чином, що підтримується IE & Firefox?

86 css  mouseover  grayscale 

Все, що я хочу, - це мати можливість змінити колір кулі у списку на світло-сірий. За замовчуванням чорний, і я не можу зрозуміти, як його змінити. Я знаю, що міг би просто використати зображення; Я волів би цього не робити, якщо зможу допомогти.

86 html  css  html-lists 

У мене є сервер виробництва та розробки. Проблема полягає в структурі каталогів. Розробка: http://dev.com/subdir/images/image.jpg http://dev.com/subdir/resources/css/style.css Виробництво: http://live.com/images/image.jpg http://live.com/resources/css/style.css Як я можу мати папку style.cssin, cssяка використовує на обох серверах однаковий шлях до background: urlвластивості? Чи є якийсь фокус, яким я можу скористатись із відносними шляхами?

86 css  relative-path  absolute-path 

Отже, у мене проблема. Я озирнувся і озирнувся, але не везе. Я хотів би зробити фон мого тіла прозорим, але залишити текст непрозорим. Як це зараз я продовжую робити обидва однакові непрозорість. Ось мій код: @charset "utf-8"; body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background-color: #42413C; margin: 0; padding: …

86 html  css  text  opacity