Вопросы с тегами [css]

1

голосов
2

ответ
23

Просмотры

Выравнивание этикетки в верхней форме левой входной

То, что я пытаюсь сделать, это выровнять метку в левом верхнем поле формы и кнопку рядом с ярлыком. Так это выглядит более чистым. Я возился с CSS, но все еще не мог получить это право. Это CSS я использую: ввод {ширина: 190px; границы: 1px твердый #ccc; } Выбора {ширина: 190px; границы: 1px твердый #ccc; } https://jsfiddle.net/4tdcbvkg/1/
Canpakes
0

голосов
1

ответ
12

Просмотры

Как использовать поплавок: левый и список-стиль-типа в HTML? У меня есть код, который не работает с плавающей точкой: слева и список стиль типа

Я хочу сделать позицию списка кнопки на левую сторону с помощью поплавка: не остался и список-стиль-тип = нет, но как-то это не работает. // УС #tus {поле: 5px; обивка: 0; ширина: 640px; высота: автоматический;} {#tus уль поле: 0px; обивка: 0; высота: автоматический, ширина: 640px;} {#tus Li поле: 0px; обивка: 0; список стиле типа: нет; поплавок: левый;} // HTML
Page Tfans
0

голосов
3

ответ
17

Просмотры

Нажмите на ссылку, чтобы показать страницу погрузчиком, а затем сделать страницу загрузчик исчезает по истечении определенного времени, URL-шоу-адресата

Я совершенно новое, касающееся JavaScript и у меня есть проблема, которая кажется слишком простым, но это дает мне неприятность. У меня есть ссылка, и я хочу добиться того, чтобы при нажатии на ссылку появляется невидимая страница загрузчика, то я хочу, чтобы страница загрузчика исчезнуть после определенного количества времени, и, наконец, что он идет к URL ссылки. Очень важно, что это происходит на странице раньше, я не хочу, чтобы DIV будет показан OnLoad. Я попробовал несколько дополнительных сценариев «SetTimeout», «предотвратить», чтобы скрыть загрузчик через некоторое время, но это не работает ... он просто исчезает, как только страница загрузится. Это до сих пор самая чистая точка я пришел. # Страница-погрузчик {позицию: абсолютная; верх: 0; Дно: 0%; Слева направо: 0; право: 0%; Z-индекс: 10000; Дисплей: нет; выравнивания текста: центр; ширина: 100%; обивка-топ: 250px; цвет фона: черный; } Я надеюсь, что вы можете помочь мне с этим
Manuel
1

голосов
2

ответ
977

Просмотры

Глоток sourcemap создан, но не работает

Стили styles.less @import "one.less"; @import "two.less"; one.less тела {фон: красный; } {Two.less тела размер шрифта: 12px; } Gulpfile.js вар глотка = требуется ( 'глотка'); вар меньше = требуется ( «проглатывать менее»); вар sourcemaps = требуется ( 'GULP-sourcemaps'); gulp.src ( './ SRC / активы / менее / styles.less ') .pipe (меньше ()) .pipe (sourcemaps.init ({loadMaps: истинно})) .pipe (sourcemaps.write (' ./' )) .pipe (gulp.dest ( './ расстояние / CSS /')); Результат: styles.css + styles.map.css созданы, но файл карты не загружается, когда я войти в веб-страницы (а также, когда я инспектировать «тело» я вижу styles.css) Ссылки глотком меньше - https: // github.com/plus3network/gulp-less Глоток-sourcemaps - https://github.com/floridoo/gulp-sourcemaps я так расстраиваюсь, я был бы признателен за любую помощь. Благодарю.
user3800799
1

голосов
1

ответ
6k

Просмотры

making code block in css look good

I am trying to find the right css required to make my code block look good in my Jekyll powered Github Pages blog. I want it the code to look something like this (I'm using kramdown with syntax highlighting): I tried highlight.js but I think my scss block is overwriting the formatting: pre { background-color: #D1D1D0; overflow: auto; font-family: 'Monaco', monospace; padding: 0 1em; } code { font-family: Monaco, monospace; font-size: $base-font-size; line-height: 100%; background-color: #eee; padding: 0.2em; letter-spacing: -0.05em; word-break: normal; /border-radius: 5px;/ } pre code { border: none; background: none; font-size: $base-font-size * 0.875; line-height: 1em; letter-spacing: normal; word-break: break-all; }
Griff
1

голосов
2

ответ
36

Просмотры

Styling a dropdown

Я пытаюсь стиль выпадающего списка, чтобы посмотреть что-то похожее на это. Как и в я хочу серый фон на странице загрузки, а затем цвет сине-иш, когда он активен. Вот что я получил до сих пор. Главное, что я пытаюсь выяснить, является цветным блоком со стрелкой справа от элемента. выберите {фон: URL (СМИ / иконки / down_arrow.png) не повторять 90%; фон-размер: 15px 10px; высота: 30px; переполнение: скрытый; ширина: 100px; Размер шрифта: 14px; обивка: 5px 10px; границы: 2px твердый # 777; границы радиус: 10px; цвет фона: #EEE; цвет: # 000; -webkit-внешний вид: нет; коробка-тень: 0px 0px 15px 0px RGBA (0,0,0,0.5); } Выберите: активный, выберите: фокус, выберите: парение {границы: 2px твердых # 55E; } 1000 2000 3000 4000 5000 ФС PNG просто стрелка вниз, что является 15px 10px х
Paddy Hallihan
1

голосов
2

ответ
562

Просмотры

Issue with foundation used in .vue single file components

I have realised that there is a problem when using Zurb Foundation classes in .vue single file components. At first I could not get a Reveal Modal to work inside the .vue component but it was working when I use the same code in a blade or html file. Then I noticed a pattern because when I tried to use the Foundation's Orbit inside the component it failed, at first I thought it was an error but then I used the same code in a blade file and it worked. Other foundation classes such as row, grid and buttons are working just fine. Has anyone experienced the same issue? And how can I work around it? Here is the code for the modal: WATCH VIDEO × And for the orbit I used the basic example in the foundation docs for testing. Previous Slide◀︎ Next Slide▶︎ Space, the final frontier. Lets Rocket! Encapsulating Outta This World First slide details.Current Slide Second slide details. Third slide details. Fourth slide details.
Phillis Peters
1

голосов
2

ответ
283

Просмотры

бутстраповские колонны штабелирования друг на друга, когда предполагается, не

У меня есть 3x4 колонки на моем сайте, который делает равным 12 столбцов в общей сложности. Но по какой-то причине они происходят складывают друг на друга, даже то есть достаточно места для них. Я не могу понять, что заставляет их разрушаться. У меня есть немного демо, вы можете увидеть красные коробки штабелирования друг на друга. HTML: Портфолио Codepen: http://codepen.io/Limpuls/pen/Qpyygj
Limpuls
1

голосов
2

ответ
2.5k

Просмотры

Доступность - запускающее при наведении курсора и фокус события TAB нажатия клавиши

Я вмешиваюсь в простых CSS переходов и событии наведения мыши и т.д. в последнее время. Я заметил, что при нажатии клавиши TAB он обычно находит ссылки, которые это хорошо, но ... Если у меня есть событие парения, как кусок текста раскрываются или что-то подобное, как я могу гарантировать, что нажатие клавиши TAB вызовет зависать и или фокус события? Это потому, что у меня есть страница полный квадратов, составленных из DIVs, которые выглядят примерно так: При наведении курсора на этот блок с помощью мыши он изменяет цвет с помощью события парения, по существу, визуально информировать пользователя о том, что элемент находится в некотором роде интерактивный. Есть ли способ, которым я мог бы вызвать событие парения с помощью клавиши TAB или даже клавиш со стрелками? Мои рассуждения в том, что если по какой-то причине вы не имели мыши или сенсорного устройства потенциально вы можете пропустить на содержание.
Jesse Orange
0

голосов
3

ответ
22

Просмотры

Почему моя анимация свойство не работает в CSS

Я пытаюсь использовать свойство анимации в CSS, чтобы переместить DIV слева направо. Но код разве работает. Я новичок в свойстве анимации в CSS. Я был обратить внимание на некоторые статьи в W3Schools и StackOverflow, но до сих пор не сделал этого. Соевый Боос #title {размер шрифта: 8.5em; начертание шрифта: жирный; цвет: золотарник; анимация: двигаться 3s легкость; анимации в направлении: нормальный; } @Keyframes движение {от {слева: 0;} до {слева: 200px;}} Слово Соевый Боос должен двигаться слева направо
Gan
-2

голосов
0

ответ
26

Просмотры

Как мне сделать маркированный список шоу и скрыть, когда другой DIV (меню я создал) щелкают?

. ( "Меню") $ нажмите (функция () {если (» ') .pagelinks style.display = 'ни';. {$ (' Pagelinks.) Style.display = 'блок';.} Еще { . $ (». pagelinks') style.display = 'ни';}}) HTML, тело {поле: 0; ширина: 100%; переполнение: скрытый; коробчатого проклейки: граница-бокс; высота: 100%; } {Тело фон: URL (best8.jpg); фон-повторить: не повторять; фон-размер: крышка; фон положение: центр; } {Заголовок ширина: 100%; цвет фона: черный; высота: 85px; Положение: фиксированный; } .Heading1 {цвет: белый; позиция: относительная; выравнивание-контента: центр; Маржа: 3em; топ: 100px; Слева направо: 675px; } .Logo IMG {левый: 0; Фильтр: яркость 100%; Положение: фиксированный; } .Menu {маржа: автоматический; Запас левый: 75%; Дисплей: блок; Положение: фиксированный; топ: 11px; } .Nav ДИВ {высота: 5px; фон-цвет: белый; Запас: 4px 0; границы радиус: 25px; Переход: 0.3с; } .Nav {ширина: 30px; Дисплей: блок; Запас: 1em 0 0} {.one ширина: 30px; } .Two {ширина: 20px; } .Three {ширина: 25px; } .Nav: {парения DIV ширина: 30px; } {.Pagelinks маржа: авто; Запас левый: 49%; Положение: фиксированный; верх: -10px; Дисплей: нет; } Не .pagelinks уль {список-стиль-тип: нет; } .Pagelinks уль Li {поплавок: слева; обивка: 30px; Маржа: авто; Переход: 0,3; белый цвет; Размер шрифта: 20px; начертание шрифта: жирный; обивка-топ: 40px; Непрозрачность: 0,6; } .Pagelinks уль Li: парения {цвет: зеленый; Переход: 0.6s; } .Logo IMG: парить {непрозрачность: 0,6; } Goesta Калькуляторы попробовать {Typekit.load ({асинхронная: истинно});} поймать (е) {} О Контакты Калькулятор Estimate. Планируй свое будущее. Я пытаюсь сделать маркированный список показать / скрыть, когда другой DIV с классом «меню», щелкают. Я попробовал несколько различных способов в JavaScript из исследования в Интернете, но ничего не работает. Я также хочу, чтобы перейти медленно и плавно. Когда я нажимаю меню (I»
Mac
1

голосов
1

ответ
32

Просмотры

как сделать прокручивать DIV ниже фиксированной навигационной панели

ожидаемый результат выглядит следующим образом: не в верхней части навигационной панели, начиная с нижней части навигационной панели вместо: начать с самого верха, я хочу, чтобы это было внутри только DIV. Вот часть моего кода: Я хочу, чтобы право прокрутки в этом DIV.
Bender
1

голосов
1

ответ
39

Просмотры

Косые только одну сторону до того и после того, как получить плоский стрелку

Я создал несколько фиктивных Иерархических-шагов. Первая крошка шагу нужно иметь нормальную плоскую границу влево, что делается. А при наведении курсора мыши, мне нужно, чтобы показать черную рамку для каждого элемента крошек. Но единственная проблема заключается в парении, для 1-го крошек шага, я не получаю, что плоскую границу слева, как и ожидалось. Вот что, как ожидается, при наведении курсора мыши: Вот мой код: тело {утеплитель: 0; Маржа: 0; } .breadcrumbs {фонового цвета: белый; ширина: 100%; обивка: 0 1rem; Размер шрифта: 0; Маржа: 1rem; } .Breadcrumbs .breadcrumb-шаг {дисплей: встроенный блок; ширина: 12,33%; высота: 5rem; текст-отделка: нет; черный цвет; } .Step-заголовок {дисплей: нет; } .Breadcrumb шаг: до {содержания: ''; Дисплей: блок; преобразование: перекос (30deg); границы: 1px твердые светло-серый; граница дно: нет; высота: 50%; ширина: 100%; } .Breadcrumb шаг: после того, как {содержания: ''; Дисплей: блок; преобразование: перекос (-30deg); границы: 1px твердые светло-серый; границы сверху: нет; высота: 50%; ширина: 100%; } .Breadcrumb шаг: парения: до {границы-цвета: черный; } .Breadcrumb шаг: парения: после того, как {границы-цвета: черный; } .Breadcrumb шаг: п-й ребенок (1): {Перед преобразованием: нет; границы права: нет; } .Breadcrumb шаг: п-й ребенок (1): после того, как {преобразования: нет; границы права: нет; } .Breadcrumb шаг: п-й ребенок (1): парения: перед тем {преобразования: перекос (30deg); границы справа: 1px черного цвета; } .Breadcrumb шаг: п-й ребенок (1): парения: после того, как {преобразования: перекос (-30deg); границы справа: 1px черного цвета; } / * .Breadcrumb-шаг: п-й ребенок (1) {границы: 1px твердого вещества светло-серого; } .Breadcrumb шаг: п-й ребенок (1): {Перед преобразованием: нет; границы: нет; } .Breadcrumb шаг: п-й ребенок (1): после того, как {преобразования: нет; границы: нет; } * / Главная О нас Контакты
Sunny
1

голосов
4

ответ
41

Просмотры

Наведите курсор мыши на DIV, чтобы раскрыть вложенную оболочку с JQuery

Я думал, что это будет работать напрямую, но я должен быть что-то отсутствует. У меня есть вложенное срок содержания в DIV и я пытаюсь получить, что срок, чтобы показать на парении (и скрыть от отведения указателя мыши). Я думал, что просто делать $ (это) .find ( «имя-диапазона») внутри ahover` функции будет делать это, но что-то должно не быть. Это то, что у меня есть: HTML: название 01 название Ссылка 02 Ссылка JS: $ ( 'родитель-элемент.) Парить (функция () {$ (это) .find ( "мета - выявить.) Шоу (.. );}); Я думал, что должно работать, но опять же, я, вероятно, что-то отсутствует. Я также пытался сделать это с помощью CSS с соседним селектором родственного, но это не работает, либо.
ultraloveninja
1

голосов
1

ответ
40

Просмотры

Дисплей инлайн - Переполнение видна непрозрачность

У меня есть таблица, которая не должна иметь мульти-линии. Так я думал принуждать переполнение прячась и сделать переполнение видимого его при наведении курсора мыши. Однако, другой текст по-прежнему светит через видимый перелив. Есть ли способ предотвратить это? https://jsfiddle.net/60mj7gqb/1/ myPreciousText находится здесь myPreciousText находится здесь myPreciousText находится здесь
user1497119
1

голосов
2

ответ
38

Просмотры

Как получить доступ к якорный тег, за которым следует уль элемент?

Я хочу, чтобы получить доступ к якорным тегам следует только элементы ули. Я использую SCSS. Меню ссылка 1 ссылка 2 Меню Меню ссылки 2 Меню ссылка 1
Manuel Abascal
1

голосов
2

ответ
40

Просмотры

Сосредоточенный, подчеркнутый заголовки, где подчеркивание другого цвета из текста

Какой самый простой способ стиля HTML-заголовки таких, что они оба подчеркнуты и горизонтально по центру? Я не хочу, подчеркивание распространяется на всю ширину контейнера, только слова. Я также хочу подчеркнуть, что другой цвет из текста и некоторого расстояния. На данный момент я использую промежуток внутри h2, чтобы достичь этого (в Sass): h2 {выравнивания текста: центр; пролет {границы снизу: 2px твердых # e6ebdf; }} Есть ли способ сделать это без внутренней шкалы или добавления стилей родительского контейнера? Вот результат. Обратите внимание, как подчеркивание (а) отличаться от цвета текста и (б) не плотно прилегает к нижней части текста так, как он будет использовать текст-отделка: подчеркивание:
MSC
1

голосов
2

ответ
40

Просмотры

Как разработать вариант редактирования на парении в виде DIV

Я пытаюсь использовать опцию парения для отображения небольшого редактирования изображений / кнопки в верхнем правом углу дел. У меня есть динамически созданная таблица й на у ряда клеток. То, что я хотел бы сделать, это крошечное кнопку редактирования в правом верхнем углу, что позволяет мне нажать на эту кнопку и вызвать всплывающее окно. Нечто похожее на следующее: где пользователь представлен с опциями над DIV при наведении курсора мыши. Будет ли это нужно сделать в JavaScript или CSS? Я использую JavaScript, чтобы создать таблицу следующим образом: вар цв = document.getElementById ( «NoColumns») значение;. переменная строка = document.getElementById ( "NoRows") значение. если (Col> 0 || строка> 0) {$ ( "# tblDash") шоу (). $ ( "#") NumberOfColumns вал (цв). $ ( "#") NumberOfRows вал (строка).
user1397978
1

голосов
2

ответ
33

Просмотры

Есть ли способ, чтобы объединить входные и его заполнители классов в CSS?

У меня есть простой входной элемент, как следующее: Я стилизованный элемент и его замещающий текст следующим образом: входной {высота: 40px; ширина: 600px; } Вход :: заполнитель {обивка: 10px; высота строки: 1.5em; цвет: # 959595; Размер шрифта: 14px; } Можно ли объединить эти два в один блок в CSS? Это возможно? Спасибо
Tums
1

голосов
5

ответ
95

Просмотры

показать или скрыть DIV, dependet на флажке

У меня есть флажок и под флажком ДИВА область, где я хочу показать выпадающий список и еще флажки. Эта область я хочу просто показать, когда первый флажок. Я уже попробовать его с style.display и она работает наполовину. Я могу отобразить вторую область, когда я установите флажок, но если я снимите его снова скрыть это не распространяется. То же самое, если я пытаюсь с JQuery (отправили обоих) // функции функции F2 functpe () {вар ТРОМ = document.getElementById ( "ТР"); если (tpe.checked == верно) {document.getElementById ( "делать") style.display = "блок". } Еще {document.getElementById ( "не делать") style.display = "нет". }} Функция functpe () {вар TPE = $ ( "# делать"); если (tpe.checked == верно) {$ ( "# делать") CSS ({ "дисплей": "блок"});. } Еще {$ ( "# делать") CSS ({ "дисплей": "блок".}); }} TPE Пример выбора 1 2 3 4 5 n1 n2 n3 Я надеюсь, что кто-то есть идея для меня
Josef
1

голосов
3

ответ
42

Просмотры

Stretching ::before element to width of screen

Я пытаюсь растянуть заголовок :: до псевдо элемента на всю ширину страницы в данном примере. 100vw дает псевдо элемент ширину экрана, до сих пор так хорошо. Но левое положение осталось: -100%; толкает элемент псевдо слишком далеко влево. Можно ли вычислить правильную левую позицию? .wrapper {ширина: 70%; макс-ширина: 800px; Маржа: 0 авто; } Заголовка {фон: розовый; позиция: относительная; Z-индекс: 0; } Заголовок :: до {фон: LightBlue; позиция: абсолютная; Z-индекс: -1; Содержание: ""; высота: 100%; ширина: 100vw; / * Полная ширина страницы * / левая: -100%; / * Влево позиционирование * /} Основной {фон: пшеница; } Заголовок Основное содержание Codepen ссылка: https://codepen.io/anon/pen/yZGzPO Желаемый результат должен выглядеть следующим образом:
petsk
1

голосов
1

ответ
51

Просмотры

Как добавить черную накладку на картинке с помощью HTML и CSS [дублировать]

Этот вопрос уже есть ответ здесь: Как сделать в CSS накладку над изображением? 3 ответа Как добавить цвет наложения на фоновое изображение? [Дублировать] 4 ответа Я искал вокруг о том, как добавить черную накладку, как, например: https://ocean19.com/wp-content/uploads/2017/04/black.jpg, но только с помощью HTML и CSS. Я перепробовал много способов, но я до сих пор не удалось. Можно ли использовать только HTML и CSS, или я должен использовать JavaScript и другие вещи? Мой текущий код: HTML: Сосредоточенный CSS: .container {позиция: относительная; выравнивания текста: центр; белый цвет; высота: 100%; Дисплей: сетка; } .Center-приступе {ширина: 100%; макс-ширина: 1903px; макс высота: авто; позиция: абсолютная; Левое поле: -8px; фон: RGBA (0, 0, 0, 1); }
1

голосов
2

ответ
55

Просмотры

Можно ли изменить размер ширины поля ввода согласно имени атрибута

Как сделать поле ввода той же длины, что и строка в атрибуте входного по имени поля?
IRFAN HAIDER
1

голосов
2

ответ
51

Просмотры

Изменение размера SVG в HTML без изменения размеров холста

Я пытаюсь увеличить размер изображения в SVG, изменяя параметры высоты и ширины, но она вместо того, чтобы не работать размер изменений холста и появляются панели навигации. Также существуют две копии высоты и ширины параметров. Я не знаю, какие из них менять. ...
Faustus
1

голосов
4

ответ
38

Просмотры

Размещение входов / текстовое поле на правой

Я пытался разместить свои входы и текстовое поле в правой части экрана и мои этикетки на левом. Для того, чтобы попытаться создать структурированную форму. В этот момент я попытался с помощью поплавка и позиции, но они, кажется, конфликтовать и дать уродливый результат. Есть лучший способ сделать это? спасибо заранее :) редактировать: Я не могу использовать дивы для этой формы проекта {границы: 2px твердого dimgrey; Дисплей: встроенный блок; коробка-тень: 5px 5px 5px 5px RGBA (255, 255, 255, 0,60) ;; } Ввод, текстовое поле {дисплей: блок; коробчатого проклейки: граница-бокс; плавать: право; } {Этикетка с плавающей точкой: слева; Дисплей: встроенный блок; } Je НА: Je е-mailadress: Тип vraag: Бизнес Vraag над еепом продукт Andere Je vraag:
Jelle Spruyt
1

голосов
3

ответ
38

Просмотры

Как исправить мои пункты сетки от исчезновения, когда данный атрибут стиля «область Сетки»

Я настраиваю страницу, содержащую сведения о служащих компании. моя проблема заключается в том, что я пытался дать моим деталям сетки «площадь сетки» атрибут стиля, так что я могу использовать «имя сетки» при определении своих областей шаблона сетки для моего контейнера. но вдруг мои вещи исчезают. Пожалуйста, что мне нужно сделать, чтобы исправить эту проблему? .container {границы справа: 2px твердый серый; границы слева: 2px твердый серый; Дисплей: сетка; Сетка-шаблон-столбцы: 1fr 1fr 1fr; сетки разрыв: 10px; обосновывать-элементы: центр; Запас-топ: 100px; Сетка-шаблон-областей { «голова голова голова» «сторона». «Нога нога нога»; }} .Grid-1 {дисплей: сетки; Сетка-зона: голова; } .Grid-2 {дисплей: сетки; Сетка-зона: со стороны; }. Сетка-3 {дисплей: сетки; Сетка-зона: нога; } Я ожидать, что выход моей сетки по-прежнему показывают, независимо от «сетки области» атрибут стиля используется, но он исчезает.
Japhheth
1

голосов
2

ответ
33

Просмотры

Как отображать два детей в одной строке и третий ребенок в 2-м ряду

Я пытаюсь показать идентификатор пользователя и флажок в верхней строке и текстовое поле в 2-м ряду, используя гибкий. Я не в состоянии сделать это, так что любая помощь очень ценится. Это то, что я получаю: ID пользователя Это то, что я хочу:
sonnyk2016
1

голосов
2

ответ
46

Просмотры

Импорт стилей в angular.json против импорта в styles.css?

В чем разница между импортом стилей в angular.json и импорта в styles.css? Импорт в angular.json Импорт в styles.css Хоуп объяснил мой вопрос хорошо. Заранее спасибо.
Elkin
1

голосов
3

ответ
365

Просмотры

Как я могу удалить красную границу из этого DIV при нажатии?

Я использую шрифт удивительные иконки внутри DIV. При нажатии изменить цвет на синий. Тем не менее, я не хочу красную границу, которая появляется при нажатии. Как удалить? HTML CSS .tile-контейнер {коробка-тень: 1px 2px; Цвет: светло-серый; } {.Search обивка-топ: 10px; } .Blue {цвет: синий; }
RiyaGeorge
1

голосов
2

ответ
67

Просмотры

Как поместить переменную PHP в CSS [дубликат]

Этот вопрос уже есть ответ здесь: В чем разница между одинарными кавычками и строками в двойных кавычках в PHP? 10 ответов я хотел бы иметь динамический цвет основы стиля на базе // первая строка статична $ row_color = $ значение [ «поздно»]> = 60? 'Стиль = "Цвет: красный;"': ''; $ // и этот код не работает $ color = $ значение [ 'цвет']; $ Row_color = $ значение [ 'статус'] == "OT"? 'Стиль = "цвет: $ цвет"': '';
NOOB
1

голосов
3

ответ
42

Просмотры

How to start a new line with a particular item with Flexbox?

This is a very simple exercise but I can't seem to find a neat way to solve it (just started learning about HTML and CSS). I need the 5th block ("bloque 5") in red to be under the other four using Flexbox. The result should be: Could somebody help me with this, please? This is what I have so far: div { margin: 5px; border: 1px solid pink; padding: 5px; font-family: arial, sans-serif; font-size: 14px; } .contenidor { width: 760px; display: flex; } div[class*=element] { width: 100%; padding: 2px 30px 5px 2px; } .element5 { background-color: red; } bloque 1 bloque 2 bloque 3 bloque 4 bloque 5
Carolina Zhou Lin
1

голосов
2

ответ
109

Просмотры

Как расположить изображение только справа от неупорядоченного списка?

Ну, может быть, с небольшим смещением, но если я использую ALIGN = «правильно», то он проходит весь путь к правой части страницы. Я хотел бы что-то вроде - элемент списка один --------- - пункт два списка | изображение | - Элемент списка три | | - Элемент списка с более длинным текстом ---------
Mawg
0

голосов
0

ответ
10

Просмотры

Background image looks different on mobile device than on mobile preview in PC browser

I have a background picture of some random apartment for my website and it looks good on PC and on mobile preview on PC(using Firefox Developer Edition). But when I open it on my iPhone 7 it does not look good, it just shows top left corner of an image. This is how it looks on my PC: And this is how it looks on my iPhone 7: This is css for div that has that background image: #home { background: url("../images/seaview/mainpic1.jpg") no-repeat center center fixed; display: table; height: 100vh; position: relative; width: 100%; background-size: cover; text-align: center; }
mememanyes
1

голосов
3

ответ
17k

Просмотры

Как динамически изменять размер макета веб-страницы в соответствии с размером окна?

Я относительно новым для веб-разработки, мне интересно, если anyones знает ОХ простое решение для создания страницы я имею в разработке динамически изменять размеры до размеров окна без искажения макета. Я также хотел бы попробовать, чтобы иметь страницу с центром, а также, проблема, я пытался центрирования его, но, как я изменил размер элементов на странице съехал места. Любая помощь приветствуется. Я пошел вперед и положил код вверх на сервере, так что легко можно увидеть, я сделал это главным образом для тестирования. Проект является добровольным и в конечном итоге будет использоваться как часть инструмента языкового образования. Я просто пытаюсь получить макет так, что он будет изменять динамически, без искажения макета. С текущей настройкой я должен вручную уменьшить, если разрешение экрана низкое, чтобы получить расположение, чтобы соответствовать должным образом в пределах экрана. Я в настоящее время использую абсолютное позиционирование в CSS для позиционирования элементов страницы относительно фонового изображения, они должны быть установлены правильно, чтобы вписаться в фоновом узор. На странице можно посмотреть на http://www.kapacitive.com/Main_Page_Template.html придется просмотреть исходный код страницы, чтобы просмотреть код. Еще раз любая помощь приветствуется и, пожалуйста, если вы не имеете что-то полезное, чтобы сказать, пожалуйста, просто даже не отвечать. Благодарю. даже не отвечают. Благодарю. даже не отвечают. Благодарю.
Design Logic
1

голосов
5

ответ
8.2k

Просмотры

Styling с фоновыми изображениями в элемент

Я настраиваю футер для сайта и используя неупорядоченный список с тремя пунктами списка следующим образом: Я пытаюсь использовать фоновые изображения для элементов списка, чтобы отобразить иконки социальных медиа, а затем я хотел бы применить состояние парения к элемент списка для кнопки на 'включенного состояния. Тем не менее, мои три иконки не будут отображаться горизонтально в списке. Вот мой CSS: #socialnav {дисплей: встроенный; высота строки: 42px; } {#Facebook фоновое изображение: URL ( "изображения / fb.png"); фон-повторить: не повторять; Список стиле типа: нет; высота: 42px; } {#Twitter фоновое изображение: URL ( "изображения / twt.png"); фон-повторить: не повторять; Список стиле типа: нет; высота: 42px; } {#Googleplus фоновое изображение: URL ( "изображения / gplus.png"); фон-повторить: не повторять; Список стиле типа: нет; высота: 42px; } Два вопроса - почему это не работает? И есть лучший / простой способ сделать это?
Dustin James
2

голосов
0

ответ
9

Просмотры

CSS - ширина фиксированного элемента установлен определенному внутреннее содержание?

Можно ли зафиксировать ширину (или мин-ширина) элемента, равной, когда этот элемент наполнен конкретным содержанием? Пример: кнопка для выбора месяца может иметь текст январь, февраль и т.д. Я хотел бы кнопку, чтобы всегда быть ширина, как если текст сентября (самая длинная строка, визуально). То, что происходит в данный момент, кнопка очень мало, если текущий выбор май или июль, то гораздо больше, когда выбор ноябрь или сентябрь, а в дальнейшем, это может изменить расположение других элементов. Конечно, я мог бы установить ширину или мин ширину, используя пиксели, или процент, или фольксваген, и т.д. - но, учитывая широту устройств, экранов, контроль пользователя над увеличением или размеров шрифта, единственный безопасный способ угадать с размером что, вероятно, намного больше, чем на самом деле необходимо, что само по себе выглядит плохо и нежелательно.
ExactaBox
1

голосов
1

ответ
553

Просмотры

Div становится неуместным при вставке текста и текста выходит из DIV

Вот jsfiddle проблемы, http://jsfiddle.net/B77G2/2/ Проблема заключается в том, что, когда я положил текст в DIV, то DIV перемещается вниз (DIV с идентификатором дома в jsfiddle имеет текст в нем, вы можете удалить т ## й текст, чтобы он работает правильно). Если нет текста в DIV, оказывается, хорошо и в соответствии с другими дивами, как ее предполагается. И текст выходит из DIV, даже если я использую перенос слов. Почему это Происходило и как я могу это исправить? Все было минимизировано для показа в jsfiddle, я надеюсь, что моя проблема ясна. Вот HTML Y у делать Дис :( fjsdahkfjdhsjfhdkjfsdjhfjsk djskfhdjfurt //
Jahanzeb Khan
3

голосов
1

ответ
29

Просмотры

Как размыть электронный BrowserWindow с прозрачностью

Вопрос Можно ли сделать BrowserWindow, в электроном, прозрачный с размытием? В том, что она размывает все фоновое содержание, включая приложения и обои. И если возможно, то как бы я это сделать? Примеры Вот код, который я пробовал. index.js: пусть выигрыш = новый BrowserWindow ({полноэкранного режим: правда, fullscreenable: ложь, РАМА: ложный, skipTaskbar: истина, изменяемого размера: ложь, движимое ложь, шоу: ложный, AlwaysOnTop: правда, прозрачен: истинный}) стиль. CSS: HTML, тело {ширина: 100vw; высота: 100vh; Маржа: 0; обивка: 0; фоновый цвет: RGBA (0, 0, 0, 0,5); Цвет: RGB (255, 255, 255); фон-фильтр: размытие (4px); } HTML-это просто тело с тегом h1 с текстом в нем. Хотя это создает только черный фон в окне. Я что-то об этом читал: webPreferences: {ЭкспериментальныеВозможности: истинно} Но не могу заставить его работать. Окружающая среда Ubuntu: 18.04.2 Node: v10.15.3 НПМ: 6.4.1 i3wm. 4.14.1 У меня Комптон работает. Maybey он должен делать с этим. Или композитинга двигатель вообще? Заранее спасибо!
Emil Walser
1

голосов
1

ответ
49

Просмотры

изображение Carousel является больше я ожидал

изображение Carousel является больше я ожидал. Мой код * {маржа: 0; обивка: 0; } .Menu {фонового цвета: серый; ширина: 500px; высота: 100%; плыть налево; } .Title {цвет: белый; Размер шрифта: 30px; Маржа: 0px 5px; Левое поле: 40px; выравнивания текста: центр; } {.First обивка-топ: 30px; } HTML, тело, .menu {высота: 100%; } {Тело поле: 0; } {.Relative положение: относительная; } {Литий список-стиль: нет; } Li а {дисплей: блок; текст-отделка: нет; белый цвет; выравнивания текста: центр; Размер шрифта: 20px; } Ли с IMG {ширина: 100%; высота: 100%; } .Float-вправо {ширина: Вычислено (100% - 500px); переполнение: скрытый; плавать: право; } SITE Главной Детали, когда я запускаю этот веб-сайт, изображение Carousel является больше, чем исходное изображение, как желтая стрелка в изображении. (Она не показывает изображение ...) Я хочу поместить карусель в браузере оставшейся площади размера и имиджа Carousel в в корректируются на 100% в этом районе. Так что я действительно не могу понять, почему изображение Carousel является zoomed.When я писал в HTML, как происходит такая же ситуация.
user8817674
1

голосов
2

ответ
62

Просмотры

добавить / removeClass Безразлично `работы на iPhone

Это корректно работает в браузере, но не работает на iPhone. Также я использовал вар $ событий = ($ ua.match (/ (Айпод | iPhone | IPad) / я))? "Touchstart": "нажмите"; Он также Безразлично `работа на iPhone HTML Привет CSS .mod_section.active {дисплей: нет; } .Mod_section {дисплей: блок; } JQuery функция мод () {$ ( 'mod_section. ') AddClass (' активный'). }
Eric Lee

Просмотр дополнительных вопросов