HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Правильное использование HTML и CSS в сообщениях электронной почты
Дорогие друзья, растолкуйте, нуждаюсь в помощи. Как правильно верстать письма, тут пишут что нужно делайте все во встроенном (inline) стили. На западных же ресурсах, все используют классы, прекрасно работают с дивами и т.п. При попытке сделать на "западную манеру" был вежливо послан гуглом, яндексом и мейлом. Я в замешательстве.
0 votes0 answers -
Верстка шкалы
Здравствуйте. Сделал такую адаптивную шкалу https://jsfiddle.net/x5pv92ox/, в которой будет меняться класс st-level-*, который применяет градиент с другими параметрами. Но мне кажется, что это можно реализовать как-то проще. Посмотрите, может у кого возникнет идея, как это лучше сделать.
0 votes2 answers -
Отступ от страницы
Здравствуйте, дорогие форумчане. Название темы не раскрывает суть моей проблемы, но к сожалению, я не смог выразиться яснее. Сейчас я покажу проблему в картинках и нижу под картинками будет ссылка на сайт, т.к. я не знаю в каком куске кода проблема. Такой отступ есть только на страницах с подарками, ни на одной другой странице такого нет, я не знаю в какую сторону уже копать. в стилях прописаны margin и padding 0, сброс стилей присутствует, но делу это не помогает( кусочек серой полосы, это уже от моего браузера, а вот этот белый отступ и нужно исправить. Вот ссылка на эту страницу. Спасибо всем, кто откликнется.
0 votes5 answers -
Резиновый 2-хколоночный макет
Здравствуйте! Вопрос простой для тех, кто набил руку на резиновой верстке. Есть макет из 2-х колонок, ширина - в процентах от ширины родителя. Нужно, чтобы ширина левой колонки изменялась в зависимости от ширины содержимого - в моем случае текста заголовка - внутри левой колонки. То есть текст изнутри растягивает левую колонку, правая остается без изменений. Как это можно сделать?
0 votes10 answers -
Автоматически добавлять единицы измерения к значению в поле формы.
Есть форма, в нее вводят цифры. Можно ли скрыто или не скрыто автоматически добавлять единицы измерения к значению? Передаю значение из формы сайта, в CRM систему. кусочек html <p>Количество проживающих<br /> <em>(от 1 до 100 человек)</em></p> <input id="number_of_people" name="number_of_people" style="border: 1px solid red;" type="text" /> человека кусочек php 'UF_CRM_146470' => $_POST['number_of_people'], // сохраняем Количество проживающих Например: Человек ввел в поле значение 10, а в "number_of_people" записалось "10 человек".
0 votes1 answer -
Как сделать такое на flexbox?
Нужно с помощью flexbox сделать такое Как это сделать? Пока что получается вот так
0 votes1 answer -
Доработка кода
Требуется мелкая доработка кода опенкарт. Есть ли кто в сообществе, кто этим занимается?
0 votes0 answers -
добавить в свой сайт шрифт Roboto
Всем привет, Хочу добавить в свой сайт шрифт Roboto Для этого захожу на https://www.google.com/fonts и выбираю настройки вроде <link href='https://fonts.googleapis.com/css?family=Roboto:400,700,400italic,700italic' rel='stylesheet' type='text/css'> Мне крайне не нравится что при способе с внешней ссылкой при работе на локальном сервере сайт лезет на гугл Это инода заметно тормозит Поэтому нашел ссылку и скачал файл fonts-master.zip в 262 MiB Судя по всему это ВСЕ файлы гугла? В каталоге Roboto есть файлы : METADATA.pb Roboto-BlackItalic.ttf Roboto-Black.ttf Roboto-BoldItalic.ttf Rob…
0 votes4 answers -
Какой способ вёрстки лучше?
Всем привет. Задумался тут над одной темкой. Практики в вёрстке у меня пока маловато, там пару макетиков создал по инструкции. Больше всего теорию изучал. Ну вот теперь хочу наверстать упущенное. И вот интересно, как лучше верстать сайт: с помощью CMS или вручную. Боюсь, что если буду вручную, то запутаюсь в коде. И ещё что хотел узнать: Хоть теории я и прочитал много, но всё равно пока путаюсь в CSS стилях. Понимаю, что знания того, какие стили использовать придёт с опытом. Но может есть какие-нибудь статьи, рассказывающие какие стили чаще всего используются или какие, например, всегда нужны в теге body (и других)?
0 votes3 answers -
Текст поверх картинки
Доброго времени суток. Столкнулся с проблемой при верстке сайта ресторана. По центру расположен логотип ресторана и немного залезает на контейнер с адресом и номером телефона. Проблема в том что из-за логотипа нельзя навести и выделить номер или адрес, тк картинка прозрачным полем на них заходит. Пробовал баловаться с z-index-ом, но ничего дельного не получилось. html Скрытый текст <div class="container header"> <img src="img/logo.png" class="logo" alt="Логотип гастробара Discovery"> </div> <div class="container main"> <div class="navigation"> <div class="mapandphone"><table…
0 votes4 answers -
Как сделать так чтобы элементы DIV перестали переходить на новую строку?
Постановка задачи: Имеется два слоя. Между ними должен находится просто текст (не в слое!! а просто текст). Пример <div id='a'></div>текст<div id='b'></div> Вопрос: Как сделать так чтобы вся эта конструкция находилась в одной строке и слой 'b' не переносился на новую строку?
0 votes19 answers -
Адаптивная вёрстка и как её постичь?
Доброго всем времени суток. Дошёл я в изучении до адаптивной вёрстки. И тут я как-то заплутал) Как я понял есть несколько способов сделать сайт адаптивным. Я понимаю, что многие готовые макеты на CMS уже имеют адаптивную вёрстку. Но хотелось бы научиться адаптировать сайты самому. Но вот информации для новичков в интернете как-то маловато по этому вопросу. Могли бы вы посоветовать несколько источников, книг там или видеоуроков по адаптивной вёрстке? Так, чтобы сразу стало понятно, что это за зверь и как с ним обращаться.
0 votes1 answer -
Неправильный вид кнопок на устройствах IOS
Добрый день, проблема в том, что на устройствах IOS кнопки на сайте, который я разрабатываю выглядят совсем иначе. Проблема актуальна для всех устройств с IOS. На Андройде выглядит как на скрине. Спрашивал двух знакомых front-end'ов, они незнают почему так. Вот сайт: http://finematras.ru
0 votes6 answers -
0 votes2 answers
-
Расширяемый хостинг
Всем привет. Задался тут вопросом, есть ли хорошие расширяемые хостинги. То есть, например, вначале у тебя маленький сайтик, поэтому и ресурсы нужны небольшие. Да плюс и не знаешь, будет ли востребованным сайт. Вот и получается нужен лёгкий, недорогой хостинг. А потом, если вдруг сайт будет расширяться или же ещё один сайтик добавится, этот хостинг расширить, так сказать купить более расширенный пакет. Так вот, если ли такие хостинги?
0 votes12 answers -
Не работает table width
тут есть 2 таблички - хотелось бы по ширине сделать 900 и по 300 каждую колонку table width не работает, видимо из за стилей .main-content table th как для этой конкретной страницы сбросить стили, чтобы работало table width в самой таблице
0 votes1 answer -
Не работает AutoPrefixer sublime text 3
Даже на знаю, где эту тему разместить. В общем, такая проблема. Устанавливаю плагин AutoPrefixer через Install Packages. Перезапускаю программу, пишу например border-radius: 5px; и нажимаю сочетания клавиш ctrl+alt+p - ничего не происходит. Пробовал и так запускать, и эдак - ничего не помогает. Node.js установлен. В чем может быть проблема? Заранее спасибо
0 votes2 answers -
.pro
Всем привет! Заинтересовала данная зона и хочу зарегистрировать в ней домен но мне пока много всего не ясно а хотелось бы заранее всё узнать... 1. У РегРу стоит копейки а сколько продление точно не известно, кто регистрировал или просто знает будьте добры, просветите... 2. Какая информация нужна для того чтобы его зарегистрировать? Какие данные потребуют? 3. Можно ли зарегистрировать просто частному лицу? 4. Каковы минусы данной доменной зоны или может быть даже подводные камни? Спасибо!
0 votes1 answer -
undefined index Undefined index
Undefined index в файле продукта tpl. Как устранить ошибку?
0 votes8 answers -
верстка блока с иконкой и рамкой, и текстом внутри
Здравствуйте. Подскажите начинающему, как правильно сверстать блок такого плана Скрытый текст (смотри рисунок) , когда по периметру идет граница, а на верху блока иконка возле которой границ нет, но потом есть. Попробовала все это сделать через background.. но не знаю, на сколько это правильно. Ну и хочу, чтобы все это адаптивно было. И как правильно верстать вот такое дерево блоков?
0 votes4 answers -
Какой хостинг под блог выбрать?
Доброго времени суток всем! С некоторого времени начал изучать вёрстку сайтов. И наконец решил сделать свой первый сайтик. И выбор пал на сайт типа блог. Сайт то я сделал, а вот с выбором хостинга появились проблемы. Вначале я так думаю посетителей будет не очень много. Да и неизвестно, когда их станет много. Вот я и подумал брать бесплатный хостинг бессмысленно. Значит нужен платный. Но для начала хотелось бы выбрать какой-нибудь недорогой хостинг, там с оплатой 200-300 рублей в месяц ( ну максимум до 500). А уж потом, если сайт раскрутится перенести его на более крутой хостинг. Просто не люблю тратить деньги, если не уверен в их окупаемости. Не подск…
0 votes4 answers -
Масштабируемый блок с видео на фоне
Приветствую! Установлен готовый шаблон на _http://www.free-solutions.net/ Под слайдер добавили фоном видео. Возможно ли добиться совпадения нижней границы слайдера и видео-фона при масштабировании? <video> перемещали в другие блоки, объединяли, пока ничего не помогает, только прописывание каждого шага через @media.
0 votes3 answers -
Крытые pdf файлы
Добрый при добрый день! Требуется реализовать такое: есть несколько файлов PDF, я их закинул в div none, и после нажатия они открываются, но проблема в том что страница долго грузится из за того что грузятся файлы в скрытом div. Как мне это обойти???помогите плиз ребят) Как то нужно сделать что бы только после нажатия на кнопку файлы подгружались
0 votes9 answers -
прокрутка для мобил
сайт на бутстрап есть страница с отображением итемов.на десктопе итемы отображаются всей пачкой если открыть на мобиле то итемы идут в высоту и нужно крутить сайт вниз есть простое решение чтобы для мобилы итемы выводились в виде карусели по 1 на экране?
0 votes0 answers -
Горизонтальная полоса прокрутку
Всем привет. Заметил, что на сайте появилась большая горизонтальная полоса прокрутки, не могу найти причину. Помогите, пожалуйста. http://a96362zl.bget.ru/
0 votes1 answer