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
-
Верстка бесплатно (для моего портфолио)
Привет, я начинающий верстальщик и ищу верстку для моего портфолио, поэтому бесплатно) Что я умею: HTML 5 валидно верстать;Хорошо знаю css3;Кроссбраузерная верстка (ie8+, все современные браузеры);Люблю js/jquery, смогу найти нужный плагин и кастомизировать его, при необходимости напишу скрипт сам;Знаю, как надо проверять свою работу на качествоСижу на Хабре и форумах по верстке, сверстаю шаблон полностью соответствующий Вашему ТЗ. Знаю bootstrap, если надо сделать по какому-то другому css фреймворку, то разберусь и с ним. Flash не знаю. Верстка сложной титулки займет от 4 до 7 дней. Что нужно, чтобы мы сработались: Вы являетесь веб-сдудией или фрилансером с портфолио;У В…
0 votes0 answers -
Как настроить перетекании текста
Всем доброго дня, Подскажите, как сделать перемещение текста из одной колонки в другую Макет: http://prntscr.com/6a12l1 Сейчас я использовала свойство columns, но все содержимого разбивается на три колонки, а мне надо что бы колонки по вертикали тянулись и размножались, вот как-то так Вот как сейчас все выглядит http://azharova.ru/test/ee.html
0 votes8 answers -
работа с текстом
Доброе время суток! Кто-нибудь, подскажите как сделать так, чтобы при нажатии на ссылку изначально скрытый текст раскрывался под этой ссылкой без переходов на другие страницы. Или хотя бы подскажите с помощью чего это возможно сделать!
0 votes3 answers -
помогите с if else
'.$row['name'].' этот код делает весь столбик ссылками как сделать так что б только одна строчка с name = 'Дом' к примеру была ссылкой а остальные нет?
0 votes3 answers -
Как сделать все через div?
Название раздела
0 votes1 answer -
Нашел удобное меню и вставил в интересный див с уголками
Нашел то что давно искал.Удобное мне меню и бокс с уголками но. В FF все норма,в IE как будто нет меню(невидимое) убрав тут float,в IE все становится нормально. #underlinemenu ul{ margin: 0; margin-bottom: 1em; padding-left: 0; float: left; font-weight: bold; width: 100%; border: 1px solid #DFDFDF; border-width: 1px 0; } Но появляется другой мелкий глюк. Подчеркивание в меню в FF поднимается над текстом, а в IE все становится отлично. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="tex…
0 votes2 answers -
как сделать ссылку на середину документа
Здравствуйте ребята, подскажите пожалуйста, как сделать ссылку на середину документа допустим у меня есть текст и мне нужно при нажатии ссылки попасть на середину документа. Вот как это сделать я что то ни как не пойму(((
0 votes1 answer -
Upload AJAX
Найдется человек, который может дать пример аплоада файла на сервер средствами AJAX или нет, главное, чтоб без перезагрузки страницы? А то я уже кучу инфы перерыл, но так ничего и не понял в какой файл что именно писать. Да в принципе любые примеры AJAX мне очень пригодятся - вплоть по Hello World Вот такой вопросик.
0 votes3 answers -
Проблема с вкладками
Проблема следующего характера. Есть html страница в ней есть блок вкладок на jquery. После клика по любой вкладке и обновлении страницы сбрасывается выделеная вкладка, а нужно чтобы сохранялась... Не могу понять в чём проблема. Код вкладок: <div id="wrapper"> <ul class="tabs2"> <li><a href="#">1 вкладка</a></li> <li><a href="#">2 вкладка</a></li> <li><div title="Текст" onclick="location.href='1.html';"><a href="1.html">3 вкладка</a></div></li> <li><div title="Текст" onclick="location.href='4.html';"><a href="4.html">4 вкладка</a></div></li&…
0 votes3 answers -
Максимальный размер слова в абзаце
Заметил, если в абзаце( ) слишком длинное (искусственно) слово, то из-за него контент вылазит из блока... overflow:hidden помогает, но на padding всё равно лезет... С чем это связано?? Каков максимальный размер слова в абзаце??
0 votes10 answers -
DOM в html5
Сейчас прохожу данный урок http://htmlbook.ru/html5/canvas, там есть такая строчка Где найти эту строчку var a_canvas = document.getElementById("a");?
0 votes3 answers -
Дивы в стоку
Знаю, что проблема обсуждалась миллион раз, но решения не могу найти. <div id="main"> <div id="col1"></div> <div id="col2"></div> <div id="col3"></div> </div> Первые 2 колонки должны выравниваться влево, при этом у обоих ширина 25%. третья - вправо, ширина - по контенту. Высота у всех трех фиксированная. Так вот, никак не могу добиться того, чтобы третья колонка не вываливалась вниз. #main{overflow:hidden}, #main>div{display:inline-block}, задание высоты у всего что можно, добавление <br clear="all"> - ничего не помогает
0 votes6 answers -
DOCTYPE html 5
Вот и настало у меня время перейти на html5, первый вопрос который всегда мучил это DOCTYPE. Слышала что новые теги поддерживают не все браузеры, а новый DOCTYPE все? Можно ли всегда теперь делать такую запись: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> </head> <body> <p>123</p> </body> </html> Вместо такой: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>123</title> </head>…
0 votes5 answers -
онлайн-эмуляторы мобильных устройств
когда то была тема, в которой имелись ссылки на сабж. но поиском её найти не получается. подскажите пожалуйста адреса онлайн-эмуляторов. мне нужно посмотреть как выглядит страничка в различных устройствах
0 votes8 answers -
Абсолютное позиционирование.
Помогите пожалуйста понять почему вот в этом уроке: http://htmlbook.ru/css/hover, в примере 2, в селекторе li ul, абсолютное позиционирование подменю получается относительно li a. Если убрать margin, из свойств margin-top и margin-left, то позиционируется относительно экрана. Почему margin так влияет?
0 votes4 answers -
min-width на примере
Всех приветствую! Друзья, пытаюсь понять как работает min-width. Дернуло меня глянуть значение данного тега на сайте Рутрекера. Если сжимать окно с вышеуказанной страницей, до тех пор пока содержимое не перестанет сжиматься, то получим некое значение. И это значение отличается от того, что заявлено у них в body: body {...min-width: 760px;}Оно явно больше. Тогда я решил пройтись по всему css и посмотреть какие еще элементы имеют min-width: #sidebar1_wrap {...min-width: 210px;}#forums_list_wrap {...min-width: 510px;}#forums_list_wrap {...min-width: 240px;}Сложил все вместе, получилось 950px - и все равно это не соответствует действительности. 1. Быть может, кто-нибудь…
0 votes6 answers -
Откуда взялся margin?
Ребят помогите, http://jsfiddle.net/PqzC2/ , не могу разобраться откуда взялся margin между элементами <li> ? И куда пропадает фон при прокрутки направо?
0 votes2 answers -
Верхнее меню
Как сделать такое же по функциональности меню, как в Mozilla? https://www.mozilla.org/ru/about/?utm_source=about-home&utm_medium=Referral
0 votes6 answers -
псевдоэлементы ко всем img'ам в таблице
Имеется такая html-структура: <table class="preview"><tbody><tr><td><div><a class="page-link-object" href="product/kitchen.htm"><img src="kitchens_icon.png"></a></div><div><a href="product/kitchen.htm">Кухни</a></div></td><tr></tbody></table> Требуется подключить псевдоэлемент :after ко всем тегам img таблицы .preview. Моя версия CSS: .preview img:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 5px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3) inset; opacity: 1; background: #000000;} Что не так и главное - почему?
0 votes3 answers -
Передача данных по ссылке в форму
Здравствуйте! Подскажите пожалуйста как передать данные с кнопки в форму на другой странице. Вкратце. Есть главная (index.html) страница на ней ссылка: <a href="order.html">Передать</a>Есть страница с формой(order.html), на ней 2 выпадающие строчки: <select id="List1"> <option value="0"></option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option></select><select id="List2"> <option value="z"></option> <option value="a">a</option> <option value="b">b</option> <option value="с">с</option></sele…
0 votes3 answers -
Как правильно верстать с помощью Bootstrap?
Начал не давно изучать bootstrap, вроди все понятно сетки, навигация, кнопки много компонентов, но я не до конца понимаю как мне правильно применять свои стили? Вот первая работа что настряпал (ссылка на пример) но у меня серовно такое ощущения что я делаю все не правильно. Оцените пожалуйста верстку, правильно ли я верстаю? Как правильно адпатив верстать, сначало mobile first или desktop? Или одновременно надо совмещать? Вроди верстаешь десктоп потом начинаешь под mobile и все рушиться.
0 votes1 answer -
Не выравниваются путкты меню по ширине
Сайт Нашел статью, пробовал вставить пример на сайт, но не вышло - просто обрезался край. А нужно чтобы во всю ширину меню были расположены пункты меню. Видимо какой-то из стилей перекрывает, но не понял что именно.
0 votes6 answers -
наложение flash на iframe
может кто-нибудь сталкивался с проблемой: есть флешка, которая накладывается поверх фрейма....при этом в мозиле ссылки во флешке не активны, в остальных браузерах все отлично если убрать фрейм - везде все отлично в чем может быть косяк?
0 votes1 answer -
Дублирование нижней границы таблицы в ИЕ
Столкнулся с необъяснимой для себя проблемой. Скажу сразу, что характерна она только для ИЕ (замечено и на 7, и на 8). Имеется следющий код: <form method="post" id="searchform" action="?action=navi&scriptname=searching.php" onsubmit="set_values();"> <table style="border-bottom:2px solid red;"> ..... некоторые элементы типа <input> и <select> ..... <form id="someid"> Форма </form> ...... </table> </form> Проблема состоит в следующем: при добавлении в таблицу формы someid - нижняя граница рисуется дважды: там где надо и в районе формы someid. Стоит форму убрать - линия пропадает. Объясните п-ста, почему так…
0 votes9 answers -
Как сделать одинаковую высоту?
Друзья. Как сделать одинаковую высоту картинок для блока рекламы? Вот так выглядит код вот такой сделал для картинки .ads img{ float: left; margin-right:140px; display:block; clear:both; } Хочу, чтобы выглядело вот так: то есть размер блока картинки был постоянной высоты, а если картинка меньше, то выровнять вертикально по центру. Если написать так: .ads img{ float: left; margin-right:140px; display:block; clear:both; height:100px; } то некоторые картинки выглядят очень убого из-за растяжения. З.Ы. реклама грузится через ява-скрипт, есть стили всех надписей, на картинке стиля нету, поэтому и извращаюсь
0 votes6 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-