HTML Coding

29542 questions in this forum

1. Выравнивание текста шрифта по центру

   http://joxi.ru/-weCUxjKTJBJH2Izqog В мак осах выглядит сдвинуто, когда в винде ровно по центру. Вот как сделать выравнивание кроссбраузерно? Шрифт кажись генерировался с галкой Fix Vertical Metrics ... сайт http://html2css.ru/extreme2/

   Asked by Zverushka, May 25, 2014

   0 votes
   4 answers
2. Самовольное изменение шрифта

   Подскажите пожалуйста, почему при проверке на девайсах ниже 500px, шрифт начинает увел, font-size задан фиксированый, сайт есть не адаптированный Используя <meta name="viewport" content="initial-scale=1"> все нормально, кроме background'ов* http://shkafbaroni.ru/dev3/

   Asked by Omega24v, June 7, 2015

   0 votes
   3 answers
3. Верстка под мобайл

   Здравствуйте, уважаемые форумчане! Не подскажите хорошие статьи по верстке под мобайл - чтобы толково о правильном использовании медиа было расписано. Поняла что фундаментальных знаний в этом вопросе мне явно не хватает - раньше использовала бутстрап, а теперь надо самой все с нуля писать)) Бровзерстек показал море косяков для мобайл в моей верстке - например Андроид сжимает слишком картинки, border dashed глючит и т.п. Заранее благодарю)

   Asked by Orysya, June 7, 2015

   • media queries
   • android
   0 votes
   2 answers
4. Время пропадания popover Bootsrap

   Есть кнопка на которую остановлен popover, в нем есть ссылка, когда нажимаю на кнопку, то всплывает popover, если кликаю за пределами popover, то он пропадает, когда нажимаю на ссылку в popover, то осуществляется переход по ссылке, но есть проблема, когда кликаю стандартно по ссылке в popover, то всё нормально, но когда кликаю по ссылке не стандартно, чуть дольше зажимаю лкм, то popover сразу пропадает и я не успеваю нажать. Как добавить время ожидания при клике для popover?

   Asked by FitTech, August 26, 2015

   • popover
   • bootstrap
   0 votes
   1 answer
5. резиновый шаблон

   Такой вопрос: есть 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 и останавливается, а правый-то продолжает сжиматься и текст заходит за левый столбец. Как это "победить"?

   Asked by Borodulka, October 30, 2015

   0 votes
   5 answers
6. Выравнивание 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…

   Asked by FotGOD, September 23, 2018

   0 votes
   2 answers
7. Мобильное меню на чистом 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="…

   Asked by AlexZaw, August 30, 2018

   0 votes
   0 answers
8. Элементы по центру в html5

   Всем привет! Как правильно расположить элементы по центру страницы в html 5? Читаю тут http://htmlbook.ru/html/center что <center> в html5 запрещен, тут http://htmlbook.ru/html/div/align что <div align="center"></div> тоже не айс (написано - осуждается... что?). Так как же нужно центрировать элементы в html5? У меня есть, например, input, как тогда мне поместить его по центру страницы?

   Asked by Someone, June 25, 2019

   0 votes
   5 answers
9. Проблема с полосой прокрутки у 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, что там если прокрутить вниз фрейм, есть еще текст. Это можно как-то исправить? =)) Спасибо заранее за ответ!

   Asked by evgenyan, April 27, 2009

   0 votes
   1 answer
10. Рамки

    У меня проблема. Все вроде отображается. Не могу понять, как избавиться от ошибки, точнее 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…

    Asked by Snums, June 23, 2009

    0 votes
    2 answers
11. Не пойму работу скрипта

    Имеется часть кода выпадающего меню <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> все п…

    Asked by slavok47, December 22, 2009

    0 votes
    3 answers
12. Проблема с картинками

    Вот макет: http://filesurf.ru/230610/var_1_bw_3.jpg.html. Столкнулся с проблемой верстки изображений в галерее справа страницы. Так как они находятся под углом, просто вырезать и вставить в верстку их нельзя, почестям резать их тоже не желательно, так как потом нужно будет встраивать JS для того что бы при нажатие они увеличивались. Может быть кто нибудь подскажет как именно это можно реализовать? Буду бескрайне благодарен)

    Asked by moskalev_mihail, June 12, 2011

    0 votes
    11 answers
13. положение картинки

    Подскажите как можно разместить 2 картинки в ряд, внизу по центру. размер картинок разный, нужно что бы маленькая картинка была расположена по центру большой. макет прикрепил к теме. ах да, img 2 будет как ссылка, нужно что бы она при наведении изменялась

    Asked by atew, September 30, 2011

    0 votes
    7 answers
14. Вставить изображение к имеющемуся заднему фону

    1. Здравствуйте, начнем с того, что сайт просто офигенный, уже не первый раз обращаюсь к нему, не сложные корректировки в стилях и дизайне помогали всегда, НО... Кроме данного случая. 2. Не давно поменял свой дизайн сайта в журнальном стиле, тут же пришла идея добавить изображение к имеющемуся заднему фону. Пробовал прописать код в стиле, но у меня ничего не выходит, как только не извращался, в лучшем случае не было ничего, в худшем весь дизайн "распадался" и все пропадало кроме текста. Девушку разделил на 3ри части, 2ой кусочек вставлю без проблем, нужно просто заменить картинку уже прописанного кода (кстати пытался вставить первый кусок изображения по примеру 2го кусочк…

    Asked by felixtrader, November 21, 2011

    0 votes
    7 answers
15. ИМ Связной и способ их работы

    Доброе утро всем! и с наступающим НГ и "концом света" Такой вопорос, до меня дошел слух что магазин Связной тянет свои карточки товаров Ноубуков ( _http://www.svyaznoy.ru/catalog/notebook/1738) от другого сайта, но вот понять как он это делает и найти в коде те моменты которые на это бы указывали у меня не получается. Можно ли по коду страницы точно определить от куда берется контент (фотографии товара, характеристики и возможно описание) и как? Вопрос собственно больше для интереса, чем попытка "что-то кому-то доказать". вот на примере этой хотя бы страницы _http://www.svyaznoy.ru/catalog/notebook/1738/1419155

    Asked by Torvin, December 28, 2011

    0 votes
    4 answers
16. Цикл for

    Внутри xsl-шаблона пробую написать скрипт, использующий оператор цикла for. Корневой тег xsl:stylesheet, в нем объявлен тег html, принадлежащий пространству имен xmlns="http://www.w3.org/1999/xhtml". Далее все теги xhtml вложены как обычно. Внутри body контейнер script в нем простейший цикл for - и шаблон не срабатывает. Если цикл заменить условным оператором if - все работает нормально. А на for валидатор notepad++ ругается "invalid element name". Почему?

    Asked by hike, March 13, 2012

    0 votes
    6 answers
17. Свойство font и порядок свойств

    Начинаю вникать в процесс вёрстки. Возник вопрос про свойство font. В каком случае его можно использовать в качестве сокращённой записи нескольких свойств шрифта, а в каком нельзя? Хотел сократить запись, заменил в css-файле font-size: 1.25em; font-family: Arial; на font: 1.25em Arial; Оказалось, что это далеко не одно и то же. http://jsfiddle.net/Fmzxg/6/ Получается, все значения свойства font, если не указать их явно, сбрасываются к неким дефолтным значениям? Где можно посмотреть эти дефолтные значения? В справочнике неплохо было бы описать этот нюанс... Также из приведённого примера видно, что обязательно line-height нужно записывать только после font, чтобы это свой…

    Asked by LonerD, April 23, 2012

    0 votes
    3 answers
18. Вывод элемента на определенное место

    На странице, в блоке Х выводится элемент, изображение в ссылке <a id="foto" href="/3.jpg"><img src="/3.jpg"></a> Нужно, чтобы этот элемент всегда, вне зависимости от того, где он находится в блоке Х, отображался в правом-нижнем углу блока Х. В блоке Х могут быть и другие элементы, но это не должно влиять на отображение элемента. Кроме того, что все остальное должно обтикать этот элемент. Как сделать css'ом? Может я туплю, что-то голова уже плохо варит. a#foto{ float:right; margin:0; padding:0; display:block; position:absolute; }

    Asked by qazibum, August 9, 2012

    0 votes
    3 answers
19. Два фона

    Здраствуйте дорогие пользователи! В общем у меня такой вопрос: "Как сделать 2 фона на сайте?", допустим, как на кинопоиск. Заранее благодарю.

    Asked by vasa3000, November 14, 2013

    0 votes
    7 answers
20. Плавное увеличение круга

    Нужно сделать эффект как тут 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;}

    Asked by Kisa1993, December 2, 2013

    0 votes
    3 answers
21. font

    В каком именно файле шаблона надо искать, чтоб поменять цвет системных сообщений:http://truebooks.ru/newposts/? <font color="#FF0000"><b>Непрочитанных вами публикаций на сайте не найдено.</b></font> ???

    Asked by JohnBondlock, February 6, 2014

    0 votes
    4 answers
22. Подскажите пожалуйста почему не работает.? Не в опере, не в мозиле.! А только в хроме.!

    <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); }

    Asked by Maxsim, May 5, 2015

    • transition input placeholder
    0 votes
    8 answers
23. Цвета и переменные

    Здравствуйте. Прочитал 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)Или каждому задавать свое значение? Минус первого варианта в том что если поменяется хоть одно из значений, то переделывать придется оба (а их же …

    Asked by leshiple, June 14, 2015

    • sass
    • цвета
    • переменные
    0 votes
    4 answers
24. css или js анимации

    Добрый день, подскажите что же все таки производительней и в каких ситуациях. А то сделал очень интерактивный проект, но не меня ни заказчика не устраивает периодические подвисания анимации. Полностью везде использовалась css анимация с JS управлением. Вот решил переделать проект, но нужно решить проблему оптимизации.

    Asked by li4e, July 28, 2015

    0 votes
    5 answers
25. Добавление логотипа img приводит к смещению inline-block элемента вниз

    Здравствуйте, Ссылка на проблему https://jsfiddle.net/gzemlyakov/wkzgfj2h/ Столкнулся с проблемой позиционирования inline-block элемента(nav) после логотипа(img). При добавлении inline-block элемента после картинки, элемент съезжает вниз на расстояние, приблизительно равное, высоте картинки. Если убрать картинку и добавить еще один inline block элемент, то смещения вниз не происходит. Я попробовал выставить display: inline-block, также, для картинки, но это не помогло решить проблему. Если вместо img поместить другой inline элемент, например span, смещения вниз не происходит. Основной вопрос как позиционируется img и чем его позиционирование отличается от осталь…

    Asked by twelve_chairs, January 28, 2017

    0 votes
    1 answer