HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
- Про макеты
- By klierik,
Explore Questions
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Приоритеты классов
Всем привет. Вопрос собственно такой: каким образом браузер присваивает правила разных классов к 1 объекту? Если чуть по конкретней, то .style1 { border-radius: 3px; display: inline-block; width: 180px;}.style2 { width: 200px;}<input type="submit" name="submit" class="style1 style2" value="Сохранить" > Я не понимаю, почему инпут все равно остаются с шириной в 180 пикселей ...
0 votes2 answers -
Блок, видео на фоне
Видел на нескольких сайтах. Блок с элементами, а на фоне видео. Как такое сделать?
0 votes1 answer -
Недоступность html файла
Здравствуйте! Только что зарегистрировал домен http://miloserdie-nvrsk.ru/, но при попытке создать index.html, в браузере выдаёт тип "на сервере нет такого файла". Хотя файл на сервере есть. Как это можно исправить? Или нужно ждать пока DNS записи обновятся (Хотя это странно, ведь сам сайт браузер видит, и зайти на него может, просто там белая страница и всё)? Заранее спасибо!
0 votes10 answers -
Помогите разобраться с CSS
Создал себе блог на платформе Octopress. Захотел изменить тему по умолчанию. Но видимо я сильно отстал от развития CSS. Ибо столкнулся с непонятными конструкциями, вроде этих: $link-color: lighten(#165b94, 3) !default;$link-color-hover: adjust-color($link-color, $lightness: 10, $saturation: 25) !default;$link-color-visited: adjust-color($link-color, $hue: 80, $lightness: -4) !default;$link-color-active: adjust-color($link-color-hover, $lightness: -15) !default;При этом цвет ссылки a:hover #0181eb, а этого цвета я в стилях не нахожу... Был бы очень благодарен, если бы кто-нибудь помог бы мне разобраться, как редактировать подобные стили? И где искать значения цветов? Вот…
0 votes3 answers -
"background-size: cover" не работает на iPhone на конкретной странице
На главной странице с iPhone CSS-свойство "background-size: cover" работает как надо: А на другой странице отображается только верхний нижний уголок картинки, а не умещается вся полностью: Сравните с результатом на компьютере - как видите, от всей фотки остались только листья. Как это исправить?
0 votes5 answers -
Изменение ссылки копки при нажатии на другую
На сайте есть панель настроек у пользователей, там есть две кнопки, должно быть так, при нажатии на одну из них, должна меняться ссылка на кнопке на другой странице, \то можно как то реализовать через mongodb?
0 votes3 answers -
Сайт превращается не понятно во что в другом браузере
Добрый день. Делаю сайт. Все время смотрел на него через хром. А тут случайно запустил через мозилу. Разинул рот. Залил на хостинг - тоже самое. Причем сайт простой очень, я не знаю, чего в нем может быть такого, чтобы не скушала мозила. Она не видит фото и css стили. адрес сайта: http://blohinivan.16mb.com/ консоль мозилы говорит, мол "Таблица стилей http://error.hostinger.eu/? не была загружена, потому что её MIME-тип («text/html») не «text/css»." но в коде стили подключаю так : <link rel="stylesheet" href="..\css\mainstyle.css"> раньше сайт был чисто с помощью css и html написан, все было норм. Но как начал использовать php (а именно делать отдельные блоки в php …
0 votes1 answer -
Корректное масштабирование фоновых изображений при адаптивной вёрстке
Обращаюсь, наверное, с нубским вопросом, но уже едет крыша... Тапками готова убиться сама, ядом тоже запаслась. Задача какая: сделать масштабируемую таблицу из div с фоном-книгой. Чтобы масштабы не ездили туда-сюда при изменении размеров контента (был вариант сделать фон одной картинкой, но меняются масштабы, плюс для народа с медленным интернетом это издевательство, согласитесь). При уменьшении родительского окна фон в некоторых блоках начинает обрезаться или некорректно масштабируется. Что я делаю не так и почему он так себя ведёт?( Пример можно увидеть на сайте, сделан на скорую руку, чтобы показать проблему. Выписать затем стильки в общий css не проблема, но пока ч…
0 votes2 answers -
верстка html css новичка
Всем привет. Сильно не пинайте за мое безобразие, практикуюсь в верстке html css. Пытаюсь сделать что то а-ля адаптивным, конечно прекрасно понимаю, что до адаптивности там далеко. В процессе верстки возникла такая ситуевина: уменьшаю масштаб страницы в Мозиле на самый минимум, все блоки и тексты стоят на своих местах, смотрю в Хроме, и Опере и при уменьшении масштаба с 50% начинают съезжать тексты, блоки стоят на месте. Как с этим можно побороться? Понимаю, что решение этой проблемы не даст адаптивности, но тем не менее хочу понять почему так получается и как с этим бороться. Размеры шрифтов указываю в емах. Вот ссылка: http://c92999qs.bget.ru/blog/
0 votes4 answers -
Пропадает шапка сайта на мобильном
Здравствуйте. пропадает шапка сайта в мобильном браузере на android . пропадают логотип(svg графика) и кнопка меню. сайт: http://site.ru Тестировал на разных смартфонах на android , заметил что чаще всего пропадает шапка на android 4.2. Тестирую на эмуляторах андроид : https://www.manymo.com/emulators Подскажите почему пропадает шапка или способ как дебажить в мобильных браузерах?
0 votes2 answers -
слайдер съезжает при изменении разрешения
Добрый день, форумчане. Прошу помощи в решении проблемы со слайдером: https://jsfiddle.net/bt17c0fs/ Есть резиновый слайдер который при разрешении col-lg показывает одну фотку и работает отлично, но так как сделан он для адаптивности, то когда меняю разрешение на меньшее, показывает уже не один слайд а все в ряд и сам съезжает, подскажите, как решить проблему. Заранее благодарен!
0 votes2 answers -
Градиент без background
Здравствуйте. как сделать чтобы градиент был поверх контента? Сейчас пробовал градиентом от прозрачного к белому. Но сделано через background , поэтому градиент под темно-синим квадратом. https://jsfiddle.net/ishurgaya/407szvnp/embedded/result/ А нужно чтобы темно-синий квадрат был под градиентом, то есть к низу прятался под белым градиентом. Добавление темно-синего квадрата (картинки) , через background-image не вариант, т.к. планируется вместо темно-синего квадрата разный контент (текст ,картинки) помогите как сделать?
0 votes4 answers -
куда указывает прототип
помогите пожалуйста разобраться в коде: Board = function(width, height, background){ this.width = width; this.height = height; this.background = background; this.Create();}Board.prototype = { Create: function(){ console.log('create'); var board = $('<div class="board" id="board"></div>').css({ width: this.width + 'px', height: this.height + 'px', background: this.background }); $('#game').append(board); }}Qwerty = function(){ this.Create();}$(document).ready(function(){ var board = new Board(500, 500, 'orange'); var board = new Qwerty();});здесь я, пользуясь конструктором Board, создаю объект Board. затем через прототи…
0 votes1 answer -
Нужна помощь
Нужна ваша помощь При нажатии на ссылку вида #link страница перемещается к этому элементу. Как это можно убрать? Заранее спасибо.
0 votes2 answers -
Высота элемента на всю страницу
Всем привет! У меня такая проблема: я не могу сделать так, чтобы элементы, находящиеся в теге main имели высоту в 100%. Я уже все перепробовал, даже скрипт написал, ничего не выходит. В html и body прописывал min-height и height в 100%. У main высота также 100%. Вот картинка
0 votes7 answers -
Анамалия отображения CSS
Нужна ваша помощь. Не отображается css в браузерах.Проблема постоянна во всех черновиках. Html и css написал по шаблону (img прикрепляю). Что сделать для отображения CSS? В чем ошибка? Код:http://itmages.ru/image/view/3350077/3ece34c5 Результат:http://itmages.ru/image/view/3350098/34a2a45d Вот оригинал : http://itmages.ru/image/view/3350099/6914aae2 Тут папки: http://itmages.ru/image/view/3350101/10e9d919 Папка css:http://itmages.ru/image/view/3350102/2ee44e79
0 votes2 answers -
Помогите допилить регулярное выражение '(
Здравствуйте. Нужно проверить логин пользователя, а т.к. логин будет использоваться еще и в url (будет личный кабинет пользователя) то требования к логину "самые жесткие": 1 только латинские буквы или цифры , а так же допускаются знаки _.- 2 не может начинаться с _.- и заканчиваться соответственно тоже 3 не могут повторятся символы подряд например -- или -_ или -. и т.п. Ниже составленная мною регулярка прекрасно проверяет такие вот примерно логины: SuperNic или Super-Nic Вот если нужно так к примеру то не пропускает: S-u_p-e-r.Nic Понимаю что эта регулярка должна повторятся как-бы что ли чтобы знаки с буквами тоже могли повторятся по требованиям выше представленных…
0 votes12 answers -
Всплывающая страница заданной ширины
Добрый день! Продолжаю осваивать предмет. Ковыряю бесплатный шаблон. По задумке при клике на картинку открывается новая страница во всплывающем окне типа лайтбокса. Не пойму как задать ей ширину и центровку. Просто через width - не вариант. Прошу помощи. http://good-project.ru/test4/- первая картинка. Заранее спасибо!
0 votes8 answers -
Как растянуть фон до конца экрана
Как растянуть фон у логотипа до конца экрана? (фон - зеленым цветом). Макет на bootstrap. Пример можно посмотреть здесь. А растянуть фон нужно как на этой картинке.
0 votes1 answer -
Выстраивание элементов в вертикальный ряд.
Друзья привет! Очень прошу вашей помощи. В общем я совсем новичок. Только прошел основы html по курсу хан академии. Пытаюсь сейчас верстать свой первый сайт по макету псд. И вот столкнулся с проблемой. Просто в отчаянии уже не знаю как решить. Перепробовал все что мог, все что нашел в гугле, пытался и тут поиском искать, вроде бы нашел несколько похожих тем но так и не смог применить решения к своей странице, видимо просто не хватает опыта и не получается правильно УВИДЕТЬ решение проблемы. Суть. Пытаюсь заверстать одностраничный сайт типа визитки или блога. Сайт состоит из 3х вертикальных элементов. Хедер, тело сайта с текстом, и футер. Так вот я в упор не понима…
0 votes2 answers -
блок с css стилями.
Встала задача создать оффлайн версию сайта. Сами страницы есть и я спарсил из них инфу. Осталось разобраться со стилями. Вот в <head> есть такая строка : http://slot1.images1.wikia.nocookie.net/__am/1450744777/sasses/background-dynamic%3Dtrue%26background-image%3Dhttp%253A%252F%252Fimg1.wikia.nocookie.net%252F__cb77%252Fterraria%252Fru%252Fimages%252F5%252F50%252FWiki-background%26background-image-height%3D1080%26background-image-width%3D1920%26color-body%3D%2523000000%26color-body-middle%3D%2523bacdd8%26color-buttons%3D%252343372e%26color-header%3D%2523285f00%26color-links%3D%252354845e%26color-page%3D%2523ebebeb%26oasisTypography%3D1%26page-opacity%3D92%26widthTy…
0 votes2 answers -
непонятное поведение элементов в мобильном и стационарном браузере
Всем привет Объясните пожалуйста почему элемент в мобильном браузере (под iOS или Android) в браузере выглядит не так как в браузере на ПК. Например шрифт, размер которого задан в PX (например, font-size: 24px), на ПК всегда ровно такой какой он есть, а в мобильном браузере меняет свой размер в зависимости от того в какой ориентации девайс. Как с этим более корректно бороться (т.е. чтобы и на мобильниках все выглядело корректно)?
0 votes4 answers -
Как это выполнить?
(Имеется PSD шаблон)Име
0 votes1 answer -
fabric.js и шрифты
Господа профи, прошу вашего совета... Сейчас разбираюсь в fabric.js, но столкнулся с проблемой... Когда в селекте меняю шрифт (font-family.. Шрифты заранее подключены через font-face), шрифт на холсте меняется правильно только в том случае, если этот шрифт уже был загружен и прорисован (то есть уже стоит на каком-либо видимом элементе).. Если же ни на каком элементе на странице этого шрифта не стоит, то шрифт на холсте меняется только при потере фокуса активного элемента.. (например просто тыкнул в пустое пространство на самом холсте) или селектом выбрал какой-либо шрифт повтором.. Есть ли вариант заранее прогружать шрифты (или прорисовать их), если на самой странице, к…
0 votes0 answers -
Стилизация чекбоксы и радиобаттоны
Всем привет. Подскажите как лучше делать подобные чекбоксы и радиобаттоны ? Скриншот взял чисто для примера, чтоб вы поняли о чем идет речь. http://www.jotform.org/wp-content/uploads/2013/07/jquery-change-checkbox-style.jpg
0 votes3 answers