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
-
Выравнивание текста шрифта по центру
http://joxi.ru/-weCUxjKTJBJH2Izqog В мак осах выглядит сдвинуто, когда в винде ровно по центру. Вот как сделать выравнивание кроссбраузерно? Шрифт кажись генерировался с галкой Fix Vertical Metrics ... сайт http://html2css.ru/extreme2/
0 votes4 answers -
Самовольное изменение шрифта
Подскажите пожалуйста, почему при проверке на девайсах ниже 500px, шрифт начинает увел, font-size задан фиксированый, сайт есть не адаптированный Используя <meta name="viewport" content="initial-scale=1"> все нормально, кроме background'ов* http://shkafbaroni.ru/dev3/
0 votes3 answers -
Верстка под мобайл
Здравствуйте, уважаемые форумчане! Не подскажите хорошие статьи по верстке под мобайл - чтобы толково о правильном использовании медиа было расписано. Поняла что фундаментальных знаний в этом вопросе мне явно не хватает - раньше использовала бутстрап, а теперь надо самой все с нуля писать)) Бровзерстек показал море косяков для мобайл в моей верстке - например Андроид сжимает слишком картинки, border dashed глючит и т.п. Заранее благодарю)
0 votes2 answers -
Время пропадания popover Bootsrap
Есть кнопка на которую остановлен popover, в нем есть ссылка, когда нажимаю на кнопку, то всплывает popover, если кликаю за пределами popover, то он пропадает, когда нажимаю на ссылку в popover, то осуществляется переход по ссылке, но есть проблема, когда кликаю стандартно по ссылке в popover, то всё нормально, но когда кликаю по ссылке не стандартно, чуть дольше зажимаю лкм, то popover сразу пропадает и я не успеваю нажать. Как добавить время ожидания при клике для popover?
0 votes1 answer -
резиновый шаблон
Такой вопрос: есть 2 колонки: .fon {position:fixed; width:40%; text-align:right; min-width:200px; background-color:#000000; height:100%; float: right}.content {margin-left:60%; position:relative} Проблема возникает, когда экран сильно сжимается. левый слой доходит до 200 и останавливается, а правый-то продолжает сжиматься и текст заходит за левый столбец. Как это "победить"?
0 votes5 answers -
Выравнивание div через inline-block
Здравствуйте. Пытаюсь выравнять 2 блока через inline-block. Но они выходят все равно не на одном уровне. Подскажите что не так и как исправить? <style> *{ box-sizing: border-box; padding: 0; } .container{ border: 1px solid red; margin: auto; } .row{ background: rgb(206, 200, 200); } .col-1{ width: 200px; border: 2px solid white; display: inline-block; height: 100px; } .col-2{ width:600px; border: 2px solid white; display: inline-block; hei…
0 votes2 answers -
Мобильное меню на чистом CSS
Решил поиграться с тегом details и вот что получилось: See the Pen KxaPyX by Alexandr (@AlexZaw) on CodePen. Для поддержки EDGE и IE9-11 пришлось дублировать код, так как они не поддерживают тег details, так что, при использовании чекбоксов код получится короче, но тем не менее вдруг кому пригодится способ стилизации details. (если нужно зафиксировать меню - меняем позиционирование у details и .mmenu ) <details> <summary tabindex='1'> <span class="top"></span> <span class="center"></span> <span class="bottom"></span> </summary> <ul class="mmenu"> <li><a href="…
0 votes0 answers -
Элементы по центру в html5
Всем привет! Как правильно расположить элементы по центру страницы в html 5? Читаю тут http://htmlbook.ru/html/center что <center> в html5 запрещен, тут http://htmlbook.ru/html/div/align что <div align="center"></div> тоже не айс (написано - осуждается... что?). Так как же нужно центрировать элементы в html5? У меня есть, например, input, как тогда мне поместить его по центру страницы?
0 votes5 answers -
Проблема с полосой прокрутки у iframe
Всем привет!=) Что-то я не пойму, что у меня не так. Вот кусок кода главной страницы: <P style="margin-left:10px;padding-left:10px;"><iframe scrolling="auto" name="frame1" frameborder=0 id="frame1" allowtransparency="true" src="main.html" width="100%" height="90%"></iframe></p> В файле main.html текст не помещается по вертикале(ну так должно быть), и поидее, справа у фрейма должна появляться полоса прокрутки, так и случается в браузере Opera. Но вот в браузере IE 7 полоса не появляется. И поэтому не понятно будет для пользователей IE 7, что там если прокрутить вниз фрейм, есть еще текст. Это можно как-то исправить? =)) Спасибо заранее за ответ!
0 votes1 answer -
Рамки
У меня проблема. Все вроде отображается. Не могу понять, как избавиться от ошибки, точнее 5. На http://validator.w3.org выдает на этом куске программы <h3> <i> <ul style="border: 3px dotted green; text-decoration: underline;"> <li style="text-align: left">Список предметов и работ</li> <li>математическое моделирование и программирование</li> <ul style="border: 3px dotted green" type="circle"> <li style="color: green;">Лабораторная работа №1</li> <li>Лабораторная работа №2</li> <li>Лабораторная работа №3</li> </ul> <li>Физика</li> <ul style="border: 3px dotted green" typ…
0 votes2 answers -
Не пойму работу скрипта
Имеется часть кода выпадающего меню <if condition="$show['communitylink'] AND $show['popups']"> <td class="vbmenu_control"><a id="community" href="555#community" rel="nofollow" accesskey="6">Тест</a> <script type="text/javascript">vbmenu_register("community"); </script></td> <else /> $show['communitylink'] - Это как я понял то что будет выпадать AND $show['popups'] - не понял для чего ну это пока не очень важно, но понять хотелось бы.. Проблема в следующем, тоесть это все работает, но если поменять ID и скрипт, например id="community1" и script type="text/javascript">vbmenu_register("community1"); </script> все п…
0 votes3 answers -
Проблема с картинками
Вот макет: http://filesurf.ru/230610/var_1_bw_3.jpg.html. Столкнулся с проблемой верстки изображений в галерее справа страницы. Так как они находятся под углом, просто вырезать и вставить в верстку их нельзя, почестям резать их тоже не желательно, так как потом нужно будет встраивать JS для того что бы при нажатие они увеличивались. Может быть кто нибудь подскажет как именно это можно реализовать? Буду бескрайне благодарен)
0 votes11 answers -
положение картинки
Подскажите как можно разместить 2 картинки в ряд, внизу по центру. размер картинок разный, нужно что бы маленькая картинка была расположена по центру большой. макет прикрепил к теме. ах да, img 2 будет как ссылка, нужно что бы она при наведении изменялась
0 votes7 answers -
Вставить изображение к имеющемуся заднему фону
1. Здравствуйте, начнем с того, что сайт просто офигенный, уже не первый раз обращаюсь к нему, не сложные корректировки в стилях и дизайне помогали всегда, НО... Кроме данного случая. 2. Не давно поменял свой дизайн сайта в журнальном стиле, тут же пришла идея добавить изображение к имеющемуся заднему фону. Пробовал прописать код в стиле, но у меня ничего не выходит, как только не извращался, в лучшем случае не было ничего, в худшем весь дизайн "распадался" и все пропадало кроме текста. Девушку разделил на 3ри части, 2ой кусочек вставлю без проблем, нужно просто заменить картинку уже прописанного кода (кстати пытался вставить первый кусок изображения по примеру 2го кусочк…
0 votes7 answers -
ИМ Связной и способ их работы
Доброе утро всем! и с наступающим НГ и "концом света" Такой вопорос, до меня дошел слух что магазин Связной тянет свои карточки товаров Ноубуков ( _http://www.svyaznoy.ru/catalog/notebook/1738) от другого сайта, но вот понять как он это делает и найти в коде те моменты которые на это бы указывали у меня не получается. Можно ли по коду страницы точно определить от куда берется контент (фотографии товара, характеристики и возможно описание) и как? Вопрос собственно больше для интереса, чем попытка "что-то кому-то доказать". вот на примере этой хотя бы страницы _http://www.svyaznoy.ru/catalog/notebook/1738/1419155
0 votes4 answers -
Цикл for
Внутри xsl-шаблона пробую написать скрипт, использующий оператор цикла for. Корневой тег xsl:stylesheet, в нем объявлен тег html, принадлежащий пространству имен xmlns="http://www.w3.org/1999/xhtml". Далее все теги xhtml вложены как обычно. Внутри body контейнер script в нем простейший цикл for - и шаблон не срабатывает. Если цикл заменить условным оператором if - все работает нормально. А на for валидатор notepad++ ругается "invalid element name". Почему?
0 votes6 answers -
Свойство font и порядок свойств
Начинаю вникать в процесс вёрстки. Возник вопрос про свойство font. В каком случае его можно использовать в качестве сокращённой записи нескольких свойств шрифта, а в каком нельзя? Хотел сократить запись, заменил в css-файле font-size: 1.25em; font-family: Arial; на font: 1.25em Arial; Оказалось, что это далеко не одно и то же. http://jsfiddle.net/Fmzxg/6/ Получается, все значения свойства font, если не указать их явно, сбрасываются к неким дефолтным значениям? Где можно посмотреть эти дефолтные значения? В справочнике неплохо было бы описать этот нюанс... Также из приведённого примера видно, что обязательно line-height нужно записывать только после font, чтобы это свой…
0 votes3 answers -
Вывод элемента на определенное место
На странице, в блоке Х выводится элемент, изображение в ссылке <a id="foto" href="/3.jpg"><img src="/3.jpg"></a> Нужно, чтобы этот элемент всегда, вне зависимости от того, где он находится в блоке Х, отображался в правом-нижнем углу блока Х. В блоке Х могут быть и другие элементы, но это не должно влиять на отображение элемента. Кроме того, что все остальное должно обтикать этот элемент. Как сделать css'ом? Может я туплю, что-то голова уже плохо варит. a#foto{ float:right; margin:0; padding:0; display:block; position:absolute; }
0 votes3 answers -
Два фона
Здраствуйте дорогие пользователи! В общем у меня такой вопрос: "Как сделать 2 фона на сайте?", допустим, как на кинопоиск. Заранее благодарю.
0 votes7 answers -
Плавное увеличение круга
Нужно сделать эффект как тут https://prankota.com/ - наводим на круг он расширяется не вниз и вправо, а равномерно во все стороны. Уже есть: h2 { width: 100px; height: 100px; color: #000; font-size: 30px; margin-left: 35px; font-family: 'Open Sans Condensed', Arial; background-color: red; background-image: url(../img/708682.jpg); border-radius: 50%;}h2:hover { -webkit-transform: scale(1.0); width: 150px; height: 150px; transition: all 0.4s ease-in-out;}
0 votes3 answers -
font
В каком именно файле шаблона надо искать, чтоб поменять цвет системных сообщений:http://truebooks.ru/newposts/? <font color="#FF0000"><b>Непрочитанных вами публикаций на сайте не найдено.</b></font> ???
0 votes4 answers -
Подскажите пожалуйста почему не работает.? Не в опере, не в мозиле.! А только в хроме.!
<input placeholder="Не работает" type="text" maxlength="50" required=""> ::-webkit-input-placeholder { -webkit-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } :focus::-webkit-input-placeholder, :valid::-webkit-input-placeholder { -webkit-transform: translateY(-20px); -webkit-transform: translateY(-20px); }
0 votes8 answers -
Цвета и переменные
Здравствуйте. Прочитал Sass Guidelines. Есть вопросы касательно того как называть переменные которые хранят цвета. Например у меня 18 цветов. 8 из которых это оттенки серого, 4 оттенка желтого, черный, белый и т.д. Как называть переменные: $c-grey-1, $c-grey-2, ..., $c-grey-n? Или $c-dashboard-title, $c-main-menu__item__link? Если у меня $c-dashboard-title и $c-main-menu__item__link одного цвета(хотя они логически не связаны), то поступить так: 1)$c-dashboard-title: #933434; $c-main-menu__item__link: $c-dashboard-title; 2)Или каждому задавать свое значение? Минус первого варианта в том что если поменяется хоть одно из значений, то переделывать придется оба (а их же …
0 votes4 answers -
css или js анимации
Добрый день, подскажите что же все таки производительней и в каких ситуациях. А то сделал очень интерактивный проект, но не меня ни заказчика не устраивает периодические подвисания анимации. Полностью везде использовалась css анимация с JS управлением. Вот решил переделать проект, но нужно решить проблему оптимизации.
0 votes5 answers -
Добавление логотипа img приводит к смещению inline-block элемента вниз
Здравствуйте, Ссылка на проблему https://jsfiddle.net/gzemlyakov/wkzgfj2h/ Столкнулся с проблемой позиционирования inline-block элемента(nav) после логотипа(img). При добавлении inline-block элемента после картинки, элемент съезжает вниз на расстояние, приблизительно равное, высоте картинки. Если убрать картинку и добавить еще один inline block элемент, то смещения вниз не происходит. Я попробовал выставить display: inline-block, также, для картинки, но это не помогло решить проблему. Если вместо img поместить другой inline элемент, например span, смещения вниз не происходит. Основной вопрос как позиционируется img и чем его позиционирование отличается от осталь…
0 votes1 answer