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

CSS (Каскадні таблиці стилів) - мова аркуша стилю представлення, яка використовується для опису вигляду та форматування HTML (мови розмітки HyperText), XML (розширюваної мови розмітки) та SVG-елементів, включаючи (але не обмежуючись ними) кольори, макет, шрифти, та анімації. Він також описує, як елементи повинні бути відображені на екрані, на папері, у мовленні або на інших носіях інформації.


10
Відносні шляхи у Javascript у зовнішньому файлі
Отже, я запускаю цей javascript, і все працює нормально, крім шляхів до фонового зображення. Він працює в моєму локальному середовищі ASP.NET Dev, але НЕ працює при розгортанні на сервері у віртуальному каталозі. Це у зовнішньому файлі .js, структура папок - Site/Content/style.css Site/Scripts/myjsfile.js Site/Images/filters_expand.jpg Site/Images/filters_colapse.jpg тоді звідси включено файл js Site/Views/ProductList/Index.aspx …

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

4
Колір укладених напівпрозорих коробок залежить від замовлення?
Чому кінцевий колір двох напівпрозорих коробок, що укладаються один від одного, залежить від замовлення? Як я міг зробити так, щоб я отримав однаковий колір в обох випадках? .a { background-color: rgba(255, 0, 0, 0.5) } .b { background-color: rgba(0, 0, 255, 0.5) } <span class="a"><span class="b"> Color 1</span></span> <span class="b"><span …

10
Розмір шрифту щодо роздільної здатності екрана користувача?
У мене є веб-сайт з гнучким вмістом, і меню становить 20% його ширини. Я хочу, щоб розмір шрифту в меню вимірювався належним чином, щоб він завжди відповідав ширині поля та ніколи не переносився на наступний рядок. Я думав використовувати "em" як одиницю, але це відносно розміру шрифту браузера, тому, коли …
84 css  measurement 

3
Розрив рядка (як <br>), використовуючи лише css
Чи можливо в чистому css, тобто без додавання додаткових тегів html, зробити розрив рядка як &lt;br&gt;? Я хочу розрив рядка після &lt;h4&gt;елемента, але не раніше: HTML &lt;li&gt; Text, text, text, text, text. &lt;h4&gt;Sub header&lt;/h4&gt; Text, text, text, text, text. &lt;/li&gt; CSS h4 { display: inline; } Я знайшов багато подібних …
84 html  css  styling 

7
Як вирівняти два елементи в одному рядку, не змінюючи HTML
У мене два елементи на одній лінії плавали ліворуч та плавали праворуч. &lt;style type="text/css"&gt; #element1 {float:left;} #element2 {float:right;} &lt;/style&gt; &lt;div id="element1"&gt; element 1 markup &lt;/div&gt; &lt;div id="element2"&gt; element 2 markup &lt;/div&gt; Мені потрібно, щоб element2 вишикувався поруч із element1 з приблизно 10 пікселями відступів між ними. Проблема полягає в тому, …
84 html  css  css-float  margin 

2
Надіслати поля форми всередині дисплея: немає елемента
У мене довга форма, яку я розбив на 6 етапів. Коли форма завантажується, завантажуються всі кроки, але видно лише перший крок. Решта мають CSS, display:noneтому вони приховані. Коли крок завершено та перевірено за допомогою Javascript, для поточного кроку встановлено значення, display:noneа для нового кроку встановлено значення display:block. На завершальному кроці …
84 javascript  css  forms 


12
Заборонити iPhone збільшувати `select` у веб-програмі
У мене такий код: &lt;select&gt; &lt;option value="c"&gt;Klassen&lt;/option&gt; &lt;option value="t"&gt;Docenten&lt;/option&gt; &lt;option value="r"&gt;Lokalen&lt;/option&gt; &lt;option value="s"&gt;Leerlingen&lt;/option&gt; &lt;/select&gt; Запуск у повноекранному веб-додатку на iPhone. Вибираючи щось із цього списку, iPhone збільшує select-елемент. І не зменшує масштаб після вибору чогось. Як я можу запобігти цьому? Або зменшити масштаб?

13
Висота тіла 100% відображає вертикальну смугу прокрутки
З цікавості, враховуючи приклад нижче, чому наявність поля у div #container призводить до того, що у браузері з’являється вертикальна смуга прокрутки? Висота контейнера значно менша за висоту тіла, яка встановлена ​​на 100%. Я встановив відступи та поля рівними 0 для всіх елементів, крім #container. Зауважте, що я свідомо пропустив абсолютне …
84 html  css 

12
HTML-фрейм - вимкнути прокрутку
На моєму сайті є такий iframe: &lt;iframe src="&lt;&lt;URL&gt;&gt;" height="800" width="800" sandbox="allow-same-origin allow-scripts allow-forms" scrolling="no" style="overflow: hidden"&gt;&lt;/iframe&gt; І в ньому є смуги прокрутки. Як від них позбутися?
84 html  css  iframe 


6
z-індекс скасовується шляхом встановлення перетворення (обертання)
Використовуючи властивість transform, z-індекс скасовується та з'являється спереду. (Коли ви коментуєте -webkit-transform, z-index працює належним чином у коді нижче) .test { width: 150px; height: 40px; margin: 30px; line-height: 40px; position: relative; background: white; -webkit-transform: rotate(10deg); } .test:after { width: 100px; height: 35px; content: ""; position: absolute; top: 0; right: 2px; …
84 css  z-index  transform 

6
Як встановити максимальну ширину зображення в CSS
На своєму веб-сайті я хотів би відображати зображення, завантажені користувачем, у новому вікні з певним розміром ( width: 600px). Проблема в тому, що зображення можуть бути великими. Отже, якщо вони більші за ці 600px, я хотів би змінити їх розмір, зберігаючи пропорції. Я спробував max-widthвластивість CSS, але воно не працює: …

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.