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
-
Выравнивание картинок с подписью по горизонтали
Добрый день! Прошу помочь! Вставляю картинки в блок div и они прекрасно становятся по горизонтали относительно друг друга. Делаю подпись и все картинки уходят друг под друга. Что не так? <div id="header-menu-i"> <p>ИЗДЕЛИЯ</p> <div id="header-menu-i-inner"> <form> <img src="/images/iproduct/benz.jpeg" width="10%"><p>Бензиновые электростанции</p> <img src="/images/iproduct/diesel.jpg" width="10%"><p>Дизельные электростанции</p> <img src="/images/iproduct/gazoporshn.jpg" width="10%…
0 votes7 answers -
Помогите решении проблемы начинающему.
Есть 2 слоля: 1 - 40% в ширину, но не менее 200пикселей, 100% в высоту, залика фона черным, fixed. в этом сое меню. 2 - 60% в ширину, не статичный. всем все остальное. Собственно в впринципе как их расположить рядом - не проблема.. это все сделано, прочитано, реализовано и понято, НО! Когда сжимаешь экран - левое поле доходит до 200 пикселей и останавливается. Правое же поле все-равно сжимается и текст заходит за левое поле. Как сделать так, чтобы правое поле не заходило за левое?? Пример кода: <body> <div class="fon"></div> <div class="content">111111</div> </div></body> CSS:.fon {width:40%; min-width:200px;position:fix…
0 votes7 answers -
Помогите стилизировать селект
есть селект вида: Как его оптимальнее всего стилизировать? Реально ли сделать на чистом css? Насколько предложенные способы получатся кроссбраузерными? Заранее огромное спасибо за оказанную помощь...
0 votes7 answers -
Все ли правильно!?
Всем привет, учусь на интерактивных курсах, вот сегодня сверстал первый свой код htmll и css. Если есть у кого то время, проанализируйте, может где то можно сократить, где то исправить, хочу с самого начала учиться правильно, а так как наставника нет, прошу помощи у вас. Спасибо! https://jsfiddle.net/cqtcjxbd/
0 votes7 answers -
Bootstrap фотогаллерея
Ребзики, коллегушки .. Верстаю сайт под смартфоны на bootstrap. Подскажите пожалуйста нормальную фотогаллерею. Требования: 1. Не громоздкая. 2. Удобная для пользования с мобилки. Заранее приподнимаю шляпу в знак уважения.
0 votes7 answers -
Выравнивание изображения без класса
Имеется конструкция типа: <p><img src="image.jpg"></p>Как можно с помощью CSS, указать выравнивание по середине?
0 votes7 answers -
Верстка небольшого блока
Приветствую, есть небольшой и возможно достаточно простой для большинства профи блок, но я являюсь любителем, который иногда что-то пытается верстать для себя и в таком случае важен не только результат (соответствия макету), но важно научится грамотно выбирать оптимальный способ реализации. Следовательно у меня есть несколько вопросов к знатокам по данному макету: 1) Насколько реализуема и уместна верстка косых углов на чистом css? 2) Как сделать разделитель меню через border-right, дабы он соответствовал макету? Насколько это оправданно? 3) Как бы вы сверстали этот блок (желательно пример кода)? Заранее благодарю за вашу помощь...
0 votes7 answers -
Меню западает за видимость
Парни,есть сайт,я его сверстал,но проблема моя в том что выпадающее меню залазит за видимость экрана( Как сделать красиво?Или хотя бы что бы что б оно автоматов в другую сторону выпадало? Вот скрин,и ссылка на сайт. http://cs629325.vk.me/v629325382/27aec/7GVSae6yP5s.jpg http://chobd.esy.es/
0 votes7 answers -
написал в html,форму для своего сайта,но как прописать это в CSS,я не помню!
Всем привет! Ребята,я начинающий веб дизайнер,написал в html,форму для своего сайта,но как прописать это в CSS,я не помню!!! Помогите пожалуйста,так что бы заполненная форма,тех кто хочет ей воспользоваться,отправлялась бы мне на почту: lsu73@mail.ru За ранее благодарен всем,кто откликнется! Форму в html,я прописываю ниже: <html><head><title>Обратная связь!</title><link rel="stylesheet" type="text/css" href="index.css"></head><body> <table style="width:900px;margin:0 auto;padding:20px 0px;"><tr><td style="width:435px;padding-left:40px;"> <div style="padding:30px 0px;font-family:Verdana;font-size:2…
0 votes7 answers -
границы сдвига элементов при изменении размеров страницы (css)
Всем привет У меня вопрос - можно ли только с помощью css и html тегов (без привлечения JS) реализовать следующую вещь: есть 2 элемента - один всегда находится слева сверху страницы img.corner_lt { width: 200px; border: 0px; display: block; position: absolute; left: 10px; top: 10px; z-index: 1000; } второй - сверху по центру экрана (div в котором находится текст) div.menu { width: 100%; height: 30px; padding: 15px 0px 15px 0px; border-style: none; display: block; position: absolute; text-align: center; } Когда окно браузера начинает уменьшаться (по ширине), то текст (из div.menu) рано или поздно начинает наползать н…
0 votes7 answers -
Высота элемента на всю страницу
Всем привет! У меня такая проблема: я не могу сделать так, чтобы элементы, находящиеся в теге main имели высоту в 100%. Я уже все перепробовал, даже скрипт написал, ничего не выходит. В html и body прописывал min-height и height в 100%. У main высота также 100%. Вот картинка
0 votes7 answers -
При transform:scale за границами блока не видно
При наведении на картинку она увеличивается в размерах немного при помощи transform: scale Но блок <div class="site"> не дает ей выйти за свои пределы потому что я для него установил overflow: hidden, чтоб этот блок не разваливался на части, из-за того что внутри float стоит с двумя блоками Как можно сделать так чтоб вверху картинка не обрезалась при наведении? Здесь сайт
0 votes7 answers -
attr для фона
Мне нужно путь к фоновой картинке передавать в атрибуте data. Я написал следующее <article data-i="i/1.png"></article>article{ background:url(attr(data-i url)) left top no-repeat;}Но эта конструкция не работает. Какова будет работающая конструкция? Вообще моя задача скрыть от поисковиков картинки в блоках без использования javascript. Поскольку их много, то пришла идея писать путь к картинке в каждом блоке внутри data и передавать её для отображения как фон. Можно, конечно, каждому блоку писать style="background:url() left top no-repeat;", но это не приемлемо. Так как поисковики понизят страницы в выдаче за такой приём. Если с attr не возможно этого добить…
0 votes7 answers -
Изображение в три колонки
Есть вот такая страница с картинки https://jsfiddle.net/Lh8kz698/1/ Суть вопроса в том что хочу сделать картинки в три колонки. Если менять параметр width = 30% то оно впринципи получается но картинки становятся очень большие. Какие параметры есть чтоб сделать в три колонки по центру страницы, чтоб с изменением width менялся только размер?
0 votes7 answers -
Использование Column
Есть меню с перечислением общеклиническими направлениями, для разбития на столбцы подпунктов использовала column Проблема в том, что он делает разбитие li слева направо, а мне надо сверху вниз. Когда рассматривала примеры работы с column везде текст идет сверху вниз (( http://test3.aveas.ru/napravleniya/obshcheklinicheskie-napravleniya/
0 votes7 answers -
Конфликтуют стили max-width и float?
Добрый вечер, для начала краткий экскурс. Делаю сайты много лет, в основном работал с WYSIWYG софтом и готовыми шаблонами для разных CMS`ов и в верстку никогда особо не лез, работаю уже больше 10 лет и всегда справлялся с любыми задачами, однако время идёт и что бы не деградировать нужно наоборот, развиватся=))) на смену WYSIWYG пришел http://scratchpad.io/на котором я принялся практиковатся в выполнении необходимых мне задач. Короче задача следущая, картиночка с max-width 100% справа от которой располагался бы текст тоже с max-width 100%, с условием, что в случае если экранчик маханький при маханький как на мобильном - текст перепрыгивает и размещается под картиночкой,…
0 votes7 answers -
Создание меню
Подскажите пожалуйста, мне требуется создать на сайте блок с информацией, его ширина 960px, а высота в зависимости от количества контента. Так же там есть меню, и мне требуется, что бы оно прокручивалось совместно со всем контентом, т.е. находилось все время в одном положении, но когда начал делать вот что выходит. В чем проблема? https://jsfiddle.net/q9zufq3x/
0 votes7 answers -
Автоматической расширение div
Подскажите пожалуйста, как сделать, что бы при добавлении новых блоков в блок родитель, высота его так же менялась!? По ссылке сайт, там есть wrapper, и при добавлении новых блоков, почему то сверху и снизу в первом и последнем блоке нету отступа!? http://rghost.ru/8dnbK6TYB
0 votes7 answers -
Перенос слов в Хроме
Коллеги, я уже несколько раз вскользь сталкивался с проблемкой отсутствия переноса в Хроме, когда <html lang="ru"> и -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; ... не приводят к автоматической расстановке переносов в Хроме, но забивал на неё. А сейчас вот решил разобраться с вашей помощью - что за хрень такая? Почему не работает в хроме? И может кто-то знает нормальный способ научить Хром перeносить слова - без js? Или его просто не существует и нужно просто забивать на это и дальше?
0 votes7 answers -
Помогите с выводом таблици
Не могу вывести правильно товары, нужно что бы было по три в ряд. <div class="content"> <table> <tr> <td colspan="3"> <div class="new">Новинки нашего сайта: </div> </td> </tr> <tr> <? for($a=0;$a<9;$a++) printf(" <td> <img src='images/sempl.png' alt='img'> <p>Название Цена </p> <img src='images/buy.png' alt='img'> </td> "); ?> </tr> </table> </div>
0 votes7 answers -
Страница не прокручивается при "нацелевании" через ID
Ситуация следующая: необходимо, чтобы элементы находящиеся внутри элемента div.slider при ссылании на них через ID не проворачивали страницу. Т.к. объясняю я, возможно, не очень приведу пример: Сайт с адресом AfrikaTour.net/tours <div class="slider"> <ul> <li id="n1">1</li> <li id="n2">2</li> <li id="n3">3</li> <li id="n4">4</li> </ul> </div> <div id="n5">Бла-Бла-Бла</div> Так вот хотелось бы, чтобы при переходе по адресу AfrikaTour.net/tours#n1 страница не прокручивалась а по AfrikaTour.net/tours#n5 прокручивалась
0 votes7 answers -
Окупаемость сайта
Всем привет. Пару месяцев уже изучаю связку HTML и CSS. Уже начал изучать JS. И тут наткнулся на книгу "Прохоренок Н. А. HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера". И вот в последних главах написано про то, как зарабатывать на сайте. И тут я задумался, а ведь сайт то в конечном счёте должен окупать себя. Как я понимаю вначале создатель сайта вкладывает в него деньги, но потом сайт, так сказать, должен кормить сам себя. Искал инфу в интернете и понял, что реклама В общем-то не окупает даже оплату хостинга. И мне стало интересно, как вообще окупаются сайты? Через какое время можно будет оплачивать расходы на сайт с заработка, получ…
0 votes7 answers -
Некорректное масштабирование элементов страницы в хром и опере
Здравствуйте. В общем обнаружилась такая проблема. Есть элементы в виде квадратиков в несколько рядов. https://jsfiddle.net/y5hsr9b6/ В хроме, опере в масштабе 110% начинают скакать нижние ряды элементов. В масштабе 100%, 125% и др. все нормально, в других браузерах в любых масштабах все норм. Получается хром и опера некорректно масштабирует страницу? Как лучше справиться с этим эффектом?
0 votes7 answers -
Выбор данных из анкеты и занесение на страницу
всем привет) подскажите,пожалуйста, как сделать(запрограммировать)... есть анкета, она открывается в модальном окне, данные в анкете не меняются http://prntscr.com/bw0orj как сделать так,чтобы при выборе данных в анкете(чекнутые чекбоксы) и при нажатии на кнопку Сохранить, данные отображались на основной странице(данные-это текст рядом с чекбоксом), причём порядок построения был такой же как в анкете. Может,кто такое делал или есть готовый пример
0 votes7 answers -
Почему разная высота между полями в страницах
Всем привет, 2 редактора админики с одним файлом стилей. Не могу понять почему разная высота между полями . На этой старнице высота правильная : Страница 1 На этой странице : Страница 2 в высоте между полями появляются лишние 10 px. В инспекторе вижу что для обоих редакторов : form-control = padding-top:5px; padding-bottom:5px form-group =margin-top:10px; margin-bottom:10px Во второй странице редактор внутри таба со своими классами - но влияет ли это на высоту между полями и как не могу найти... Стили в файле стилей определены как : .form-horizontal .form-group { /*margin: 0px;*/ margin: 10px 0px 10px 0px; /*margin: 1…
0 votes7 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-