HTML Coding

29,542 questions in this forum

1. Адаптивное изображение не растягивается на 100%

   Адаптивное изображение не растягивается на всю ширину блока-родителя. Как это исправить? http://codepen.io/anon/pen/MwXKer

   Asked by yaparoff, July 13, 2015

   • адаптивная верстка
   0 votes
   2 answers
2. !doctype

   Привет форумчане, решил начать все с нуля, и задался вопросом а какой же вид doctupe' а выбрать. Каким видом пользуетесь вы и почему?

   Asked by Laroxx12, July 14, 2015

   0 votes
   3 answers
3. помогите найти ошибку с кнопками меню

   Это первые шаги в верстке, так что не обессудьте. Поблема с меню сайта http://clip2net.com/s/3kvpTVc Если тот же код прописать в jsfiddle, то получается все красиво - https://jsfiddle.net/Softlink/DzHUj/90/ Никаких паддингов в блоках нет, разве что для высоты кнопок. Подскажите, что не так?

   Asked by julja, July 9, 2015

   • menu ul li padding
   0 votes
   3 answers
4. Внутренний блок выпирает

   У адаптивного изображения выпирает внутренний блок http://codepen.io/anon/pen/VLdpvN?editors=110 Должно быть вот так у обоих изображений:

   Asked by yaparoff, July 14, 2015

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

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

   Asked by yaparoff, July 14, 2015

   • hover
   0 votes
   3 answers
6. Firefox блинкует блок при смене фоновой картинки

   Есть Firefox последней версии, он отображает страницу, в которой есть блок с фоновой картинкой. На странице есть ещё фоновые картинки, они прогружены заранее и даже отрисованы браузером. Картинки здоровые по высоте, от 3000 до 7000 пикселей (спрайтовая анимация). При определённых состояниях страницы я меняю через JS background-position и background-image у блока, и примерно в половине случаев Firefox как будто заново загружает новую картинку: старая картинка пропадает, а новая появляется через несколько долей секунды, прям ощутимо заметных глазу. Хотя, повторюсь, все картинки загружены и отрисованы. Кто-нибудь сталкивался с таким, если да, то как решали? В webkit/blink…

   Asked by antonKar, July 9, 2015

   0 votes
   6 answers
7. Съезд блока при изменении масштаба

   Доброго времени суток. Скажу сразу, это мой первый опыт верстки, так что вопрос может показаться глупым. При масштабировании страницы правый блок начинает съезжать относительно других соседних. Как от этого избавиться? И на этом этапе может быть у кого советы какие будут. http://jsfiddle.net/myydnLbm/ Заранее спасибо.

   Asked by Nick16, July 12, 2015

   0 votes
   5 answers
8. Резиновая верстка + адаптив от 1000 пикс до 1920

   Можете подсказать пожалуйста? Есть такое условие "Резиновая верстка + адаптив от 1000 пикс до 1920" сам макет шириной 1230px. Как написать стиль css что бы подходило под данное условие? Какие задать min-width: max-width: или просто width?

   Asked by freeman0204, July 12, 2015

   0 votes
   2 answers
9. Как искать трастовые фрихостинги?

   Приветствую! Подскажите пожалуйста как найти трастовые бесплатные хостинги (фришники), типа hostinger.ru? Для доров.

   Asked by Ttid, July 12, 2015

   • фрихостинги хостинг
   • сайт
   0 votes
   1 answer
10. Проблемы при самообучении по php (книга Р.Никсона)

    Добрый день. Возникли проблимы во время практики при самообучении по книге Робина Никсона - Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5. 3-е изд - 2015. На странице 173 (Изучение PHP > создание файла) требуется ввести код для создания файла и проверить в браузере результат. Ввожу следующий код в sublime text: <?php $fh = fopen("testfile.txt", 'w') or die("Создать файл не удалось"); $text = <<<_END Строка 1 Строка 2 Строка 3 _END; fwrite($fh, $text) or die("Сбой записи файла"); fclose($fh); echo "Файл 'testfile.txt' записан успешно"; Затем сохраняю файл под именем testfile.txt и testfile.php, открываю в браузере, но ничего…

    Asked by sundeath, July 13, 2015

    • php
    • веб
    0 votes
    4 answers
11. У after отступ после блока с картинкой

    Здравствуйте! В блоке about после блока с картинкой after(вертикальная линия) отступает на 4px, а к следующему блоку с картинкой примыкает плотно. И чтобы этот вопрос решить, нужно after дать margin-top: -4px; Но как можно обойтись без этого свойства, и не понятно почему такой отступ есть. Вот код: http://jsfiddle.net/ua8k3sou/ Заранее спасибо!)

    Asked by LexusKubas, July 12, 2015

    0 votes
    2 answers
12. как работает margin-top ?

    Добрый день! Я новичек в деле верстки, много не ругайте) Мне надо сделать так, чтобы синий прямоугольник был опущен максимально вниз, к зеленому блоку. Пишу margin-top и пускается все вместе, хотя в описании margin написано что отступ идет от родительского элемента т.е. от предыдущего блока div. подскажите как исправить и что я делаю не так? https://jsfiddle.net/traxenbruxen/2yjh09sp/

    Asked by traxenbruxen, July 12, 2015

    0 votes
    4 answers
13. Модальное окно

    Добрый день. Возник такой вот вопрос. На многих сайтах замечаю так называемые "модальные окна". Стало любопытно, как они верстаются (без скриптов). Так как я всего месяца три изучаю HTML и CSS, теории в голове не так много. Но поразмыслив немного + порывшись в интернете нашел пару способов. Немного адаптировал их под себя. Но все равно итогового результата не могу добиться. Не понимаю, что не так. Надеюсь на вашу помощь. Если объяснить проблему на словах, то, при нажатии на кнопку, должно (по идее) появляться модальное окно. Так оно и было, пока я не добавил фон-затемнение. После этой "процедуры" при нажатии на кнопку появляется только фон. Ссылку прилагаю: http://co…

    Asked by BehemothOz, July 11, 2015

    0 votes
    2 answers
14. Для чего эти кнопки?

    Верстал шаблон.Извините,возможно за тупой вопрос,но зачем выделенные на рисунке кнопки,и какую функцию выполняют?

    Asked by MegaS, July 12, 2015

    • кнопки
    0 votes
    1 answer
15. Вставка кнопки поверх изображения.

    Добрый день. Я начал изучать хтмл недавно, и все вроде бы получается. Но когда стал делать верстку интернет магазина то возникла проблема, как реализовать кнопки или картинки поверх других картинок. Вот например как на картинке есть изображение товара и поверх него 2 кнопки NEW и SALE. Пробовал сделать фотографию background, но подгонять каждую фотографию под размер не рационально. с z index что-то не выходит.. может кто подскажет в какую сторону смотреть или какое либо готовое решение? заранее спасибо

    Asked by traxenbruxen, July 12, 2015

    0 votes
    1 answer
16. ie 11 некорректно работает с flex ?

    Разбирался с flex, переделал тестовый макет на flex и столкнулся с проблемой что ie 11 не отрабатывает flex-wrap: wrap если в родителях элемента есть flex элементы ... в остальных браузерах всё ок. http://codepen.io/sharov/pen/doeLZy/ не отрабатывает .phones { flex-wrap: wrap;}

    Asked by WarrenBuffett, July 12, 2015

    • html css ie11 flex
    0 votes
    2 answers
17. Как сделать несколько картинок чтобы скролить?!

    Ребят подскажите плиз как можно добавить еще картинок вниз чтобы скролить можно было (см. рис.). HTML: <div id="full-width-preview"><!-- start .full-width-preview" --> <div class="full-width-preview-background opacity_9"></div> <div id="full-width-preview-media-holder"> <div class="full-width-preview-media-holder-background opacity_0"></div> <div class="full-width-preview-media-loader"></div><div id="preview-media-holder"> <div id="preview-media-image" data-url="assets/media/portfolio/images/444.png" data-title="" data-alt="…

    Asked by zhasikbek, July 12, 2015

    0 votes
    0 answers
18. Фиксация нескольких блоков

    Здравствуйте! Хотелось бы сделать макет примерно как на этом сайте. Казалось бы, обычный двухколоночный макет с фиксированным сайдбаром. Но весь нюанс в том, что мне нельзя сделать цельный сайдбар и просто его зафиксировать. Нужно сделать так, что бы логотип, навигация и фильтры были размещены по порядку и не были заключены в один контейнер. Когда я это пытаюсь реализовать, все, естественно, сбивается в кучу из-за position: fixed для каждого контейнера. Помогите, пожалуйста, дельным советом. Как это правильно реализовать? http://jsfiddle.net/47avbbqj/

    Asked by volshebnyi, July 12, 2015

    0 votes
    14 answers
19. Неизвестный шрифт в фотошопе

    В psd макете есть неизвестный шрифт nexa bold /искал в интернете нашёл только в файл с вирусами/ Как мне достать етот шрифт? И как вообще фотошоп может его отображать если его нету?

    Asked by аркей, July 11, 2015

    • фотошоп nexa bold решите
    0 votes
    5 answers
20. навигация

    Подскажите как сделать картинку между ссылками в горизонтальной навигации.Обычная навигация,картинка повторяется.Наподобии,как навигация на этом форуме,только картинка горизонтальная Туплю немного,не разобрался как скинуть сюда снимок экрана.

    Asked by Andrue-Selen, July 12, 2015

    0 votes
    1 answer
21. как сделать так?

    http://hostingkartinok.com/show-image.php?id=70e3e6be6416e67f98bb5de782f6f844 надо чтобы при скролле, если товар не доматался, чтобы само доматывалось

    Asked by raptor-dm, July 11, 2015

    0 votes
    1 answer
22. Слетает текст от устройства/браузера

    Есть сайт размер текста 18пкс, шрифт калибри, слетают элементы мне нужно уместиться в одну строку. IE9 IE7 Почему так Ссылка на сайт http://edop2.besaba.com/trz/Third-site/index.html

    Asked by аркей, July 8, 2015

    • слетает explorer текст
    0 votes
    21 answers
23. шрифты

    хотел узнать,если верстальщику дают PSD шаблон,и дизайнер не дал никаких шрифтов,то нужно обязательно искать шрифты в интеренете,а потом подключать в файл css,или заменять шрифты на другие похожие В данном случае мне фотошоп вывел редкие шрифты,заменять похожими или искать эти?

    Asked by Andrue-Selen, July 11, 2015

    0 votes
    2 answers
24. Вёрстка резинового шаблона

    Извините за глупый вопрос, но не могу как сделать. Что применить к тегу <span> чтобы он исчезал при уменьшении окна браузера до 650px Писал так не работает @media (max-width: 650px) { .site-logo span{display: none;} } Необходимо что бы он полностью пропадал, а не становился прозрачным.

    Asked by Mizorg, July 10, 2015

    0 votes
    3 answers
25. zen coding

    использую zen coding,но есть одна проблема,закидываю его в плагин,перезагружаю notpadd++ и он работает.Но когда я выхожу из notpad++ zen coding потом опять не работает и приходится всё делать сначала.Подскажите в чём проблема P.S.какой текстовый редактор посоветуете?

    Asked by Andrue-Selen, July 11, 2015

    0 votes
    2 answers