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

В основному у мене на сторінці два зовнішні CSS. Перший Main.cssмістить усі правила стилю, але я не маю до нього доступу, а значить, я не можу його змінювати. У мене є доступ до другого файлу Template.css, тому мені потрібно змінити значення Main.css's в template.css. Це легко, для чого я повинен …

109 css 

Мені потрібно додати чуйні функції дизайну до мого веб-додатку за допомогою Twitter Bootstrap. Я просто хочу чуйної поведінки, мене не цікавлять типографія, компоненти або будь-які інші речі, що входять до Bootstrap. Я отримав індивідуальну версію Bootstrap, просто вибравши сітку. Однак, коли я додаю створений CSS у свою програму, всі мої …

109 html  css  twitter-bootstrap  responsive-design 

Я щойно стикався з дуже дивною проблемою, яка з’являється лише в Safari 10. У мене є гральні карти, SVG-зображення, які іноді обертаються за допомогою transform:rotate(xdeg). Картка, яку я використовую, має червоний блок. Якщо він не повертається або обертається під прямим кутом, тобто 90, 180, 270, то це виглядає нормально. Але …

109 html  css  svg  safari 

В Webkit на iPhone / iPad / iPod із зазначенням стилів для: активного псевдокласу для an <a> тегу не запускається при натисканні на елемент. Як я можу змусити це спрацювати? Приклад коду: <style> a:active { background-color: red; } </style> <!-- snip --> <a href="#">Click me</a>

109 iphone  css  webkit  mobile-safari  pseudo-class 

У мене є такий обробник подій для мого html-елемента jQuery("#seek-bar").click(function(e){ var x = e.pageX - e.target.offsetLeft; alert(x); }); Мені потрібно знайти положення миші на панелі # search-bar під час клацання. Я б подумав, що наведений вище код повинен працювати, але він дає неправильний результат

109 javascript  jquery  html  css  jquery-ui 

У формі у мене є одне поле вибору та два поля введення. Ці елементи вертикально вирівняні. На жаль, я не можу отримати рівну ширину цих елементів. Ось мій код: <select name="name1" style="width:198px"> <option>value1</option> <option>value2</option> </select><br/> <input type="text" name="id1" style="width:193px"><br/> <input type="text" name="id2" style="width:193px"> Для наведеного вище прикладу найкраща ширина елемента …

109 html  css  html-select  border-box 

Відповідно до документації завантажувального закладу щебетати , я повинен мати можливість "Обертати рядки тексту в <p>тег для належного провідного та кольорового кольору". Коли я це роблю, будь-який рівень під navbarцим просто не успадковує жоден з navbarкласів. Обертання рядка в <a>теги робить його, але воно не повинно бути якорем. Рядок, який …

109 html  css  twitter-bootstrap 

Я хочу гніздо spanта aмітки. Повинен я Покладіть <span>всередину<a> Покладіть <a>всередину<span> Не має значення?

109 html  css  semantic-markup 

Скажімо, у мене є цей текст, який я хочу відобразити у комірці таблиці HTML: Honey Nut Cheerios, Wheat Chex, Grape-Nuts, Rice Krispies, Some random cereal with a very long name, Honey Bunches of Oats, Wheaties, Special K, Froot Loops, Apple Jacks і я хочу, щоб рядок перервався переважно після однієї …

109 html  css  word-wrap 

Для мого проекту (див. Проект BigPictu.re або bigpicture.js GitHub ) я маю справу з потенційно дуже, дуже, дуже великим <div>контейнером. Я знав, що при простому підході, який я використовую, є ризик низької продуктивності, але не сподівався, що він буде присутній в основному тільки з ... Chrome! Якщо ви перевірите цю …

109 javascript  html  css  google-chrome 

У мене є такий код: <div class="table"> <div class="row"> <div class="cell">Cell</div> <div class="cell">Cell</div> </div> <div class="row"> <div class="cell colspan2">Cell</div> </div> </div> <style> .table { display: table; } .row { display: table-row; } .cell { display: table-cell; } .colspan2 { /* What to do here? */ } </style> Досить прямо. Як …

109 html  css 

Я працюю над веб-додатком, для якого я намагаюся впровадити повнофункціональну систему вікон. Зараз це йде дуже добре, я стикаюся лише з однією незначною проблемою. Іноді, коли я йду перетягувати частину своєї програми (найчастіше кутовий розділ мого вікна, який повинен викликати операцію зміни розміру), веб-браузер стає розумним і думає, що я …

109 javascript  jquery  css  webbrowser-control 

Чи можна якось мати лише вставну коробку-тінь на одній стороні діва? Зауважте, що я говорю тут про вставну коробку-тінь, а не про звичайну зовнішню тінь. Наприклад, у наступному JSFiddle ви побачите, що вбудована тінь з’являється на всіх 4 сторонах, в різному ступені. Як я можу отримати це ТОЛЬКО шоу вгорі? …

109 css 

Я використовую window.print () для друку сторінки, але я отримав заголовок і нижній колонтитул, містить назву сторінки, шлях файлу, номер сторінки та дату. Як їх видалити? Я також спробував таблицю стилів друку. #header, #nav, .noprint { display: none; } Будь ласка, допоможіть. Дякую.

109 css  printing 

Я тільки починаю роботу з Bootstrap з Twitter і мені цікаво, що таке «найкращі практики» для налаштування. Я хочу розробити систему, яка використовуватиме всю потужність шаблону css (Bootstrap чи іншого), бути повністю (і легко) модифікованою, бути стійкою (тобто - коли наступна версія Bootstrap вийде з Twitter, я не хочу ' …

109 css  twitter-bootstrap  bootswatch