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
-
Адаптивная верстка лендинга
Здравствуйте, хочу научиться адаптивно верстать, взял для примера лендинг и возникла проблема, что делать с элементами которые не влазят на маленьких экранах? (скриншот проблемного момента) Серые черточки ни как не влезают на маленький экран и получается вот так: что с ними делать? у меня есть только 1 мысль, просто удалять их на маленьких разрешениях, а как правильно? И второй такой же момент с кнопкой "I want clients" и изображением мышки, на разрешении 320px они встают друг под друга и получается бред, а рядом при 320 их не поставить...
0 votes1 answer -
hover эффект
Есть два адаптивных изображения При наведении должно быть так: Как это сделать? http://codepen.io/anon/pen/VLdpvN
0 votes3 answers -
Непонятный отступ у родителя div > img
Прошу объяснить мне почему `wrapper` имеет отступ. https://jsfiddle.net/psr1919plus21/3qbuqjuz/ Понял проблему: img – инлайновый элемент. Решение 1: Сделать img блочным: display:block. Решение 2: Поставить нулевой интерлиньяж: line-height: 0; Всем спасибо) p.s.: Решение 2 не работает.
0 votes2 answers -
Поведение адаптивного дизайна
Вот песочница https://jsfiddle.net/o82kLqdn/1/ Там есть боди с размером 600рх, в нём контейнер 521рх в котором три блока по 164рх с отступами по 10рх. Я всё это сделал резиновым, т.е. делил внутренние блоки на внешние получал размер. Теперь при получении нужных размеров всё работает и размер остался таким каким должен быть. Но когда я сужáю размер окна последний блок вылетает... из-за чего такое поведение ведь всё держалось на месте.
0 votes3 answers -
Изменить селекторы через псевдокласс - HTML, CSS
Здравствуйте, мы заканчиваем мобильную верстку, однако столкнулись с проблемой. Дан следующий код: <div class="topWrapper"> <div class="mainNav"> <form method="get" action="/search/"> <input autocomplete="off" name="searchString" class="quickSearch" onmousedown="event.cancelBubble=true;" ontouchstart="event.cancelBubble=true;" id="049D095A-C3A6-4E6F-ABD6-696DCD48703A"> <div class="searchResultWindow hidden"> <span class="result">Найдено компаний и пользователей: <span class="total"></span></span> <ul class="users"></ul><a class="all" href="/search…
0 votes1 answer -
Позиционирование изображения с помощью vertical-align: middle
Доброе утро! Столкнулся с ситуацией: нужно отцентрировать изображение(прижать его по оси х к левому краю, и по оси у по центру). Решил попробовать центровку через vertical-align. Задал родительскому блоку и дочернему Display: inline-block. Задал vertical-align: middle самому изображению. Но "чуда не произошло". Насколько я понимаю это свойство задается самому блоку, который центрируем, не родительскому? Но где результат тогда? Извиняюсь что без кода-инета на рабочем компе нет.
0 votes7 answers -
Как убрать отступы, если блоку задал with
Такая вот проблема. Задал блоку ширину, и сразу выходят отступы. Чтоб поставить блок по центру использую margin:auto; Но можно эти отступы как-то убрать?
0 votes0 answers -
Не получается разместить элементы
Доброго дня!! начала заниматься версткой макетов и столкнулась на данный момент со сложной задачей. В частности с расположением элементов. Идея макета состоит в том, что это показательная страница, в которой отображается информация. Я немного не понимаю, как нужно расположить эти верхние элементы. Ибо когда я их пытаюсь переместить, то получается примерно вот так Плюс у них нельзя изменить размер (эти элементы в макете отображаются как картинки. И плюс бонусный вопрос: можно ли только через css и html сделать выборку по фотографиям, которые нужно будет выбирать внутри страницы (не используя инпут файликов из библиотеки пользователя)
0 votes0 answers -
Отображение страницы в любом браузере. с любым разрешением
Когда то на форуме видел ссылку сайта, где можно просмотреть отображение своего кода в любом из браузеров, при любом разрешении и под разные платформы? Её давал кажется Dimitry Wolotko. Может у кого есть подобная ссылка?
0 votes1 answer -
Задача: пробы размер текста уменьшался пропорционально длине, был в одну строчку и не было горизонтальной прокрутки.
Задача: пробы размер текста уменьшался пропорционально длине, был в одну строчку и не было горизонтальной прокрутки.
0 votes1 answer -
баг хрома?смешно....
<!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="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> *{padding:0;margin:0} .wrapper {width:100%;overflow:hidden; background:red;} article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block} a {color:#000;text-decoration:underline;outline:none} a:hover {text-d…
0 votes7 answers -
Проблема с меню
Всем привет! Помогите решить такую проблему? У меня меню с кодом: <div class="container"> <ul class="menu"> <li><a href="#"> <span>Ссылка1</span></a></li> <li><a href="#"> <span>>Ссылка2</span></a></li> <li><a href="#"> <span>>Ссылка3</span></a></li> <li><a href="#"> <span>>Ссылка4</span></a></li> <li><a href="#"> <span>>Ссылка5</span></a>></li> </ul> </div> CSS: .container{ width: 100%; height: 100%; position: relative; } .menu{ width: 100…
0 votes5 answers -
наложение изображений
задача: сделать наложение одного изображение на другое точно в левый верхний угол другого изображения КОД: <div style="display:table"> <!-- Может быть несколько в одной таблице --> <div id="file_256" style="display:table-row;"> <div style="display:table-cell;position:relative;border-top:1px solid #eee; margin:1px; vertical-align:middle;"> <img src="/fw/files/icons/design/delete_file.png" width="32" height="32" style="position:absolute;opacity:0.50;"> <img src="/fw/files/thumb/8b5f63b3e2e125c53e7aaef6e213ef81.gif" style="margin:2px;"> </div> </div> <!--Конец блока что может повторятся --> </div> возникает пробл…
0 votes1 answer -
Проблема с шрифтами
Помогите, пожалуйста, понять, в чем дело. В фотошопе пишу текст "тест", шрифт Tahoma, размер - 14px Измеряю, высота буквы "т" - 7px, ширина всего слова - 25px; Далее уже в html пишу этот текст в span со стилями font-size: 14px, font-family: Tahoma; Измеряю линейкой: высота буквы - 8px, ширина всего слова - 27 px Почему так происходит?
0 votes2 answers -
Посоветуйте uploader для картинок
Привет. Посоветуйте, кто встречался с вопросом. Нужен uploader для картинок в форме(<form>) с предпросмотром. Хотелось бы чтобы было: 1. Загрузка нескольких изображений. 2. Предпросмотр в нужном мне месте. 3. Гибкость в переделке под себя 4. Бесплатный (желательно) 5. jquery 6. флеш фтопку 7. Ограничение сколько файлов заливать 8. И было бы просто обязательно, чтобы картинка загружалась в превью сразу после добавления в input поле. Без нажатия дурацких кнопок "загрузить", "готово" и прочее. Идеальный вариант: Требований конечно много, но вроде как не только я с этим сталкиваюсь Спасибо, друзья!
0 votes2 answers -
Обводка у элемента!
Всем привет!Еще раз))Как могли заметить создавал тему до этого,но решение смог найти сам,теперь же без вас знатаков я никак)) В общем проблема в том,что обводка у элемента wrapper почему-то не прозрачная хотя указал через rgba и случилось это после того как я к элементу добавил z-index и relative Что делать?
0 votes5 answers -
0 votes3 answers
-
Не могу начертить вертикальную линию
Подскажите, пожалуйста, в чем ошибка <div class="main_border_vertical"> </div> .main_border_vertical { height: 100%; width: 3px; background: red; border: none; padding-left: 100px; }
0 votes4 answers -
Резиновая верстка, как быть с высотой body
У меня возникла проблема при резиновой верстке. Допустим есть: HTML <body> <div> <div></div> </div> </body> CSS body{ height:?;(Вот здесь и проблема) } div{ height:20%; } Чтобы действовало это height:20%;, нужно чтобы body имел какую-нибудь фиксированную цифру. Но я же делаю это резиново, и мне нужно, чтобы min-heght = высоте устройства, а если содержимое не вмешается, то высота увеличивалась бы по мере необходимости. Помогите пожалуйста!
0 votes2 answers -
input type="radio" отправка на email выбранного параметра [PHP]
Нужно что бы на email выходил выбранный один из вариантов Вот не полный вид формы: <table width="100%"> <tbody> <tr> <td width="12%">Самовывоз: </td> <td> <input type="radio" name="deliver" value="Самовывоз" checked="checked"> Офис "Спектр-сб": ул.Ново-Садовая, 303 А<br> </td> </tr> </tbody> </table> <table width="100%"> <tbody><tr> <td width="12%"> Доставка: </td> <td> <p> <input type="radio" name="deliver" value="ООО Деловые линии"> ООО "Деловые …
0 votes1 answer -
Изменение hover для элементов
День добрый! Есть следующий участок макета: http://c2n.me/3a3Bzoo вот код которым я его сверстал: html <section><article><div class="container"><div class="row"><div class="col-sm-12"><h2>summarise the features</h2><h3>summarise what your product is all about </h3><div class="col-sm-3"><div class="block"><a href="#"><p>Attractive Layout</p></a></div></div><div class="col-sm-3"><div class="block"><a href="#"><p>Fresh Design</p></a></div></div><div class="col-sm-3"><div class="block"><a href="#"><p>mult…
0 votes3 answers -
Вопрос по резиновой верстке.
Здравствуйте. При резиновой верстке в каких единицах указываются отступы? Ведь при сужении экрана отступы в px не изменятся? Следовательно, блоки не сузятся и на растянуться. И что делать с макетом, если его ширина 1486px? Посоветуйте, где можно почитать о резине. Спасибо
0 votes6 answers -
Самостоятельное изучение. Каков порядок?
Приветствую, форумчане! У меня большой опыт в верстке для полиграфии. И тут решил уйти в напревлении HTML. У меня вопрос прямо относительно требований вакансии. Например, там написано: 1) Хорошее знание HTML5, CSS, JavaScript, jQuery 2) Поддержка последних версий Chrome, Opera, Firefox, IE 3) Знание фреймворка Angular.js Очень прошу вас пояснить, что же конкретно в каждом пункте мне надо изучать, хотя бы кратко, сжато. Ну типа "вот эти разделы смотри, а эти не так актуальны" Когда пишут требования к подобным знаниям, то как правило это подразумевает владение какими-либо средами программирования - Freehand (или какие еще существуют?) или же все делае…
0 votes2 answers -
Ищу стажировку по вёрстке
Здравствуйте! Меня зовут Дмитрий. Живу в г. Донецк, ДНР. Ищу возможность постажироваться удалённо в направлении вёрстки для развития своих навыков и дальнейшего трудоустройства. Изучил HTML/CSS, Javascript - на уровне работы с HTML элементами(навесить событие, получить/поменять стиль). Реализовывал слайдеры, выпадающие меню, списки. Умею работать с макетом в Photoshop и Figma. На текущий момент практикую адаптивную вёрстку с использованием Flexbox, учусь делать вёрстку семантичной и по БЭМу. Буду рад любым предложениям! почта для связи: dmi1ryD@yandex.com небольшое портфолио: https://m-dimonka.github.io/ HTML-верстальщик.pdf
0 votes1 answer -
RSS не реагирует на стили
Здравствуйте, Уважаемые Специалисты! Помогите, Пожалуйста, разобрать головоломку! То ли я туплю, то ли для RSS законы верстки не писаны... Решил вывести под каждым анонсом в RSS копирайт. Все нормально. Через functions.php получилось так: function rssfooter($content) { if(is_feed()) { $content .= "<p>" . '<a class="master_link" href="http://мой-сайт.com/law"><strong><em>Copyright by и т.д.</em></strong></a>' . "</p>\n"; } return $content; } add_filter('the_excerpt_rss', 'rssfooter' ); add_filter('the_content_feed', 'rssfooter' ); Стили в CSS прописаны следующие: .master { background-color: #e9d4b9 !important; margin-l…
0 votes5 answers