HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Внутренняя тень в полях формы на мобильном фаерфоксе.
Посмотрел на мобильном устройстве сайт, в полях формы заметил внутреннюю тень градиентную от верхнего края к нижнему. У яндекс браузера было более менее, а у фаерфокса вообще жутко некрасивая, да ещё и поля формы скруглял. Я поставил все стили инпута в 0, убрал границы, и обернул дивом с аккуратной прямоугольной рамкой. Хром стал показывать отлично, как нужно, а у фаерфокса, эта ужасная тень сохранилась. Ставил box-shadow:none, но не помогло. Посмотрел другие сайты с формми, такая же шляпа. Как бы обхитрить фаерфокс и заставить показывать поле формы полностью белым цветом внутри без теней?
0 votes3 answers -
нововведения на codepen
помогите пожалуйста понять как на codepen.io после написания js-скрипта запустить его. обычно у подобных сервисов есть кнопочка run, которая служит для запуска скрипта. но здесь её нет
0 votes12 answers -
Как сверстать блок в блоке?
Подскажите как сверстать...
0 votes2 answers -
Как найти автора шрифта
Подскажите как найти автора шрифта - на сайте https://www.myfonts.com есть имя автора но контактов нет, и как купить шрифт у автора?
0 votes0 answers -
Открытие ссылки в новом окне
Мне нужно чтобы ссылка открывалась в новом окне. Вот код <table class="mytable"> <tbody> <tr class="mystolb" onclick="window.location.href='%%LitUrlAudio%%'; return false target="_blank"> <td><img src="http://knigobiz.ru/wp-content/uploads/2018/05/LitRes.png" class="laravel-icon">ЛитРес</td> <td>Аудиокнига</td> <td>₽%%LitAudioPrice%%</td> <td><i class="fas fa-shopping-cart"></i></td> </tr> </tbody> </table> То есть при нажатии на строку у меня происходит переход по произвольной ссылке, мне нужно сделать так чтобы она открывалась в новом окне
0 votes7 answers -
Pricing Table на Uikit 3. Как сделать?
Всем привет. Никак не получается сверстать нормальную Pricing Table на Uikit 3. Я только вникаю в тему, поэтому, может еще не догоняю. Пробую сделать на uk-flex + uk-table. Постоянно какие-то косяки то с адаптивностью, то с шириной, то с высотой колонок... <div class="uk-flex uk-flex-center"> <div class="uk-card uk-card-default"> <table class="uk-table uk-table-divider bg1"> <thead> <tr> <th>Тестовая таблица 1</th> </tr> </thead> <tbody> <tr> <td>Поле 1</td> </tr> <tr> <td>Поле 2 пошире</td> </tr> <tr&g…
0 votes2 answers -
Одно слово
Привет! Мне нужно в текстовом блоке выделить первое слово другим цветом и шрифтом. Если для этого дела переопределить какойнибудь тег (h например), то остальной текст после него начинается с новой строки. Как поступить?
0 votes3 answers -
Слои налазят друг на друга
Кто нибудь знает как можно решить следующую проблему: макет состоит из 3 колонок ( на дивах ) и при сужении окна браузера по горизонтале после появлении полосы прокрутки, слои (колонки) продолжают друг на друга накладываться... Есть ли какое нибудь рациональное решение?
0 votes2 answers -
Выпадающий список.
Возможно ли в выпадающем списке динамически установить какой элемент будет selected ?? т.е. Приходт параметер который устанавливает что быдет выбрано?
0 votes1 answer -
Выравнивание картинок в сложной таблице
Я не профи, но отсутствием логики не страдаю. Даже модинг игр изучил методом научного, но в этот раз мое логическое мышление зашло в тупик: вроде все правильно прописал, а получается фигня какая-то. В общем мне нужно сделать на сайте графически оформленную таблицу объявлений, состоящую из двух строк, по три ячейке в каждой. Таблица графически оформлена по краям в виде картинок-закладок (со значками в центре каждой), которые должны тянуться в зависимости от разрешения моника пользователя по принципу (фикс-угол\растяжка\фикс-значек\растяжка\фикс-угол). Так вот нарезал я все, прописал, посмотрел... и уведел фигню - значок не в центре, растяжки тянутся как им вздумается. При…
0 votes4 answers -
Сайт в IE выводится не по центру
Использовал вот этот http://www.zakharov.ms/footer/ метод, чтобы прижать подвал к низу странице. В FF и Opera сайт (http://electrodance.org.ua) центрируется, а в IE нет. CSS: http://electrodance.org.ua/templates/Default/css/style.css В чем проблема? Заранее благодарен.
0 votes8 answers -
Баг с таблицами в FF3.0.6
В общем создаю таблицу, хочу сделать так, чтобы в каждой ячейке были только боковые бордеры, прописываю их в css, а браузер зачем-то создает еще и нижние+верхние, хотя они мне не нужны. Притом, если я заливаю эти ненужные бордеры цветом ячейки, хотя это уже извращение, то боковые начинают обрываться в местах пересечения с ними. Еще есть баг с рисунками, в опере и ff к ним добавляется внизу непонятный отступ, хотя я все обнулил. В ИЕ все норм. Как исправить такое?
0 votes8 answers -
Блок по центру страницы
Как расположить блок по центру браузера по ширине и высоте (заглушка сайта), на дивах. Доктайп такой: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> Буду благодарен за помощь!
0 votes4 answers -
Слайд блок
Всем доброй ночи. Хочу сделать слайд блок у себя. Но не могу понять как... Нужно что бы был блок в котором бы прокручивались 3 слайда или блок с 3 вкладками и в них выбирать нужное. Кто может что посоветовать? Я добавил через ксс .newsblock { border: 1px solid #ECECEC; background: #F2F2F2 repeat-x; position: relative; padding: 15px; height: 1%; } и вывел в диве через табы. Выводится сам блок но по вкладкам не хочет переходить. Блок похожий как тут - http://www.forumthemes.com/
0 votes1 answer -
Как сделать два рисунка для фона?
Есть страница: на которой нужно сделать такой фон с помощью двух картинок размерами 115x1, и надо сделать чтобы остальное пространство заливалось темного синим цветом.... эти две картинки должны выравниваться не по левому и правому краю страницы, а по левому и правому краю таблицы!
0 votes4 answers -
Учитель по CSS !
Может это конечно покажется дико но все же...ищу учителя, или так сказать того кто сможет мне в любую минуту подсказать как и что в CSS. моя ася 423802702
0 votes2 answers -
Вопрос по window.opener.document.forms
Здравствуйте! Вот кусок ява-скрипта: function send() { window.opener.document.forms['vbform'].elements['subject'].value = document.getElementById('title').value + " [" + document.getElementById('year').value + " г., " + document.getElementById('land').value + ", " + document.getElementById('genre').value + ", " + document.getElementById('quality').value + "]"; window.opener.document.forms['vbform'].elements['title'].value = document.getElementById('title').value + " [" + document.getElementById('year').value + " г., " + document.getElementById('land').value + ", " + document.getElementById('genre').value + ", " + document.getElementById('quality').value + "]"; …
0 votes0 answers -
Оцените верстку пожалуйста (исправлено). Я новичок
Здравствуйте! Сверстал макет, исправил ошибки, прошу проверить на ошибки и указать подробно где и как исправить. И оцените пожалуйста верстку! Валидатор ошибок не выдал. Сказал все хорошо =) Буду очень благодарен! Сайт на народе! Скачать архив с сайтом: СКАЧАТЬ 1 СКАЧАТЬ 2
0 votes8 answers -
выделение изображением при наведении
Здравствуйте! Ребятушки такая вот дума! CODE <div class="class"> <div class="class2"> <a href="#"><img src= "images.png"></a> </div> </div> — CSS .class { height: 146px; width: 147px; margin: 5px; } .class2 { height: 146px; width: 147px; } .class2 :hover { background-image: url(select.png); height: 146px; width: 147px; } — Надо что бы изображение "выделитель" при наведение было с верху основного изображения, как сделать подскажите, если не трудно!
0 votes9 answers -
Высота инпута на разных девайсах разная
У меня есть форма. Так вот во всех браузерах на десктопе отображается отлично. Сайт отзывчивый и используются медиа-запросы. Так вот на некоторых мобильных устройствах инпуты отображаются не так, как задумано. А именно высота больше чем нужно. Например, на iOS устройствах наблюдается такое. На андроидах тестировал всего лишь на нескольких устойствах и там все нормально. Способа указать файл стилей только лишь для iOS устройств как я понял из поиска нет. Если задаю <meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel= "stylesheet" href="static/css/mobile.css" media="handheld,only screen and (max-device-width:768px)"/>то файл mobile.c…
0 votes3 answers -
Не подгружаются стили в Safari
Добрый день! Подскажите пожалуйста по такому вопросу: есть сайт почему то в Safari не подгружается часть стилей. А так же он (Safari) игнорирует require у input. С чем это может быть связано?
0 votes4 answers -
В чем причина чудовищно долгой загрузкой лендинга?
Здравствуйте! Только что закончил работу над лендингом и перешел к его оптимизации. Перед этим решил его проверить с помощью сервиса Pingdom: https://tools.pingdom.com Показатели следующие: Performance grade: 97 Page size: 3.5 MB Requests: 93 Load time: 60 СЕКУНД! Голова трещит, что переспелый арбуз, не могу понять, в чем причина столь долгой загрузки? Буду искренне благодарен за экспертное мнение. Адрес лендинга: https://hutor.kh.ua/ P.S. Проверял этим сервисом сторонние лендинги, с весом и обращениями в 2-3 раза превышающие мои. Скорость загрузки у них всего несколько секунд.
0 votes5 answers -
CSS GRID
Привет Гуру верстки... Есть сетка (см. картинку)... Подскажите как сделать такую верстку (grid) где блоки внутри сетки были равными при адаптиве... Кол-во блоков в сетке может быть и 100х100)))... Спасибо за ответ....
0 votes0 answers -
SQL ---- MAX()
Мне нужно, чтобы вернуть максимальное значение столбца Код. Что я делаю не правильно? Возвращает пустоту SELECT MAX(Код) FROM SP
0 votes5 answers -
Выравнивание столбцов в opera 9
Здравствуйте, уже 2 дня бьюсь над одной проблемой связанной с отображением страницы в Opera. Помогите разобраться, а то всю голову сломал уже. структуру документа можно посмотреть по ссылке ниже. Цель : отбражение в opere также как в exlorere и firefox, т.е. правая часть должна тядуться вниз до конца, плюс внутренности "Части 1" также должны тянуться. http://1pr.ru/test.html Заранее благодарен всем откликнувшемся.
0 votes6 answers