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
29,542 questions in this forum
-
Не работает background-image для блока div
Не могу понять почему не работает свойство background-image для блока <DIV ID="HEADER"></DIV> картинка просто не появляется в блоке..я новичок, может кто знает в чем причина? Все картинки в папке images. Сам код: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test</title> <link href="style.css" rel="stylesheet" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="js/custom.js"></script> </head> <body> <div id="wrapper"> <div id="header"> </div> <div id="nav"> </div> <div id="content">…
0 votes2 answers -
Разные картинки в таблице
День добрый! Имеем вот такой скрипт <script language="JavaScript" src="http://shop.digiseller.ru/asp/agent_g_src.asp?idn=81893"></script> и css <style> <!-- .table_goods { margin: auto; } .tr_head {} .td_head_name {padding: 3px; background-color:#ffffff;} .td_head_price {padding: 3px; background-color:#ffffff;} .head_name {12px; Verdana, Arial, Helvetica, Sans serif; font-weight:300; font-style:normal; color:#ffffff;} .head_price {12px; Verdana, Arial, Helvetica, Sans serif; font-weight:300; font-style:normal; color:#ffffff;} .tr_row { float: left; } .td_row_name { background: linear-gradient(top,#FDFDFD 0,#FCFCFC 10%,#F6F6F6 60%,#F0F0F0 80%,#EDED…
0 votes9 answers -
Несколько вопросов..
Здравствуйте уважаемые форумчани... Недавно начал заниматься вёрсткой и вот столкнулся сразу с несколькими вопросами... 1.Вопрос Допустим я верстаю под ucoz... Как сделать так что бы картинка контейнера сама растягивалась по высоте по мере заполнения самого контейнера, вот сама картинка http://s16.radikal.ru/i190/1212/08/af6daa214cfd.jpg (P.S это для явного примера что бы поняли) 2.Впрос хотел очень бы узнать как верстать такие части как input.. Дело в том что их сверстать не так просто как мне казалось особенно scrol, надо заме нить его на картинку а потом ещё по мере его сделать что бы он сам расширялся.. В общем вот такие проблемы кто поможет буду очень благодарен, за…
0 votes13 answers -
Что за стрелки в CSS коде?
li a.active > img {} li a:hover > img {} Не могу понять зачем нужны стрелки > и как они работают Подскажите плиз
0 votes2 answers -
Размеры сайта
На сайте, когда окно браузера, открыто на всю, все работает вроде норм. Только размер окна изменяется, сайт сразу едет. В чем, может быть, причина? Сам сайт: http://www.tim-profi.ru/
0 votes2 answers -
Position в Android 4
Столкнулась с проблемой работы position:fixed в Android 4 Причем в Android 2.3 все отображается и работает нормально... Нашла способ отделения Android от других мобильных систем... Но как разделить Android 4 и Android 2.3?
0 votes4 answers -
Как грамотно прекратить отсечку изображений?
Здравствуйте. На сайте внизу у самой последней программы обрезается нижний кончик изображения коробки программного продукта: Как правильно убрать отсечку изображения?
0 votes3 answers -
Резинавая верстка
Подскажите пожалуйста список большинства популярных разрешений для резиновой верстки с использованием: @media screen and (max-width: ***px){} Для деспотов: 1024x768, 1280x1024, 1680x1050, 1920x1080 эти как я понял ноутбуков: вообще не знаю планшетов: 7" и 10.1" но как понимаю есть еще небольшой зоопарк от Sumsung + Ретина дисплеи + еще горизонтальное и вертикальное расположение смартфонов: ??? там вообще грандиозный зоопарк... игровых приставок: (PS3 Xbox) точнее скорее для широкоформатных телевизоров. цель простая. хочу сделать собственный набросок или пару набросков для адаптивной верстки под свои нужды. Вообще идеальным было бы если бы дали ссылку на статейку или …
0 votes3 answers -
"границы сайта"
Сайт состоит из div-блоков. По краям страницы (после div-колонок) - бэкграунд. На лэптопах/ПК все нормально. А вот планшет автоматически "отрезает" все что находится вне div-блоков. И получается некрасиво. Нужно каким то образом очертить границы сайта, чтобы бэкграунд частично считался "полезным". Самый простой способ - создать пустые div-ы по краям... Но я не уверен что это "профессионально". Может быть есть существуют "правильные, общепринятые" способы?
0 votes1 answer -
Текст ведет себя как банный лист
Всем джамбо господа. Wordpress. Сайт. Кидаю изображение <img src='...' align='left' hspace='50'> но текст прям как я летом на пляже, все так же прилипает к изображению. Может есть альтернатива hspace? или я просто бибилов (не в обиду футболисту).
0 votes5 answers -
верстка для facebook like
Проблема моделируется под maсos Safari кнопка блок от фэйсбука обрезанный: вокал.яскович.рф/news/32-stupeni-shkoly-energo-zvuka (наверху слева) даже не знаю что придумать -не могу найти ошибку в цсс причем в ff - отображает нормально цсс здесь http://вокал.яскович.рф/sites/all/themes/Obosmeysya/css/application.css?mf9h2w спасите!!! =)
0 votes2 answers -
Border у фигуры
Раньше не юзал фигуры, решил попробовать, ну тут какие-то грабли)) div { width: 0; height: 0; border-top: 50px solid transparent; border-right: 100px solid red; border-bottom: 50px solid transparent; } получается красный треугольничек, но мне надо цвет #F7F7F7, меняю, и о чудо, у треугольника появляется border, что за странность?
0 votes8 answers -
Аттрибут у <a>
Добрый день! Преамбула: я использую твиттер бутстрап у себя на сайте. С помощью модального окошка я хочу организовать удаление элементов их списка. У каждого элемента есть свой id: 1. aaaaa 2. bbbbb 3. ccccc Сама форма выглядит вот таким образом: <div id="catDelModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="catDelModalLabel" aria-hidden="true"> <div class="modal-header"> <h3 id="catDelModalLabel">Удаление каталога</h3> </div> <form id="catDelModal" action="" method="post"> <div class="modal-body"> Вы действительно хотите удалить этот каталог? Действие не может быть отменено. </div> <…
0 votes2 answers -
Есть ли хук для реализации выравнивания по символу в таблцах?
Добрый день. Очень жаль, что такой важный приём для правильной и читабельной вёрстки как выравнивание по символу, не прижился в html. Для 4-ой версии стандарта он так и не получил поддержку ни одного из браузеров, а в 5-ой и вовсе был выкинут из спеки. Может кто знает какой-нибудь трюк? В яндексе ничего найти не удалось, к сожалению. Может скриптовое решение есть готовое? В принципе представляю как это реализовать на jQuery, но прежде чем громоздить велосипед, хотелось бы попросить у многоуважаемого сообщества консультации по данному вопросу. PS: опечатался в на названии темы,
0 votes14 answers -
копирование кода в буфер
выскажите пожалуйста ваше мнение относительно юзабилити сейчас на многих даже солидных сайтах популярно копирование в буфер при помощи ссылки. пример можно увидеть на этой страничке. отличие от ctrl+v в том, что приходится совершать лишнее действие(закрытие модального окна "ок"). я не понимаю чём удобство
0 votes3 answers -
Чекбокс и скрипт
Помогите пожалуйста подправить код. Нужно стилизировать чекбокс, решил с помощью java скрипта и спрайтов. В html прописал так: <span class="check-box" onclick="changeCheck(this)" id="check-box1"><input type="checkbox" name="check-box"/></span> сам скрипт: <script type="text/javascript"> function changeCheck(el) /* функция смены вида и значения чекбокса el - span контейнер дял обычного чекбокса input - чекбокс */ { var el = el, input = el.getElementsByTagName("input")[0]; if(input.checked) {el.style.backgroundPosi…
0 votes1 answer -
Ищу учителя веб-мастера!
Друзья! Ищу себе учителя-наставника веб-сенсея! Есть базовые знания html, css Хочу научиться верстать сайты, стать "настоящим веб-мастером"! Готова учиться, выполнять задания! Спасибо)
0 votes7 answers -
Выравнивание элементов
Добрый день уважаемые программисты) На сайте uslugi34.ru в шапке есть икноки,и при уменьшении масштаба они уплывают... Как бы мне это исправить? Заранее спасибо)
0 votes2 answers -
Семейство шрифтов смотрится по разному в современных FF и Chrome
Здравствуйте. Заметил, что используемое семейство шрифтов Verdana bold сгенерированное на font2web.com выглядит по разному в Хроме 23 и Фаерфоксе 17. Это нормально?
0 votes7 answers -
Выравнивание пунктов меню (без li)
Нашел интересную менюшку с анимашкой. Расположил все пункты горизонтально. В верстке не используется ul, li. http://karelin.tk Не получается отровнять пункты...видим как у пункта Design по бокам много пустого места, а между Typography и Freebies слишком мало и т.д. В зависимости от длинны слова (пункта) верстка плывет. Помогите решить проблему. Вот css: http://karelin.tk/css/default.css
0 votes7 answers -
Хайд
Здравствуйте. Подскажите как можно сделать данную вещь: Есть html сайт, вот его меню: А вот хайд (или хз как его назвать): при нажатии на него открывается карта. Каким кодом можно сделать так что бы при нажатии на пункт меню, открывался сам хайд? В данный момент на кнопке стоит такой код: <a href="#karta">Районы бесплатного выезда мастера</a> А на хайде такой: <a name="karta"><h2 class="receiving_centers" style="background: #e1eaf0; cursor: pointer;"> <span style="font-size: 16px; color: #000;">Карта районов Москвы с бесплатным выездом мастеров!<br /> <span style="text-transform: uppercase;">(Нажмите, чтобы …
0 votes6 answers -
Меню на сайте билайна
Не могу разобраться, как собрано меню на сайте билайна http://mobile.beeline.ru/msk/index.wbp Скопировала стили и часть html, но локально выпадающие пункты не работают (в смысле не выпадают), и пунктики меню не подсвечиваются при наведении мышкой. Из оригинала на странице убрала все скрипты (через Inspect Element), оставила только часть с меню, там работает...
0 votes7 answers -
Help! Не понимаю, почему текст вылезает вправо
На одной странице тексты выводится нормально, на другой без переносов вылезают за правую границу Здесь норм: Главная Здесь вылезает вправо: Страница новости CSS один и тот же, шаблон тоже... Почему оно лезет вправо??? Перепробовал уже версии с white-space, word-wrap и добавлял float контенту...
0 votes4 answers -
Не помешала бы помощь.
Возможно ли сделать мгновенное затемнение и если можно то как?
0 votes1 answer -
При зуме в Chrome появляются лишние пиксели
Доброго времени суток! Есть следующий код html: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/style.css" /> <!--[if lt IE 9]> <script> var e = ("article,aside,figcaption,figure,footer,header,hgroup,nav,section,time").split(','); for (var i = 0; i < e.length; i++) { document.createElement(e[i]); } </script> <![endif]--> <script> function hide_input_value(iv) { if (iv=="Search website") { document.getElementById('field_search').value=""; } } function show_input_value(iv) { if (iv=="") { docu…
0 votes5 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-