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. Сверстаю за хороший отзыв 3 макета

   Добрый день. Я начинающий верстальщик. Нужно набираться опыта и работ для портфолио. Поэтому сделаю верстку бесплатно для 3х форумчан с хорошей репутацией в обмен на положительный отзыв. Освоила HTML5, CSS3. Делаю верстку макетов с фиксированной шириной. Подключаю слайдеры на jQuery. На данный момент есть несколько работ. Проверяю код на валидность. Для того чтобы кода получалось как можно меньше, стараюсь не использовать классы и ид без необходимости. Проверяю верстку на кроссбраузерность. С простым макетом справляюсь за один день. На адаптивную верстку уходит времени больше, но могу взяться и за нее(если без подключения JS). Со мной так же можно связаться через: …

   Asked by Jelezuha, June 23, 2015

   0 votes
   8 answers
3. bootstrap 3, картинко на картинке

   бутстрап нужно на большую картинку наложить маленькую (правый нижний угол), точно по этому углу чтоб все было адаптивненько сохранялись пропорции и положения картинок юзаю вложенные сетки: <div class="container"> <div class="row"> <div class="col-md-12"> <img class="img-responsive" src="img/preview/1.jpg"> <!-- <div style="background: url('img/preview/1.jpg') no-repeat center center; width:920px; height:500px" </div> --> <div class="row"> <!-- <div class="col-md-11"></div> --> <div clas…

   Asked by torsar, June 23, 2015

   0 votes
   3 answers
4. Определить какая функция вызывается в js

   Здравствуйте, в консоли разработчика google chrome при нажатии на кнопку можно ли определить какая функция вызывается в js файле ? Непонятно в каком файле вызывается функция

   Asked by htmligor, June 23, 2015

   0 votes
   6 answers
5. высота вложенного в table-cell блока

   Доброго дня. можно ли как то растянуть высоту вложенного в table-cell блока до высоты родителя. В примере блок .height должен быть по высоте блока .right http://jsfiddle.net/digitalmedia/hokck58k/

   Asked by vip, June 23, 2015

   0 votes
   4 answers
6. Проблемы с оформлением всплывающих подсказок

   Здравствуйте, не могу найти способ как устранить проблему, а именно: На странице формы обратной связи сайта всплывающие подсказки полей формы отображаются где попало. Подскажите пожалуйста как исправить? Заранее спасибо.

   Asked by webmax, June 23, 2015

   0 votes
   0 answers
7. На планшете съезжает верстка на доли секунды

   Господа, есть элементарный сайт визитка, насколько это возможно, на пк все вроде неплохо, без глюков, сделан по принципу mobile first, но на планшете, если нажимать на пункты меню, буквально долисекунды я вижу, как верстка съезжает, это очень напрягает, делал я его флексбоксами, может кто подскажет, что и где и сделал неправильно? Сайт пока находится по адресу anvyd.ru

   Asked by anvyd, June 23, 2015

   • Flex
   • flexbox
   • responsive
   • css3
   0 votes
   3 answers
8. Поля формы разъезжаются при изменении размера экрана

   Здравствуйте. Делал лендинг на bootsrap , вроде все нормально, но одна форма разъезжается при изменении размера окна браузера. Как сделать ,чтобы поле для телефона и кнопка заказать была всегда друг под другом? Речь идет о форме ,где написано: "Оставьте заявку на увеличение продаж. Наш менеджер свяжется с Вами уже через 6 минут." Сайт : http://kobra_watch.apishops.ru/

   Asked by ishurgaya, June 22, 2015

   0 votes
   5 answers
9. Отображение видео на сайте

   Подскажите в чем может быть проблема ! <video class="vlad_video" loop="loop" width="100%" height="auto" autoplay=""><source src="video/formula.mp4" type="video/mp4"></video> Вот так вот все сделал а видео не отображается просто черный экран

   Asked by virtas, June 22, 2015

   • видео
   0 votes
   1 answer
10. Ссылка с треугольником справа

    Мне нужно сделать ссылку, чтобы справа у неё был треугольник. Я этого добился: <a href="#">Вход</a> a{ cursor:pointer; padding:0 20px; font-size:20px; border-radius:10px 0 0 10px; width:100px; background:#009944; border:0; height:30px; line-height:30px; display:inline-block; text-align:center; color:#fff; position: relative; text-decoration:none; } a:hover{ background:#ebb453; } a::after{ content:''; position:absolute; right:-30px;…

    Asked by PavelTkachev, June 22, 2015

    0 votes
    7 answers
11. Логотип между пунктами меню (как проще сделать?)

    Подскажите, как проще сделать логотип между пунктами меню? У меня получается два ul Код: http://cssdeck.com/labs/9glnryce

    Asked by Alfa2015, June 22, 2015

    0 votes
    7 answers
12. Вопрос знатокам CSS

    <style> h1 { width: 700px; border: thick double black; margin-left: auto; margin-right: auto; text-align: center; font-size: x-large; padding: .5em; color: darkgreen; background-image: url("border.png"); background-size: contain; margin-top: 0; } .dtable {display: table;} .drow {display: table-row;} .dcell {display: table-cell; padding: 10px;} .dcell > * {vertical-align: middle} input {width: 2em; text-align: right; border: thin solid black; padding: 2px;} label {width: 5em; padding-left: .5em;display: inline-block;} #buttonDiv {text-align: center;} …

    Asked by frvdv, June 22, 2015

    • CSS
    0 votes
    5 answers
13. Как сделать подобные эффекты?

    Как сделать такие эффекты, как на этом сайте http://white-photo.ru/ ? Я имею в виду "выезжание" блоков?

    Asked by Alfa2015, June 21, 2015

    0 votes
    6 answers
14. bootstrap 3, горизонтальная прокрутка

    Нужно реализовать на бутстрапе, чтоб контено прокручивался не по вертикали, а по коризонтали. Те вертикальной прокрутки не должно быть. Можно штатными способами? Или нужен плагин (слайдер)? Если слайдер - то нужно, чтоб работал и от мышки и от пальцев Посоветуйте

    Asked by torsar, June 21, 2015

    0 votes
    7 answers
15. Помогите пожалуйста упорядочить порядок изучаемых технологий

    Всем привет, хочу заниматься фронтендом. Сильно запутался, что и как мне надо учить. Одни говорят, что азов HTML хватит, затем надо будет переходить на CSS+CSS3, после на Javascript + Jquery с попутным изучением HTML5. Другие говорят, что после HTML надо сразу начать учить HTML5 попутно с CSS+CSS3, но такой вариант как минимум скучный, т.к пока учить просто HTML уже всё желание пропадёт. В общем как поступить, в каком порядке учить всё для фронтенда? Всем заранее спасибо.

    Asked by S-god, June 21, 2015

    0 votes
    1 answer
16. Сделал сайт и проблема отображением меню (темы) в IE

    Здравствуйте, помогите пожалуйста исправить такую вот проблему. Перенёс тему на wordpress и начались проблемы с отображением только в IE, незнаю как исправить. Вот скриншот отображение в IE и как должно в Mozila: http://mepic.ru/view/?id=d3d33b83c19c26da166e1aac3b232d4b

    Asked by Kirillrus, June 21, 2015

    • Срочно!
    0 votes
    1 answer
17. Несоосность линий

    Доброго. Несколько лет назад видел статью про ошибки округления в браузерах, но не смог за давностью лет найти этот материал обратно.. Суть вопроса http://beavers-net.narod.ru/primers/boolean_sch/bool_sch_min_pr.html Стили http://beavers-net.narod.ru/primers/boolean_sch/base.css Есть схемка. Реализовано все на таблицах + чутка блоков. при масштабировании страницы что-то как-то куда-то уезжает все Например: http://beavers-net.narod.ru/primers/boolean_sch/err1.jpg строка таблицы по высоте проставлена 16px, но при уменьшении масштаба становится ниже (см. рис.) Или разъезжаются части схемы: http://beavers-net.narod.ru/primers/boolean_sch/err2.jpg Opera 30, Chrome 43. H…

    Asked by tt48, June 20, 2015

    0 votes
    4 answers
18. Пространство имен HTML5 для XSLT-преобразований

    Здравствуйте! Подскажите, плиз, если знаете, можно ли используя XSLT на выходе получить HTML5? Какое пространство имен (атрибут xmlns) указать для HTML5? Для HTML 4.01 указывалось пространство имен XHTML 1.0 (xmlns="http://www.w3.org/1999/xhtml"): <?xml version="1.0"?><xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"><xsl:template match="/"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <div>Any message you like</div> </html></xsl:template></xsl:stylesheet>Будет ли XSLT-преобразование корректным, если включать в него теги HTML5, не указав никакого другого …

    Asked by hike, June 20, 2015

    • XSLT
    • HTML5
    • xmlns
    0 votes
    8 answers
19. Помогите с версткой, пожалуйста.

    Здравствуйте, уважаемые друзья! Столкнулся с такой проблемой. Я бы хотел добиться одного эффекта, но у меня никак не получается это сделать. Я бы хотел сделать вот такую шапку, как здесь - http://www.templatemonster.com/demo/56108.html. Мне надо, чтобы картинка растягивалась под экран, при уменьшении масштаба она не изменяла свой размер; чтобы на картинке были надписи и навигация, как там. Пожалуйста, помогите. Заранее вам благодарен!

    Asked by ChaosKnight, June 20, 2015

    0 votes
    1 answer
20. Внешний вид кнопки поиска

    Здравствуйте! Возможно ли как-то изменить внешний вид кнопки поиска от Яндекса помимо тех настроек который предлагает сам Яндекс, а именно они таковы: И поиск на сайте выглядит таким образом: Хотелось бы что-то типа такого: Возможно ли это реализовать там я не знаю в виде картинки или ещё чего? Вот код поиска: <div class="ya-site-form ya-site-form_inited_no" onclick="return {'action':'убрал адрес сайта','arrow':false,'bg':'transparent','fontsize':16,'fg':'#000000','language':'ru','logo':'rw','publicname':'убрал название поиска','suggest':false,'target':'_self','tld':'ru','type':2,'usebigdictionary':true,'searchid':2224543,'webopt':false,'websearch':fal…

    Asked by subm41, June 20, 2015

    • html
    • css
    • js
    0 votes
    2 answers
21. подскажите слайдер

    http://joxi.ru/nAy8GVkhDKZa2Z

    Asked by raptor-dm, June 20, 2015

    0 votes
    3 answers
22. Помогите, пожалуйста, с написанием скрипта

    Здравствуйте! Очень нужна помощь с JavaScript Необходимо сделать так, чтобы меню для сайта при изменении размера окна браузера меняло количество пунктов(*1) и те, которые не уместились в списке перемещались в выпадающий список в конце(**2). HTML-код такой: <ul class="Горизонтальное-Меню"> <li class="line"> <a href="/">Адреса магазинов</a> </li> <li class="line"> <a href="/">Оплата</a> </li> <li class="line"> <a href="/">Доставка</a> </li> <li class="line"> <a href="/">Сотрудничество</a> </li> <li c…

    Asked by Алёна Стрелкова, June 20, 2015

    • script
    • javascript
    • скрипт
    • помощь
    0 votes
    8 answers
23. Вопрос о разметке от новичка

    Добрый день. Являюсь очень сырым в вопросе верстки. На данном этапе постигаю разметку страницу. Много теории, все интересно, но когда дело доходит до практики - "залипаешь". Появился такой вот вопрос. Часто вижу подобную структуру на сайте: (прошу прощения за кривоту, быстро набросал в Пейнте) Это картинка отображает часть контента страницы. Т.е. имеются 4 блока с какой-то информацией. Как правильно разметить часть этой страницы? У меня получается слишком большая вложенность. Приведу пример. <div class="main"> <!-- блок со всем контентом --> <div class="container"> <!-- центровщик --> <div class="content-block"> <!-- блок, в котор…

    Asked by BehemothOz, June 20, 2015

    0 votes
    3 answers
24. как сделать такую форму с помощью fancybox

    как сделать такую фому с помощью fancybox

    Asked by pitbuli, June 19, 2015

    0 votes
    4 answers
25. как разместить div на 1 строке, с изменяемой шириной

    Всем привет! Помогите. пожалуйста! Вот несколько div, помогите пожалуйста исправить, чтоб : розовый квадрат изначально занимал свою максимальную ширину, а не минимальную как сейчас. и при добавлении 4 картинки - розовый чтобы сжимался, а не уходил за пределы красного квадрата. http://jsfiddle.net/k5m6pkwx/3/

    Asked by zvezda_t, June 19, 2015

    0 votes
    1 answer