HTML Coding

29542 questions in this forum

1. Свойство 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
2. Вывод элемента на определенное место

   На странице, в блоке Х выводится элемент, изображение в ссылке <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
3. Градиент на фоне

   Приветствую. Например есть такая страница Большая: https://dl.dropboxusercontent.com/u/935663/temp/gradient-block.png Как видно из картинки, градиент заканчивается на том месте, где заканчивается левое меню, и там тоже есть линия. В общем то ничего сложного, можно поставить фоновую картинку и нет проблем. Но как сделать, чтобы при увеличении текста, который на градиенте, этот самый градиент тоже увеличивался, нижний блок 2013 естественно тоже будет сдвигаться за текстом. В общем то в этом весь вопрос. Чтобы фон изначально был в 510px например, но если текста будет больше, тоже увеличивался по высоте. Сейчас примерно вот так: http://jsfiddle.net/npofopr/zDqLW/

   Asked by npofopr, October 13, 2013

   0 votes
   8 answers
4. Как сделать "кармашек")

   Всем привет. Не прошу готового решения, прошу грамотного совета как лучше сверстать такую комбинацию, чтобы текст можно было менять и кнопка с "кармашком" тянулся на всю ширину:

   Asked by Extremum, November 18, 2013

   • верстка
   0 votes
   4 answers
5. Выравнивание текста шрифта по центру

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

   Asked by Zverushka, May 25, 2014

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

   Подскажите пожалуйста, почему при проверке на девайсах ниже 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
7. Верстка под мобайл

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

   Asked by Orysya, June 7, 2015

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

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

   Asked by FitTech, August 26, 2015

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

   Такой вопрос: есть 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
10. Выравнивание 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
11. Мобильное меню на чистом 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
12. Элементы по центру в 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
13. Проблема с полосой прокрутки у 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
14. Рамки

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

    Имеется часть кода выпадающего меню <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
16. Отображение сайта в браузерах

    Подскажите пожалуйста.Футер на странице http://www.averta.org/production/alpackk.h...oject&id=27 отображается по разному в IE и Opera,а надо как в Mozilla Firefox.Кто знает подскажите пожалуйста что делать?

    Asked by slam1989, December 18, 2010

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

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

    Asked by moskalev_mihail, June 12, 2011

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

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

    Asked by atew, September 30, 2011

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

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

    Asked by felixtrader, November 21, 2011

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

    Доброе утро всем! и с наступающим НГ и "концом света" Такой вопорос, до меня дошел слух что магазин Связной тянет свои карточки товаров Ноубуков ( _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
21. Цикл 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
22. Два фона

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

    Asked by vasa3000, November 14, 2013

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

    Нужно сделать эффект как тут 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
24. Подскажите пожалуйста почему не работает.? Не в опере, не в мозиле.! А только в хроме.!

    <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
25. Цвета и переменные

    Здравствуйте. Прочитал 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