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

scriptЕлемент , який був стилізований display:blockз'являється видно. Чому це можливо і чи є реальні випадки використання, де це бажано? td > * { display: block; } <table> <tr> <td> <script type="text/javascript"> var test = 1; </script>von 1 </td> </tr> </table> Виконати фрагмент кодуСховати результатиРозгорніть фрагмент

142 html  css  script-tag 

У мене є зображення за цим посиланням: http://d38daqc8ucuvuv.cloudfront.net/avatars/216/2014-02-19%2017.13.48.jpg Як бачите, це нормальне зображення з правильною орієнтацією. Однак, коли я встановлюю це посилання на атрибут src мого тегу зображень, зображення стає перевернутим. http://jsfiddle.net/7j5xJ/ <img src="http://d38daqc8ucuvuv.cloudfront.net/avatars/216/2014-02-19%2017.13.48.jpg" width="200"/> Виконати фрагмент кодуHide resultsРозгорніть фрагмент Чи маєте ви уявлення про те, що відбувається?

142 html  css  image 

Я намагаюся встановити декілька inlineта inline-blockкомпоненти, вирівняні вертикально в div. Як же spanв цьому прикладі наполягають на тому, щоб його натискали вниз? Я спробував vertical-align:middle;і те vertical-align:top;, і нічого не змінюється. HTML: <div> <a></a><a></a> <span>Some text</span> </div>​ CSS: a { background-color:#FFF; width:20px; height:20px; display:inline-block; border:solid black 1px; } div { …

142 html  css  vertical-alignment 

У мене є CSS, який змінює форматування, коли ви наводите курсор на елемент. HTML: <div class="test"> blah </div> CSS: .test:hover { border: 1px solid red; } У деяких випадках я не хочу застосовувати CSS на наведення курсора. Одним із способів було б просто видалити CSS-клас з div за допомогою jQuery, …

142 html  css 

У мене тут веб-сайт . Переглянута в настільному браузері, чорна панель меню належним чином поширюється лише на край вікна, оскільки bodyмає overflow-x:hidden. У будь-якому мобільному браузері, будь то Android чи iOS, чорна панель меню відображає повну ширину, що забезпечує пробіл у правій частині сторінки. Наскільки я можу сказати, цей пробіл …

142 css  overflow  viewport  mobile-browser 

Чи можна додати горизонтальну смугу прокрутки до таблиці HTML? Насправді мені потрібно, щоб він прокручувався як вертикально, так і горизонтально, залежно від того, як росте таблиця, але я не можу отримати жодну смугу прокрутки, щоб вона з’явилася.

142 html  css  html-table  scrollbar 

Я використовую google webfonts, і вони чудово підходять для дуже великих розмірів шрифту, але в 18px вони виглядають жахливо. Я тут і там читав, що є рішення для згладжування шрифту, але я не знайшов жодного, де це було б чітко пояснено, і декілька знайдених фрагментів взагалі не працюють. Моє h4виглядає …

141 css  google-chrome  fonts  google-webfonts 

Привіт, я використовую щось подібне до наступного, щоб отримати поділ посередині екрана: <style type="text/css"> #mydiv { position:absolute; top: 50%; left: 50%; width:30em; height:18em; margin-top: -9em; /*set to a negative number 1/2 of your height*/ margin-left: -15em; /*set to a negative number 1/2 of your width*/ border: 1px solid #ccc; background-color: …

141 css  html  window  center 

Хтось знає простий метод змінити колір фону веб-сторінки за допомогою JavaScript?

141 javascript  css 

Моя мета - зробити HTML-сторінку, схожу на "фоторамку". Іншими словами, я хочу зробити порожню сторінку, оточену 4 картинками. Це мій код: <table> <tr> <td class="bTop" colspan="3"> </td> </tr> <tr> <td class="bLeft"> </td> <td class="middle"> </td> <td class="bRight"> </td> </tr> <tr> <td class="bBottom" colspan="3"> </td> </tr> </table> А класи CSS такі: …

141 html  css  html-table  background-image 

Як застосувати стиль до порожнього поля введення? Якщо користувач щось вводить у полі введення, стиль більше не повинен застосовуватися. Чи можливо це в CSS? Я спробував це: input[value=""]

141 css  input  css-selectors 

Я намагаюся використовувати медіа-запити CSS3, щоб створити клас, який з’являється лише тоді, коли ширина перевищує 400 пікселів і менше 900 пікселів. Я знаю, що це, мабуть, надзвичайно просто, і я пропускаю щось очевидне, але не можу це зрозуміти. Що я придумав - це нижченаведений код, будь-яка допомога. @media (max-width:400px) and …

141 css  media-queries 

Я використовую окрему таблицю стилів для друку. Чи можна встановити правий і лівий поля в аркуші стилів, який встановлює поле друку (тобто поле на папері). Дякую.

141 html  css  printing  stylesheet 

Я роблю HTML електронної підпис з інлайн CSS (тобто CSS в styleатрибутах), і я цікаво, чи буде це можна використовувати :beforeі :afterпсевдо-елементи. Якщо так, то як би я реалізував щось подібне з вбудованим CSS? td { text-align: justify; } td:after { content: ""; display: inline-block; width: 100%; }

141 html  css  css-selectors  pseudo-element  inline-styles 

Я хочу додати стиль вибраній мітці перемикача: HTML: <div class="radio-toolbar"> <label><input type="radio" value="all" checked>All</label> <label><input type="radio" value="false">Open</label> <label><input type="radio" value="true">Archived</label> </div> CSS .radio-toolbar input[type="radio"] {display:none;} .radio-toolbar label { background:Red; border:1px solid green; padding:2px 10px; } .radio-toolbar label + input[type="radio"]:checked { background:pink !important; } Будь-які ідеї, що я роблю неправильно?

141 html  css