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
-
Отзывы с премодерацией
Для сайта гостиницы долго искал готовый скрипт для странички отзывов с премодерацией, но так как мало смыслю ещё в этих делах, мне всё, что я нашёл показалось "не тем" . Подскажите, как построить такую систему отзывов НЕ используя е-мейл?
0 votes3 answers -
Как реализовать такие углы?
Подскажите как сделать такие углы? Или такие углы только с помощью картинок делаются?
0 votes4 answers -
Проблема с margin
Добрый день! Решил сверстать интерфейс приложения. С HTML знаком, но далеко не профи. HTML страницы <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ITP</title> <style> html { height: 100%; } body{ margin: 0px; padding: 0px; border: 0px; } div#top{ width: 960px; min-height:70px; height:auto !important; height:70px; background-color: green; background: url("./img/top/logo.png") no-repeat, url("./img/top/squares.png") no-repeat 100% 0, url("./img/top/bg.png") repeat-x; overflow: hidden; border: 0px red solid; } div#top div#menu{ width: 210px; min-height: 20px; heig…
0 votes4 answers -
Не могу начертить вертикальную линию
Подскажите, пожалуйста, в чем ошибка <div class="main_border_vertical"> </div> .main_border_vertical { height: 100%; width: 3px; background: red; border: none; padding-left: 100px; }
0 votes4 answers -
Стилизация вывода текста
Всегда пугает работа связанная с форматированием текста. Хочется использовать какой либо "шаблонизатор" или что-то подобное. Но в моём понимании "шаблонизатор" это такой скрипт на php или js, который при передаче ему текста вида: Заголовок 1 уровня === Заголовок 2 уровня ___ Обычный абзац с автоопределением переноса строки, т.е. ему даешь текст с отступами самого редактора(табами например), а он их сам распознает и соответствующе отображает. <img>ссылка на картинку</img> Сам расставляет теги и просчитывает отступы. Видел нечто подобное на гитхабе при создании страницы проекта, но не понял где его достать и как им пользоваться "изнутри". Рад буду любым ссыл…
0 votes1 answer -
Opacity
Здравствуйте. У меня есть блок, у которого стоит opacity 0.5, в блоке есть изображение и текст. Проблема в том, что от блока передается opacity к другим элементам в блоке. http://jsfiddle.net/Kz9Rm/
0 votes2 answers -
ширина элемента
<div style="width: 300px; margin: 0; padding: 0; background: #00f5aa;"> <div style="padding: 0px 10px 0px 10px; margin: 0px 0px 0px 0px;"> <input name="tb_password" type="password" id="Password1" style="width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"> </div></div>Почему ширина поля ввода получается больше 280? <div style="width: 300px; margin: 0; padding: 0; background: #b6ff00;"> <div style="padding: 0px 10px 0px 10px; margin: 0px 0px 0px 0px;"> <p style="width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;border:4px solid black;">text text text …
0 votes2 answers -
Как сверстать блок с табами с эффектом слайдинга
Есть блок с описаниями товаров. Информация разделана на три составлющие как и в tabbed interface. Только при переключении между табами должно произойти плавно с эффектом горизонтального слайдинга. Даже затрудняюсь делать разметку. Помогите пожалуйста с разметкой и скрипта. Спасибо.
0 votes8 answers -
Подскажите как сделать
Всем привет. Подскажите пожалуйста, как мне на сайте http://verstka-primer.esy.es/Bio/в слайдере картинка йогурта сначала стоит рядом с текстом. Но при перелистывании слайдера картинка получается с права. А нужно чтоб она постоянно стояла возле текста, при перелистывании. Подскажите пожалуйста как мне сделать.
0 votes4 answers -
Плавное появление информационных блоков на страницах
На сайте https://pages.github.com/ по мере продвижения скролла вниз, видно как информационные блоки плавно появляются, как-будто выплывают. Как называются такие эффекты? Где можно подробно почитать, чтобы научиться их делать самостоятельно. А может быть есть уже готовые, которые не сложно кастомизировать?
0 votes3 answers -
Аттрибут checked у звездного рейтинга не перемещается
Есть реализация звездного рейтинга. Она работает. Но аттрибут checked не перемещается на выбранный инпут, а остается там же где был. Вот например, стоит оценка 3 из 10 (т.е. аттрибут checked на 3 инпуте), мы хотим поставить оценку 6 из 10 и визуально это срабатывает, но аттрибут checked так и остается на 3-ем инпуте вместо 6-го. Это важно, т.к. эта информация нужна бэкэндеру. Получается ему придет неверная информация Как сделать чтобы аттрибут checked тоже пермещался на выбранный инпут? Только на js это получится реализовать? https://codepen.io/anon/pen/NJGMgv
0 votes1 answer -
Flexbox вместо masonry?
Привет! Есть галерея в конце страницы, построенная на masonry https://www.farmadental.ru/doctors/balayan Подозреваю, что на флексе сделать такое вполне реально, более того, нашел пример, демонстрирующий прекрасный результат Но для флекса по колонкам нужна ограниченная высота контейнера, которая в моем случае всегда разная, т.к. количество и размер элементов всегда разные. Реально ли как-то добиться этого без использования JS ?
0 votes1 answer -
При наведении отображать слой, который не будет рушить структуру
Есть прямоугольная область на экране в которой два ряда по, скажем, 8, мини-областей, в каждой по изображению. При наведении на область, но, чтобы вместо изображения показывался слой с этим изображением и и 2-мя 3-мя строчками текста, блок такой же, как область, по высоте, примерно в 2 или 3 раза длиннее. Этот слой будет показываться поверх остальных слоёв с изображениями, с которыми он "пересекается". Вот примерно как я себе представляю реализацию сего: <div class="entry"> <img src="entry_img.png" /> <div class="onhover"> <img src="entry_img.png" /> Text </div> </div> div.entry { width: 150px; height:150px; posit…
0 votes1 answer -
Оптекание DIV
Конструкция страницы: <div id="main"> <div class="left-block"> Текст </div> <div class="right-block"> Текст </div> </div> <div id="base-right-block"> Текст </div> Теперь стили: #main { float: laft; } .left-block { float: left; } .right-block { float: left; } #base-right-block { float: left; } С вышеописанного можно сделать вывод, что base-right-block будет обтекать main слева, но он размещается снизу под main. Я поступил по-другому: <div id="base-right-block"> ... </div> <div id="main"> ... </div> поменял местами. Стиль: #main { } /*оставил без обтекания*/ ... #base-right-block { flo…
0 votes2 answers -
ИЕ8 нельзя даже навести на подпункты меню
в ИЕ8 нельзя даже навести на подпункты меню. Как только с основного пункта убираешь курсор, подменю исчезает. как ето исправить? вот сам сайт http://www.officialbuddyleeblog.com/
0 votes3 answers -
Интересный вопрос про javascript
Увидел на сайте интересную картинку в теге head <!-- <script type="text/javascript" src="/js/modernizr.custom.12270.js"></script> <link rel="stylesheet" type="text/css" href="/css/all.css" media="all" /> <script type="text/javascript" src="/js/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="/js/jquery.disable.text.select.js"></script> <script type="text/javascript" src="/js/complex-popup.js"></script> <script type="text/javascript" src="/js/call-order.js"></script> <script type="text/javascript" src="/js/manager-order.js"></script> <script type="text/javascript…
0 votes6 answers -
проблема с атрибутами div
Привет! Делаю небольшой сайт по урокам, сайт делается на html/css блоках, проблема с float - в уроке (видеоуроке, так что перепутать что-то сложно) все работает, у меня ничего не работает, перепроверял 3 раза, копировал текст из идущего с уроком файла (исходный код), менял параметры, не помогает. Вот так должно быть (я специально привожу скриншоты потому что мой код очевидно содержить ошибку - он ниже) Вот html Вот css Вот результат (левое меню полностью обтекается рабочей областью и автоматически регулируется по высоте) А вот мой код Это html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> &l…
0 votes2 answers -
Контейнер по центру
Привет. Каким тегом выравнивается по центру контейнер. вот отрывок из ксс: div#container { background: #fff; width: 600px; nargin: 0 auto;
0 votes6 answers -
Растянуть текст в меню
Текст в меню не растягивается на всю ширину, justify не помог, как это исправить? <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Титл</title> <style type="text/css"> a:link{ color:#FFFFFF; text-decoration:none;} a:visited{color:#FFFFFF;} a:hover{ color:#FFFFFF; text-decoration:underline;} a:active{color:#FFFFFF;} nav { background-color:#afafaf;/*цвет фона*/ border:1px solid #4c4c4c;/*рамка в 1px чёрного цвета*/ height:40px;/*высота блока*/ margin-left:5%;/*отступ слева*/ margin-right:5%;/*отступ справа*/ font-family:Tahoma, Geneva, sans-serif;/*семейство шрифта*/ font-size:20px;/*высота текста*/ text…
0 votes1 answer -
0 votes3 answers
-
Height:100% не срабатывает
Добрый день, товарищи. Помогите доверстать... есть пимерно такая страничка <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="test.css"> </head> <body> <div id="content"> <header> <div id="logo"> </div> <div id="account"> </div> <ul id="top_nav"> <li>menu</li> <li>menu</li> <li>menu</li> </ul> <ul id="nav"> <li>menu</li> <li>menu </li> <li>menu </li> <li>menu </li> </ul> </header> <nav></nav> <as…
0 votes4 answers -
Небольшая проблема с JQzoom
Если резко переместить курсор вправо и остановить его на увеличенной области то она не исчезает вот пример Сайт BigLion использует этот плагин, пробовал копаться в их коде но не шашел как они смогли решить данную проблему, у них если быстро навести на увеличенную область которая справа то она исчезает как и положенно, вот пример
0 votes2 answers -
высота блоков
Всем привет, есть 3 блока http://fscreen.ru/vAc4Rb1314175623 , цены и описание должны быть выровнены по одной линии, есть сузить экран , то высота блока изменяется и появляется скроллинг у блока ( http://fscreen.ru/Vn9c0L1314180238 ) т.к. я задал для блоков фиксированную высоту и overflow:auto; , если без фиксированной высоты, то сами понимаете ничего на одном уровне точно не будет. Как посоветуете решить проблему. Никто не знает есть функция js определяющая высоту контента в блоке ?
0 votes9 answers -
Активный пункт
Помогите пожалуйста сделать вот такую фигнюшку, мне нужно чтобы при нажатии на пункт списка у которого есть еще выпадающий он становился активным, то есть нажатым, и я хочу чтобы когда он был нажатым иконка в углу пункта переворачивалась вниз или вверх чтобы как бы показать что сейчас открыт этот пункт, ну вы поняли; пробовал вот так: .content-positioner .big-box h4 span{ background:#04172e url(../img/close.png)no-repeat 610px 5px; } content-positioner .big-box h4 span:active{ background:#04172e url(../img/open.png)no-repeat 610px 5px; } эффект есть но, иконка при нажатии переворачивается а как только отпускаю мышку снова становится как при неактивном Подскажите…
0 votes4 answers -
Всплывающее окно / Позиционирование
День добрый Проблема с всплывающим окном, скрипт и стили писал не я, были взяты с сайта скрипта, отцентровал в стилях под сайт, чтобы тенью закрывало только страницу, потом взглянул на другом мониторе, там перекос, собственно если менять окно браузера в ширину и высоту, то фрейм с тенью также меняют свое месторасположения, можно ли как-то устаканить фрейм стоять на одном месте, в мой случае в пределах страницы? Страница сайта со скриптом, при нажатии на участника со стрелкой открывается описание http://artframeexpo.ru/?page_id=90 Код скрипта: // Defining our jQuery plugin$.fn.paulund_modal_box = function(prop){// Default parametersvar options = $.extend({height : …
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-