HTML Coding

29542 questions in this forum

1. Пример работы "в ноутбуке"

   Очень понравилось портфолио в котором в картинке ноутбука размещена картинка разработанного сайта, и при нажатии на сайт появляется полная версия Как это делается? Вот скриншот: То есть именно интересует как поместить картинку в картинку

   Asked by Bava, December 23, 2015

   0 votes
   4 answers
2. как Вот так сверстать без использования flexBox

   имеется https://ru.bem.info/method/naming-convention/ Если у кого есть представления как сделать вот такой макет, где контент прокручивается а боковое меню фиксированное с прокруточкой... без использования flexBox

   Asked by Daniil Khanin, December 24, 2015

   0 votes
   4 answers
3. верстка html css новичка

   Всем привет. Сильно не пинайте за мое безобразие, практикуюсь в верстке html css. Пытаюсь сделать что то а-ля адаптивным, конечно прекрасно понимаю, что до адаптивности там далеко. В процессе верстки возникла такая ситуевина: уменьшаю масштаб страницы в Мозиле на самый минимум, все блоки и тексты стоят на своих местах, смотрю в Хроме, и Опере и при уменьшении масштаба с 50% начинают съезжать тексты, блоки стоят на месте. Как с этим можно побороться? Понимаю, что решение этой проблемы не даст адаптивности, но тем не менее хочу понять почему так получается и как с этим бороться. Размеры шрифтов указываю в емах. Вот ссылка: http://c92999qs.bget.ru/blog/

   Asked by Sarkazmus, December 25, 2015

   0 votes
   4 answers
4. непонятное поведение элементов в мобильном и стационарном браузере

   Всем привет Объясните пожалуйста почему элемент в мобильном браузере (под iOS или Android) в браузере выглядит не так как в браузере на ПК. Например шрифт, размер которого задан в PX (например, font-size: 24px), на ПК всегда ровно такой какой он есть, а в мобильном браузере меняет свой размер в зависимости от того в какой ориентации девайс. Как с этим более корректно бороться (т.е. чтобы и на мобильниках все выглядело корректно)?

   Asked by Zhihar, December 26, 2015

   0 votes
   4 answers
5. адаптивная карусель

   Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, адаптивную карусель со всплывающей блоком при ховере

   Asked by stan07, January 6, 2016

   0 votes
   4 answers
6. "Непослушная" кнопка

   Вот какие дела! Кнопка не реагирует ни на какие методы её логического позиционирования! Она сдвигает свою "попу" с места только при самом грубом позиционировании (position:absolute). А относительно блока content ни в какую! Вот кусочек кода кнопки и текстовых полей

   Asked by DMixa, January 7, 2016

   • HTML
   • CSS
   0 votes
   4 answers
7. Как сделать логотип адаптивным, если изображение является фоном (background-image)?

   Здравствуйте! Сделать адаптивным изображение, которое находится в теге img - дело нехитрое. А вот как ПРАВИЛЬНО сделать адаптивным логотип, изображение которого является свойство css background-image? Помогите, пожалуйста с решением: https://jsfiddle.net/ftsn38g6/

   Asked by volshebnyi, January 14, 2016

   0 votes
   4 answers
8. Не пойму в чем ошибка,не выравнивается по центру

   https://dropmefiles.com/xpHGq Непойму в чем ошибка,не выравнивается по центру.Может причина в броузере?хотя с оперой то же самое. Подскажите,пожалуйста,где доступно почитать про margin и padding и выравнивание блоков,картинок и текстов,что по горизонтали,что по вертикали.

   Asked by жизи, January 14, 2016

   0 votes
   4 answers
9. Цвет фона по бокам в wordpress

   Привет, стоит тема Metro Magazine на wordpress. Хочу поменять фон по бокам, чтобы не белый был, а немного сероват. Нашел инфу что в настройках нужно Внешний вид -> Настройки темы -> вкладка Стили -> во вкладке пункт «Ваш CSS» -> пишем туда код: body { background: #CCC; } #header { background: #CCC; } все так и сделал, но при этом поменялся фон не только по бокам, но и посередине, в контенте. Как сделать так, чтобы поменять фон только с боков, а посередине оставить как есть. Надеюсь я понятно описал проблему, буду рад если мне ответят, спасибо.

   Asked by maratmd, January 15, 2016

   • цвет фон
   • wordpress
   0 votes
   4 answers
10. Выровнять текст по вертикали

    Как сделать текст выровненным по вертикали? https://jsfiddle.net/pz6n0c34

    Asked by user, January 21, 2016

    0 votes
    4 answers
11. масштабируемое изображение для фона сайта

    Что-то мне подсказывает, что велосипед давно изобретен. Подскажите как лучше сделать сабж. Образец: www.whitehouse.gov

    Asked by Serginhio, January 23, 2016

    0 votes
    4 answers
12. В мобильной версии сайта ломается скролл на iphone

    Мобильная версия сайта скроллится идеально на андроиде http://imgur.com/XeFTTES Но на айфоне скролл ломается и он нереально быстрый http://imgur.com/5UruYUI Заметил, что при открытии сайта на айфоне в код добавляется новый <div> и правка в <body>, хотя в index.html их нет <body class="scroll_wrapper" style="top: -184.702px; left: 0px;"><noindex></noindex><div id="webit_scroll_provider_wrapper" class="html" style="padding-top: 0px; padding-bottom: 0px; width: 100%; min-width: 480px;">Так же в CSS нашел это: .scroll_wrapper{ position: absolute; overflow: auto; left: 0px; right: 0px; top: 0px; bottom: 0px; padding-top: 0px; padding-botto…

    Asked by Joka, January 24, 2016

    • css
    • heml
    • iphone
    • android
    • ios
    • jquery
    • scroll
    0 votes
    4 answers
13. Не получается сделать такой эффект

    На этом сайте где Jack&Jones при наведении кнопка "наливается" чёрным. Моя реализация (копирование) оставило желать лучшего: см. "Любят Вас или Ваши деньги"... Помогите пожалуйста, сложные эффекты для меня тёмный лес)

    Asked by iBars, January 25, 2016

    0 votes
    4 answers
14. помогите разобраться с transition

    Всем здравствуйте. Прошу помощи, ни как не пойму как осуществить чтобы блок с текстом опускался при наведении на .top (сейчас он начинает двигаться при наведении на .overlay а если навести ниже на черный фон то магия заканчивается) Может принципиально не тем свойством пользуюсь? или просто не так его применяю? ни как не разберусь. Вот код http://codepen.io/mikhail09/pen/OMvOae

    Asked by Mixail.09, January 26, 2016

    • transition
    0 votes
    4 answers
15. Помогите с отправкой письма новечку в деле

    Здравствуйте о великие гуру! Помогите с отправкой почты, на сайте имеется такая отправка: <form action="mail.php" method="post"> <div class="row"> <p style="text-align: center;">пункты отмеченные звездочкой обязательны к заполнению</p> <div class="col-sm-6"> <div class="form-group"> <input type="text" id="contact-name" name="contact-name" placeholder="Ваше Имя*" required /> …

    Asked by Seregka174, January 27, 2016

    • Отправка почты
    0 votes
    4 answers
16. Не бутстреповский дизайн на бутстреп

    Что вы говорите, когда вам дают абсолютно аморфную вёрстку, размеры всего, в которой основаны на магических числах, и просят всю эту безсеточность посадить на бутстреп? Лично я вообще не люблю привязываться к сеткам. Особенно в таких случаях.

    Asked by Alarr, January 29, 2016

    • bootsrap
    • вёрстка
    • сетка
    • дизайн
    0 votes
    4 answers
17. Объясните пожалуйста, как работает min-width

    Здравствуйте. Не совсем понимаю, как работает min-width. 1) http://jsfiddle.net/vso3L62k/16/в этом примере width=50%, min-width= 400px. Мы наблюдаем, что при уменьшении окна ширина блока уменьшается, до тех пор пока не станет 400px. 2) Если мы ставим width diva не 50%, а 1000px. min-width делаем 200px. То почему при уменьшении окна браузера размер блока не изменяется, а появляется ползунок?

    Asked by sultanova, January 28, 2016

    • min-width
    • width
    • css
    0 votes
    4 answers
18. Перенос строки в меню

    Мужики,выручайте,нужно сделать перенос строки в меню,что то у меня не получается( Вот сайт http://chobd.esy.es/ Вот как должно быть

    Asked by vitaxastifler, February 2, 2016

    0 votes
    4 answers
19. событие change для select, когда нет изменения

    Подскажите, как поймать событие, когда пользователь в элементе select выбирает option, который уже был выбран до этого. Вот если он option с каким-то другим value выбирает, то срабатывает событие change, а как поймать, если value то же самое?

    Asked by FeelUs, February 7, 2016

    • select
    0 votes
    4 answers
20. Анимация фиксированного меню

    Здравствуйте. У меня есть два фиксированных меню. У первого высота 150рх и видно оно сразу на странице, а когда пользователь прокручивает страницу меню уменьшается до 60рх. Мне нужно сделать так, что бы маленькое меню выезжало с верху страницы. Примерно как на этом видео: Если есть готовый скрипт, буду благодарен. upd. Задача немного изменилась, нужен эффект fade in , fade out

    Asked by Temiks, February 8, 2016

    0 votes
    4 answers
21. Верстка под IE7 & IE8 - на что обратить внимание

    Нужно верстать под и IE7 и IE8. Подскажите на что нужно обратить внимание? Или дайте ссылку на инфу - почитать. В гугле мало чего нашел (может плохо искал)

    Asked by yaparoff, February 11, 2016

    • IE7
    • IE8
    0 votes
    4 answers
22. Как отрезать первые Х пикселей img

    Подскажите, пожалуйста как отрезать первые 100 пискелей в <img src="" width=300 height=200> что б видимой частью была картинка размером 300x100 используя css?

    Asked by IgorKo24, February 16, 2016

    0 votes
    4 answers
23. fullpage.js помощь в настройке

    мне нужно сделать станицу, наподобие лендинга, но там только будет скроллинг между областями. не нужны никакие визуальные эффекты нашел либу https://github.com/alvarotrigo/fullPage.js все подходит кроме того что либа запускает кучу эффектов на страницу вот демка http://alvarotrigo.com/fullPage/ мне тут нравится как сделан скролл по областям, но моя страница разлазится потому что она не приспособлена под лендинг подскажите как настроить или подскажите другое решение

    Asked by https, February 18, 2016

    0 votes
    4 answers
24. Бегучая строка с право от картинке

    Есть вот такая html страничка http://tumba.aiq.ru. Хочу бегущую стоку сделать правее логотипа. Весь код можно посмотреть через ctrl +u Может что в те <marquee> надо вписать или через css?

    Asked by galsik2009, February 19, 2016

    • html
    • css
    0 votes
    4 answers
25. Изменение css свойств родителя onfocus:last-child

    Доброго времени суток, есть такая конструкция: #header nav ul li Нужно что бы при клике (:focus) на #header nav ul li:last-child у #header изменилось свойство width Есть какие идеи?

    Asked by karakym, February 20, 2016

    0 votes
    4 answers