HTML Coding

29542 questions in this forum

1. Адаптивная верстка лендинга

   Здравствуйте, хочу научиться адаптивно верстать, взял для примера лендинг и возникла проблема, что делать с элементами которые не влазят на маленьких экранах? (скриншот проблемного момента) Серые черточки ни как не влезают на маленький экран и получается вот так: что с ними делать? у меня есть только 1 мысль, просто удалять их на маленьких разрешениях, а как правильно? И второй такой же момент с кнопкой "I want clients" и изображением мышки, на разрешении 320px они встают друг под друга и получается бред, а рядом при 320 их не поставить...

   Asked by cruel09, June 23, 2015

   0 votes
   1 answer
2. hover эффект

   Есть два адаптивных изображения При наведении должно быть так: Как это сделать? http://codepen.io/anon/pen/VLdpvN

   Asked by yaparoff, July 14, 2015

   • hover
   0 votes
   3 answers
3. Непонятный отступ у родителя div > img

   Прошу объяснить мне почему `wrapper` имеет отступ. https://jsfiddle.net/psr1919plus21/3qbuqjuz/ Понял проблему: img – инлайновый элемент. Решение 1: Сделать img блочным: display:block. Решение 2: Поставить нулевой интерлиньяж: line-height: 0; Всем спасибо) p.s.: Решение 2 не работает.

   Asked by cat, June 3, 2016

   0 votes
   2 answers
4. Поведение адаптивного дизайна

   Вот песочница https://jsfiddle.net/o82kLqdn/1/ Там есть боди с размером 600рх, в нём контейнер 521рх в котором три блока по 164рх с отступами по 10рх. Я всё это сделал резиновым, т.е. делил внутренние блоки на внешние получал размер. Теперь при получении нужных размеров всё работает и размер остался таким каким должен быть. Но когда я сужáю размер окна последний блок вылетает... из-за чего такое поведение ведь всё держалось на месте.

   Asked by aqua.77, November 20, 2016

   0 votes
   3 answers
5. Изменить селекторы через псевдокласс - 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…

   Asked by xymox72, February 8, 2017

   • html
   • css
   0 votes
   1 answer
6. Позиционирование изображения с помощью vertical-align: middle

   Доброе утро! Столкнулся с ситуацией: нужно отцентрировать изображение(прижать его по оси х к левому краю, и по оси у по центру). Решил попробовать центровку через vertical-align. Задал родительскому блоку и дочернему Display: inline-block. Задал vertical-align: middle самому изображению. Но "чуда не произошло". Насколько я понимаю это свойство задается самому блоку, который центрируем, не родительскому? Но где результат тогда? Извиняюсь что без кода-инета на рабочем компе нет.

   Asked by Super_Saimon, October 17, 2017

   • css
   0 votes
   7 answers
7. Как убрать отступы, если блоку задал with

   Такая вот проблема. Задал блоку ширину, и сразу выходят отступы. Чтоб поставить блок по центру использую margin:auto; Но можно эти отступы как-то убрать?

   Asked by FotGOD, May 29, 2020

   0 votes
   0 answers
8. Не получается разместить элементы

   Доброго дня!! начала заниматься версткой макетов и столкнулась на данный момент со сложной задачей. В частности с расположением элементов. Идея макета состоит в том, что это показательная страница, в которой отображается информация. Я немного не понимаю, как нужно расположить эти верхние элементы. Ибо когда я их пытаюсь переместить, то получается примерно вот так Плюс у них нельзя изменить размер (эти элементы в макете отображаются как картинки. И плюс бонусный вопрос: можно ли только через css и html сделать выборку по фотографиям, которые нужно будет выбирать внутри страницы (не используя инпут файликов из библиотеки пользователя)

   Asked by tbgiyl, May 22, 2022

   0 votes
   0 answers
9. Отображение страницы в любом браузере. с любым разрешением

   Когда то на форуме видел ссылку сайта, где можно просмотреть отображение своего кода в любом из браузеров, при любом разрешении и под разные платформы? Её давал кажется Dimitry Wolotko. Может у кого есть подобная ссылка?

   Asked by ardjuna, July 13, 2009

   0 votes
   1 answer
10. Задача: пробы размер текста уменьшался пропорционально длине, был в одну строчку и не было горизонтальной прокрутки.

    Задача: пробы размер текста уменьшался пропорционально длине, был в одну строчку и не было горизонтальной прокрутки.

    Asked by an70n, May 16, 2010

    0 votes
    1 answer
11. баг хрома?смешно....

    <!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…

    Asked by dostel1, June 2, 2011

    0 votes
    7 answers
12. Проблема с меню

    Всем привет! Помогите решить такую проблему? У меня меню с кодом: <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…

    Asked by Caeterra, February 10, 2012

    0 votes
    5 answers
13. наложение изображений

    задача: сделать наложение одного изображение на другое точно в левый верхний угол другого изображения КОД: <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> возникает пробл…

    Asked by Toxin_G, November 10, 2011

    0 votes
    1 answer
14. Проблема с шрифтами

    Помогите, пожалуйста, понять, в чем дело. В фотошопе пишу текст "тест", шрифт Tahoma, размер - 14px Измеряю, высота буквы "т" - 7px, ширина всего слова - 25px; Далее уже в html пишу этот текст в span со стилями font-size: 14px, font-family: Tahoma; Измеряю линейкой: высота буквы - 8px, ширина всего слова - 27 px Почему так происходит?

    Asked by dencat, May 17, 2012

    0 votes
    2 answers
15. Посоветуйте uploader для картинок

    Привет. Посоветуйте, кто встречался с вопросом. Нужен uploader для картинок в форме(<form>) с предпросмотром. Хотелось бы чтобы было: 1. Загрузка нескольких изображений. 2. Предпросмотр в нужном мне месте. 3. Гибкость в переделке под себя 4. Бесплатный (желательно) 5. jquery 6. флеш фтопку 7. Ограничение сколько файлов заливать 8. И было бы просто обязательно, чтобы картинка загружалась в превью сразу после добавления в input поле. Без нажатия дурацких кнопок "загрузить", "готово" и прочее. Идеальный вариант: Требований конечно много, но вроде как не только я с этим сталкиваюсь Спасибо, друзья!

    Asked by alex_anderr, May 24, 2012

    0 votes
    2 answers
16. Обводка у элемента!

    Всем привет!Еще раз))Как могли заметить создавал тему до этого,но решение смог найти сам,теперь же без вас знатаков я никак)) В общем проблема в том,что обводка у элемента wrapper почему-то не прозрачная хотя указал через rgba и случилось это после того как я к элементу добавил z-index и relative Что делать?

    Asked by ELBegemotos, August 24, 2012

    0 votes
    5 answers
17. Моя не внимательность

    del

    Asked by Ergonav, July 31, 2012

    0 votes
    3 answers
18. Не могу начертить вертикальную линию

    Подскажите, пожалуйста, в чем ошибка <div class="main_border_vertical"> </div> .main_border_vertical { height: 100%; width: 3px; background: red; border: none; padding-left: 100px; }

    Asked by Sorrel, January 30, 2013

    0 votes
    4 answers
19. Резиновая верстка, как быть с высотой body

    У меня возникла проблема при резиновой верстке. Допустим есть: HTML <body> <div> <div></div> </div> </body> CSS body{ height:?;(Вот здесь и проблема) } div{ height:20%; } Чтобы действовало это height:20%;, нужно чтобы body имел какую-нибудь фиксированную цифру. Но я же делаю это резиново, и мне нужно, чтобы min-heght = высоте устройства, а если содержимое не вмешается, то высота увеличивалась бы по мере необходимости. Помогите пожалуйста!

    Asked by Michael Myers, July 18, 2013

    0 votes
    2 answers
20. 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="ООО Деловые линии"> ООО "Деловые …

    Asked by xoff, August 14, 2013

    0 votes
    1 answer
21. Изменение 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…

    Asked by alex.kv, January 8, 2015

    0 votes
    3 answers
22. Вопрос по резиновой верстке.

    Здравствуйте. При резиновой верстке в каких единицах указываются отступы? Ведь при сужении экрана отступы в px не изменятся? Следовательно, блоки не сузятся и на растянуться. И что делать с макетом, если его ширина 1486px? Посоветуйте, где можно почитать о резине. Спасибо

    Asked by IvanRu08, February 7, 2015

    0 votes
    6 answers
23. Самостоятельное изучение. Каков порядок?

    Приветствую, форумчане! У меня большой опыт в верстке для полиграфии. И тут решил уйти в напревлении HTML. У меня вопрос прямо относительно требований вакансии. Например, там написано: 1) Хорошее знание HTML5, CSS, JavaScript, jQuery 2) Поддержка последних версий Chrome, Opera, Firefox, IE 3) Знание фреймворка Angular.js Очень прошу вас пояснить, что же конкретно в каждом пункте мне надо изучать, хотя бы кратко, сжато. Ну типа "вот эти разделы смотри, а эти не так актуальны" Когда пишут требования к подобным знаниям, то как правило это подразумевает владение какими-либо средами программирования - Freehand (или какие еще существуют?) или же все делае…

    Asked by Capablanca, April 29, 2016

    • самоучка новичок
    0 votes
    2 answers
24. Ищу стажировку по вёрстке

    Здравствуйте! Меня зовут Дмитрий. Живу в г. Донецк, ДНР. Ищу возможность постажироваться удалённо в направлении вёрстки для развития своих навыков и дальнейшего трудоустройства. Изучил HTML/CSS, Javascript - на уровне работы с HTML элементами(навесить событие, получить/поменять стиль). Реализовывал слайдеры, выпадающие меню, списки. Умею работать с макетом в Photoshop и Figma. На текущий момент практикую адаптивную вёрстку с использованием Flexbox, учусь делать вёрстку семантичной и по БЭМу. Буду рад любым предложениям! почта для связи: dmi1ryD@yandex.com небольшое портфолио: https://m-dimonka.github.io/ HTML-верстальщик.pdf

    Asked by Dmitro, April 18, 2022

    0 votes
    1 answer
25. 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…

    Asked by Santorin, December 8, 2011

    0 votes
    5 answers