HTML Coding

29542 questions in this forum

1. Всплывающее окно

   Здравствуйте! Подскажите, кто разбирается в jQuery: при отправке формы всплывает картинка. Все ок.. Но, что нужно поменять в коде, чтобы вместо картинки всплывало сообщение? Изначально такой код (копирую часть кода): <form class="contact" name="sentMessage" id="contactForm" action="contact_me.php" method="post" novalidate>....</form><div id="modal" style="display: none;"><img src="img/form-alert.png" /></div>Скрипт $.fancybox({ 'type' : 'image', 'href' : 'img/form-alert.png', 'padding' : 0 }); …

   Asked by Alfa2015, November 9, 2015

   0 votes
   4 answers
2. Как сделать, чтобы ® было маленькое и сверху?

   маленькое ® сверху справа, около товара как сделать в css? в html понятно ^® дело в том, что создаю пункт меню в джумле, там потому не html, а просто текстом ввожу название. вот можно ли как-то применить css именно к этому символу?

   Asked by nikki4, November 9, 2015

   0 votes
   4 answers
3. Сейчас реально нужно ли адаптировать hover-меню для тачскрин устройств?

   У меня складывается такое впечатление, что современные тачскрин устройства сами прекрасно обрабатывают hover событие по клику. Поэтому хотелось бы узнать мнение сообщества: я одинок в своих догадках, что переводя hover-меню на javascript костыли я занимаюсь мартышкиным трудом, если не хуже. Хочу пояснить, что рассматриваю вариант когда родительский пункт меню сам по себе ссылкой не является.

   Asked by tamirov, November 9, 2015

   0 votes
   4 answers
4. Ссылка якорь

   Нужно на первой странице поставить ссылку якорь на вторую на скрытый блок, который должен при этом разворачиваться. <h2>Блок</h2><p><a class="button" onclick="$('#afisha').slideToggle();" name="afisha" href="javascript://">(скрыть/показать)</a></p><div id="afisha" style="display: none;">Информация</div>пробовал сделать с помощью name="afisha", но не сработало.

   Asked by aizul, November 10, 2015

   • ссылка якорь
   0 votes
   4 answers
5. Вертикальное выравнивание в ячейке, проблема с <div>

   Здравствуйте! Имеется некая часть странички http://samsung.com/ru/support, которую я решил сверстать сам для тренировки построения сеток Возникла следующая проблема: при попытке выровнять картинку по вертикали и заключении ее в тег <div> выравнивание не работает, как и если картинку в какой-либо тег не заключать. Но как только я оборачиваю картинку в тег <p> выравнивание работает. Никак не могу понять причины, ведь теги <p> и <div> оба блочные. Гуглил свойства обоих тегов, но ничего по теме не нашел. Помогите, пж-та, разобраться Вот код с <p>, где все работает: http://codepen.io/anon/pen/xwyGWE?editors=110 Вот код с <div> (В него …

   Asked by hiko-sensei, November 12, 2015

   0 votes
   4 answers
6. Обтекание изображения текстом

   Прошу помощи, я использую Joomla 3+ K2? при создании материала в К2 изображение добавлено через вкладку "Изображение" (то есть изображение не размещено в самой статье, оно прикреплено к ней), изображение выводится как на странице самого материла, так и в списке материалов категории. Подскажите как сделать чтобы данная картинка была обтекаемой текстом и в списке материалов категории и на странице самого материала, я просто голову свернул Пробовал как сказано в FAQ по К2 в стилях k2.kss поставить div.latestItemImageBlock { float: left; margin: 0; padding: 0; } Не помогло И еще просьба, может кто нибудь поможет или хотя бы посоветует с примером…

   Asked by webmax, November 13, 2015

   0 votes
   4 answers
7. медиа стиль для планшета

   Здравствуйте! Сверстал сайт, в браузере любом смотрится нормально, но в планшете блоки из за margin-ов переносятся вниз. Прописал для планшета медиа стиль: @media (max-device-width: 1280px) { .phonebox{margin-left:23px} .mn{margin-left:0px;} .sendboxf{width:192px} } после этого запроса в планшете все хорошо, но а на компьютере где такое расширение как и у планшета медиа запрос тоже срабатывает, и получается что большие зазоры между блоками, но а на планшете все ок, зазоров нет! Может как то можно прописать только медиа запрос только для планшета? или еще как то это решить

   Asked by WebPlus, November 15, 2015

   • css
   • html
   0 votes
   4 answers
8. Изменить стандартный select

   Нужен такой select Почти сделал, но старые стили у select убрать не могу. Может кто знает как это сделать? http://codepen.io/anon/pen/EVrOaq

   Asked by yaparoff, November 17, 2015

   • select
   0 votes
   4 answers
9. Почему по умолчанию у элемента top & left > 0

   Не смог найти ответ. Если задать style="position: absolute; top: 0px; left: 0px;" то элемент располагается точно в левом верхнем углу, а если не задать, то остается пространство в несколько px сверху и слева. Почему так?

   Asked by igmar, November 18, 2015

   0 votes
   4 answers
10. Кроссбраузерный select

    Здравствуйте, подскажите, есть ли решение для IE8-9, Opera как убрать стрелки в select?

    Asked by Lady_V, November 19, 2015

    0 votes
    4 answers
11. Хром на андройде

    Как открыть консоль хрома на андройде, что бы писать JS код.

    Asked by DivMan, November 24, 2015

    0 votes
    4 answers
12. Сайт+чат

    Задача - создать сайт на бесплатном хостинге и добавить к нему вот такой чат - https://frug.github....creenshots.html Насколько осуществима такая затея? какой хостинг для этого подобрать? Возможно будет проще создать только чат? Буду благодарна за советы)

    Asked by Rickys, November 21, 2015

    0 votes
    4 answers
13. Фон выделения текста CSS работает неправильно

    Доброго времени. Есть необходимость сменить фон выделения текста мышкой. Делаю так: ::selection { background: #4e9557; color: #ffffff;}::-moz-selection { background: #4e9557; color: #ffffff; }::-webkit-selection { background: #4e9557; color: #ffffff; }Фон работает, но в хроме не совсем правильно. Есть какой-то системный свет подложки на элементах например с margin или после br. Нужно от этого избавится, выручайте.

    Asked by makenskiy, November 30, 2015

    • CSS
    0 votes
    4 answers
14. Выпадающий список появляется не полностью

    Здравствуйте. Такая проблема: при наведении на ссылку выпадающий блок появляется не полностью Вообще эту проблему можно решить отступом снизу у всего меню, но тогда расстояние до контента будет слишком большим. Как это решить? http://codepen.io/anon/pen/OMLjBm

    Asked by yaparoff, December 2, 2015

    0 votes
    4 answers
15. Макет HTML5

    Посмотрите правильно ли я сделал заготовку для начала блога на HTML5 ? http://codepen.io/anon/pen/gPOxWb

    Asked by Nikinik, December 4, 2015

    0 votes
    4 answers
16. Как оптимальнее разместить большую картинку в качестве фона?

    есть большая картинка - кора дерева. задача разместить в качестве фона. размер для ширины в 1280пх - около 750кб.. что есть не оптимально для скорости загрузки. вот как бы её так сжать правильно? как вариант вижу - сделать левый и правый сайд бары, и в них выводить 2 крайние картинки шириной примерно 300*800, с повторением по вертикали. Но может это как-то по другому делается? пс: решил не заморачиваться, сжал до 350х800, повторение везде + снизил качество фона, получилось 100кб..

    Asked by nikki4, December 5, 2015

    0 votes
    4 answers
17. Отступы у текста

    У текста есть внутренние отступы, например h1 размером 68px имеет высоту 93px. Как с этим бороться кроме как подбором отступа если хочешь сделать пиксель в пиксель?

    Asked by RaGe2244, December 8, 2015

    • текст
    • отступы
    0 votes
    4 answers
18. Ячейки фиксированной таблицу имеют разную ширину в Chrome

    Столкнулся с проблемой создания фиксированной таблицы с одинаковыми ячейками. Создаю таблицу шириной, например 700px и table-layout: fixed; В таблице есть шесть ячеек в рамкой в 1px. На выходе получается три ячейки по 116px и три ячейки по 117px(Google Chrome). В FF и IE все ячейки имеют одинаковую ширину - 116.5px. Есть ли способ создать подобную таблицу, но с одинаковыми ячейками, без использования JS. Пример можно посмотреть тут http://jsfiddle.net/scanwfbr/

    Asked by SergeyAlexeev, December 10, 2015

    • html
    • table
    • css
    0 votes
    4 answers
19. Чем нужно при верстке заменять слайдер

    В макете присутствует слайдер картинок. В интернете полно рецептов, как создать или где взять готовый слайдер - и это все с использованием javascript и, часто, jquery. Я хоть и в процессе изучения javascript, но понимаю, что конкретно при верстке обходятся без сложных скриптов - это дело веб-разработчика. Например, при верстке строки поиска нужно добавить форму, кнопку, текстовое поле - а куда это отправляется и как обрабатывается - дело десятое. Может, надо ставить какую-то загрузку. И здесь считаю целесообразным задать еще один вопрос (если надо, создам отдельную тему) - что делать в аналогичном случае, если в макете видео?

    Asked by AlexU, December 11, 2015

    • css
    • слайдер
    • HTML
    • видео
    0 votes
    4 answers
20. Помогите с мобильным меню

    Подскажите пожалуйста, как запехать Лого на середину шапки в мобильном меню? Вот так чтоб было http://joxi.ru/p27NDnf00ekBm7 Вот само меню http://codepen.io/Nikolaos/pen/OMyLBW

    Asked by Nikinik, December 11, 2015

    0 votes
    4 answers
21. Таблица цен. Реализация в виде списка.

    День добрый! Помогите пожалуйста реализовать такую таблицу цен: http://joxi.ru/DmBDBaZfNJMdKA. Заранее спасибо.

    Asked by XuLLlHuK, December 15, 2015

    • таблица
    0 votes
    4 answers
22. psd макет 2800px

    День добрый. Попался макет шириной 2800px, со словами заказчика: "Сайт будет адаптирован под мониторы различной ширины, минимальная ширина 1000 пикс." Не пойму как верстать) Шрифты, графика - просто огромные, к примеру размер заголовков по 40px (font-size), изображения, которые с виду должны быть около 200px имеют ширину по 600-700 Вопрос: верстать как моей душе угодно (думаю не стоит), делать фон на 100% контент на 1000px, или есть какой-то принцип масштабирования таких макетов (ну к примеру 2 к 1, но в таком случае рисовали бы тысячи на 2000-2400)?

    Asked by babuya, December 20, 2015

    • css
    • psd
    • верстка
    0 votes
    4 answers
23. нижняя тень у деревянного блока

    Ребята!Подскажите как сделать конкретно такую нижнюю тень у деревянного блока? http://savepic.su/6851499.jpg http://savepic.su/6849451.jpg

    Asked by severianin, December 20, 2015

    0 votes
    4 answers
24. Как уменьшить размеры шрифтов для Windows Phone?

    Всем привет! Недавно сверстал такую адаптивную страничку: http://word-master.hostifree.ru В браузере вроде бы все хорошо, но попробовал зайти со своей Nokia Lumia 520 (Windows phone, стандартный Internet Explorer) и ужаснулся: размеры шрифтов вообще не соответствуют тем, что прописаны в css - они гораздо больше. Из-за этого вся страница, ес-но, расползается.Пробовал искать в настройках самого браузера что-нибудь запрещающее уменьшение шрифта - там тоже нету.. Вопрос: как заставить мобильный браузер отображать именно те размеры шрифтов, которые я пропишу в самом css? Те, что сейчас отображаются в браузере, гораздо больше прописанных мной (они будто не могут уменьшиться н…

    Asked by Nibaluiso, December 22, 2015

    0 votes
    4 answers
25. Градиент без background

    Здравствуйте. как сделать чтобы градиент был поверх контента? Сейчас пробовал градиентом от прозрачного к белому. Но сделано через background , поэтому градиент под темно-синим квадратом. https://jsfiddle.net/ishurgaya/407szvnp/embedded/result/ А нужно чтобы темно-синий квадрат был под градиентом, то есть к низу прятался под белым градиентом. Добавление темно-синего квадрата (картинки) , через background-image не вариант, т.к. планируется вместо темно-синего квадрата разный контент (текст ,картинки) помогите как сделать?

    Asked by ishurgaya, December 22, 2015

    0 votes
    4 answers