HTML Coding

29,542 questions in this forum

1. Доработка кода

   Требуется мелкая доработка кода опенкарт. Есть ли кто в сообществе, кто этим занимается?

   Asked by Лелик, July 6, 2016

   • доработка кода
   0 votes
   0 answers
2. Правильное использование HTML и CSS в сообщениях электронной почты

   Дорогие друзья, растолкуйте, нуждаюсь в помощи. Как правильно верстать письма, тут пишут что нужно делайте все во встроенном (inline) стили. На западных же ресурсах, все используют классы, прекрасно работают с дивами и т.п. При попытке сделать на "западную манеру" был вежливо послан гуглом, яндексом и мейлом. Я в замешательстве.

   Asked by papay, July 8, 2016

   0 votes
   0 answers
3. Скрипт для перехода по внешней ссылке

   Нашел скрипт "Предупреждение о переходе по внешней ссылке" - habrahabr.ru/sandbox/78244/ Но, этот скрипт не работает в Файрфоксе при установленном АДБлоке. Страница вроде как открывается в новой вкладке но тут же, мгновенно, закрывается. Причем не важно, дождался пока таймер оттикает или кликнул для перехода - невозможно перейти. Скажите пожалуйста, можно ли как-то подправить скрипт для нормальной работы в Файрфоксе?

   Asked by alleclf, July 12, 2016

   0 votes
   0 answers
4. Отступы перед псевдоэлементом

   Приветствую! Проблема: добавил блоку псевдоэлемент (треугольный ). Абсолютно спозиционировал и отодвинул вправо на величину, равную ширине этого псевдоэлемента. Во всех браузерах работает нормально, но в некоторых мобильных Chrome добавляется отступ примерно в 1px между элементом и псевдоэлементом. От куда он? Как убрать? //Блок .news-img_tag-category { color: #fff; font-size: 0.75em; width: 71px; height: 20px; text-align: center; } //Псевдоэлемент .news-img_tag-category::after{ content:""; border-left:10px solid #812780; border-right:10px solid transparent; border-top:10px solid transparent; border-bottom:10p…

   Asked by mn8156, July 13, 2016

   • псевдоэлементы
   • отступы
   0 votes
   0 answers
5. Добрый день форумчане Проблема с передачей id

   Вопрос состоит в следующем на сайте есть коментарии выводятся они рекурсией под каждым коментарием есть ответ на него. Проблема состоит в следующем: При нажатии на кнопку ответ появляется модалка в которой и прописывается ответ на комент. После все передается на файл обработчик и заносится в бд. Но я не могу передать id того коментария на который происходит ответ (а это нужно обязательно). Пробовал в рекурсии id присваевать до переменной так тогда в переменную попадает либо первый id либо последний. Других мыслей как это сделать нет. Подскажите как это сделать? Вот здесь можете сами посмотреть как оно работает http://dronboy.esy.es/wiev_post.php?id=8

   Asked by DronBoy, July 18, 2016

   0 votes
   0 answers
6. Переход по внешней ссылке

   Видел на нескольких сайтах такую штуку - при клике по ссылке, новая страничка открывается в этой вкладке а та страничка где кликали в новой. То есть, вроде как наоборот чем надо. Может скажите где почитать о подобной реализации. Интересно.

   Asked by alleclf, July 25, 2016

   0 votes
   0 answers
7. Мобильная версия шапки

   Здравствуйте, подскажите как можно реализовать версию шапки для мобильного устройства, чтобы она была не такой пугающей как сейчас. Скрытый текст Хотелось бы чтобы текст был более упорядочен или сделать его мельче, для мобильных устройств, т.к. он через чур большой. На сайте использую бутстрап и само меню так же написано с его применением. Вот ссылка на сайт. Буду благодарен любой помощи и любому совету.

   Asked by MadSandwich, July 27, 2016

   • html
   • css
   • js
   0 votes
   0 answers
8. Адоптация размера шрифта -> VW

   Вечер добрый, ребят, блин ну не как не освою этот css, сделал сейчас как смог, но работает плохо. Помогите пож. Что нужно? 1. Размер шрифта должен адоптироваться автоматом к размеру дисплея/окна. 2. Слева нужны переключатели языка Пример как должно быть: http://nicolasjaar.net С чем не могу справится? 1. На мобильнике (Андроид, бруазер хроме) текст не полностью видно с переключателями языка в режиме портрет 2. Размер шрифта на некоторых экранах не полностью заполняет окно Вот мой актуальный вариант: <!DOCTYPE html><html> <meta charset="utf-8"> <head> <link rel="stylesheet" href="https://fonts.googleapis.co…

   Asked by bikklein, July 29, 2016

   • vw
   0 votes
   0 answers
9. Посоветуйте кликандер

   Здравствуйте! Есть сайт которому пофиг на поисковые системы, более того - он даже запрещён к индексации но трафик из различных источников не плохой. Посоветуйте кликандер благодаря которому можно конвертировать данный трафик, сайту пофиг на фильтры и прочие санкции, трафик есть и его никак не отнять! Может даже что-то лучше предложите чем кликандер? Была бы очень благодарна! Спасибо! Если понравится - могу зарегистрироваться по рефке!

   Asked by Anechka, August 5, 2016

   • кликандер
   0 votes
   0 answers
10. верстка с паралакс-эффектом и caroufredsel в фоне

    помогите разобраться с настройкой высоты и ширины картинок в caroufredsel. Я пытаюсь объединить параллакс эффект со слайдером caroufredsel в фоне. Но никак не могу добиться корректного отображения размеров картинок в слайдере Вот ссылка на fiddle:https://jsfiddle.net/user/pupsik111/fiddles/. А паралакс вроде бы работает.

    Asked by pupsik111, August 6, 2016

    0 votes
    0 answers
11. Кастомизировать circle bar на SVG или Canvas

    Здравствуйте. Помогите дописать внешний вид для circle bar. Нужно следующее - http://joxi.ru/E2pkNJdSBNZkWm Пока нашла 2 неплохих плагина, progressbar.js (SVG) и radialIndicator.js (Canvas). Как дописать тот красный кружок?

    Asked by kattiperk, August 7, 2016

    • svg
    • canvas
    • circle bar
    0 votes
    0 answers
12. Две ссылки на одну кнопку

    Ребята, оочень слабо смыслю в html, скомуниздил с сайта форму вместе с дизайном кнопки " <div class="inputs"> <input type="hidden" name="userip" value="" /> <input type="hidden" name="promo" value="" /> <input type="hidden" name="srcurl" value="" /> <input type="hidden" name="ctag" value="" /> <input id="firstname" type="text" name="firstname" class="name input" placeholder="Имя" /> <input id="email" type="text" name="Email" class="email input" placeholder="Email"…

    Asked by jack777, August 14, 2016

    0 votes
    0 answers
13. Меню с выпадающими блоками

    Есть 7 блоков. При нажатии на блок рядом с ним появляется еще один (на картинке синим цветом). На каждой строке должно быть максимум 4 блока. Проблема заключается в том, что при нажатии на 4 блок при открытом 3-м блоке, 7 блок переходит на третью строку. Необходимо каким-то образом перемещать блок на свободное место, то есть в конец первой строки. Аналогичная проблема при меньшем размере окна, когда блоков в строке 3, 2 и так далее.

    Asked by prostodenis, August 12, 2016

    0 votes
    0 answers
14. Фильтр html таблиц с помощью чекбоксов

    Здравствуйте! Подскажите, пожалуйста, есть ли готовое решение на javascript для фильтрации данных в html таблицах с помощью чекбоксов. Есть отличное решение с помощью поля поиска: http://www.listjs.com/examples/table А вот с чекбоксами я не нашел. Заранее благодарен за помощь.

    Asked by volshebnyi, August 15, 2016

    0 votes
    0 answers
15. Несколько рамок с текстом чтобы они были расположены горизонтально

    Здравствуйте. Хотел бы установить на свой сайт вот такую штуку, как на скрине: Чтобы именно 3 ячейки с текстом были такого вида. Желательно такие же округлые, но можно и прямоугольные. НЕ кнопки (происходит конфликт в коде и все кнопки на сайте перестают работать, даже если "disabled") Помогите пожалуйста.

    Asked by Alexey1111, August 15, 2016

    0 votes
    0 answers
16. Позиционирование картинок на заднем фоне

    Здравствуйте! Имеется картинка для заднего фона и ещё 2 файла, которые надо разместить поверх самого фона Хотелось бы узнать как можно разместить ipad и iphone на фоне, уменьшить их размер (сами они очень большиеа) и сделать растягивающийся фон Могу также оставить ссылку на psd если надо. Заранее благодарю

    Asked by Voilin, August 18, 2016

    • верстка
    • background
    • позиционирование
    0 votes
    0 answers
17. Убрать полосы по бокам

    Здравствуйте! Не могу понять, как убрать чёрные полосы по бокам видео. Вот скриншот А вот сам код : <div class="video-container"> <iframe src="https://vid.me/e/VWeY?stats=1" height="315" width="560" allowfullscreen="" frameborder="0"> </iframe> </div> .video-container { position: relative; padding-bottom: 58.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; } Благодарю за ответ!

    Asked by Zakonoposlushniy, August 19, 2016

    • css
    • html
    • frame
    • video
    0 votes
    0 answers
18. "Помехи" на бегущей строке-картинке

    Здравствуйте, ребята. Подскажите, почему выходят помехи на бегущей строке. Проблема именно в Интернет Эксплорер, в других браузерах все нормально. Скрин прилагаю. Буду рад любой подсказке. Спасибо.

    Asked by surlan, August 19, 2016

    0 votes
    0 answers
19. Нужен совет как сверстать такое

    Здравствуйте! Есть картинка, нужен совет по верстке. С хедером и футером и иконками проблем нет. Как сделать контент: слева и справа думаю как табы, (справа картинки с кратким описанием это кнопки табов, слева контент таба который меняется при клике),у видео также при клике менять SRC (Использовать плагин или тег <video>, ролики скачать или подключать с ютуба), или может я вообще не в ту сторону мыслю и все это делается иначе? Спасибо!

    Asked by dmitriy81p, August 20, 2016

    0 votes
    0 answers
20. Требуется создание логотипа

    Всем доброго времени суток ! Требуется логотип для мастерской по ремонту мобильных, планшетов и ноутов. Есть рабочее название "СОВРЕМЕННЫЙ СЕРВИС". Данный логотип будет использоваться на аватарке в ВК (то есть нужно выдержать размерность их авы), возможно на визитках, на будущем сайте и баннерной рекламе. Название следует расценивать как заглавие с продолжением. К примеру на вывеске большие и мощные СОВРЕМЕННЫЙ СЕРВИС по ремонту мобильных телефонов, модемов.... То есть в задумке само название должно нести и товарный знак. Но это неокончательный вариант в случае когда есть более интересное название (основное требование оно должно быть доступным для понимания любому возр…

    Asked by pinkod, August 23, 2016

    • для мастерской с готовым названием
    0 votes
    0 answers
21. Настройка шаблона

    Добрый день! Хочу сделать сайт, понравился шаблон. Я новичок в этом деле и у меня сразу возникли сложности. Вот что у меня получилось (результат). Рылся в коде, так и не разобрался как сделать что бы все заработало. Подскажите в каком направлении мне двигаться. Может у кого-нибудь была похожая проблема? Заранее спасибо.

    Asked by Aktaban, August 24, 2016

    0 votes
    0 answers
22. Проблема с резиновой вёрсткой!!!

    Доброго времени суток. Очень надеюсь на вашу помощь! Сразу даю ссылку на код https://jsfiddle.net/Lavrentyev/f5ygLoxp/5/#&togetherjs=L9Tx3aRbGa Проблема в том, что мне нужна резиновая шапка. Чтобы блок с выбором языка и кнопка входа при уменьшении экрана ехали влево, но при этом сама шапка не обрезалась. Когда я ставлю шапке min-width: 1280px то шапка не обрезается но и блок с выбором языка и кнопка входа остаются на месте (http://joxi.ru/52ayglEIdaYQ20), а если ставлю шапке width: 100% блоки едут как надо, но шапка понятно обрезается по ширине экрана. (http://joxi.ru/5mdogq5HZOd5r1) Не могу разобраться с этим. Помогите, пожалуйста. Немного разобр…

    Asked by lavrentyev, August 25, 2016

    • резиновая верстка
    0 votes
    0 answers
23. Добавление ссылки на canvas

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Test</title> </head> <body> <script> var canvas, ctx; function main() { canvas = document.createElement("canvas"); ctx = canvas.getContext("2d"); document.body.appendChild(canvas); canvas.style.background = '#BAE1EC'; } main(); </script> </body> </html> Как добавить ссылку на этот canvas с помощью innerHTML?

    Asked by Alexey89, August 27, 2016

    0 votes
    0 answers
24. Как подправить путь к изображению

    В шаблоне страницы движком выводятся миниатюры картинок. Мне необходимо вместо миниатюр отобразить оригинальные изображения. У меня есть строка вида: <img src="http://site.com/uploads/posts/2016-09/thumbs/image-1.jpg"> Надо получить: <img src="http://site.com/uploads/posts/2016-09/image-1.jpg"> То есть, из строки убрать "thumbs". Как можно такое сделать на PHP? На станице надо обработать 10-15 таких картинок.

    Asked by alleclf, September 9, 2016

    0 votes
    0 answers
25. flex: выравнивание по высоте

    помогите пожалуйста установить для каждого элемента .icon высоту, которая равна его ширине. элементу .icon я добавил круглую границу, нужно чтобы при любой ширине экрана кружочки не сплющивались. при этом все эти кружочки должны быть равномерно распределены по высоте экрана результат выглядеть должен приблизительно так: вот моя попытка html: <div class="wrap"> <div class="icons"> <div class="icons_item"><a class="icon" href="">1</a></div> <div class="icons_item"><a class="icon" href="">2</a></div> <div class="icons_item"><a class="icon" href=""&…

    Asked by cyklop77, September 13, 2016

    • css
    • flex
    0 votes
    0 answers