Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Как растянуть слайдер на всю секцию?

    Есть футер и есть шапка. Футер не фиксированный. Между ними контент. Первый экран контента один большой слайдер. Как его растянуть на всю секцию первого экрана? Шаблон адаптивный. Максимальная ширина контента 1200px. Пробую прикрутить jquery плагины со слайдерами, но как их вытянуть на высоту 100%? Думал через абсолют, но во всех слайдерах чёрт ногу сломит и где-то глубоко в коде скриптом задаются стили и позиционирование. И не факт, что абсолютом заведётся. То есть в итоге задача растянуть по высоте и ширине слайдер или бэкграунд слайдера, что бы он был на всю ширину экрана и резиновый по высоте. Но контент слайдера должен быть максимально по ширине 1200px при…

    Asked by tefery,

    0 votes
    5 answers

  2. Как сделать скролл на один экран вниз?

    Посередине первого экрана будет кнопка скрола ко второму. Что нужно писать в джиквери, что бы прокрутить вниз на один экран?

    Asked by tefery,

    0 votes
    2 answers

  3. Работа с псевдоклассом :not

    Как правильно сделать, чтобы в классе "lol" был текст зелёного цвета, в классе "loli" красного? И всё через псевдокласс :not. <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Тег input, атрибут type</title> <style> </style> </head> <body> <div class="lol"> <p>Один</p> <p>Два</p> <p>Три</p> <div class="loli"> <p>Четыре</p> <p>Пять</p> <p>Шесть</p> </div> </div> </body> </html>

    Asked by ErUnDAK,

    0 votes
    2 answers

  4. Шрифт на андроиде

    Добрый день! Может, кто сталкивался с такой проблемкой..Когда открываешь сайт на мобильном устройстве андроид, то в некоторых местах шрифт в блоках становится больше. Из-за чего это может быть? Как сделать, чтобы шрифт не увеличивался? meta тег <meta name="viewport" content="width=device-width, initial-scale=1"> - вставлен.

    Asked by Джулия,

    0 votes
    0 answers

  5. Как подключить шрифт

    Привет, подскажите как подключить шрифт "apple system " к своему сайту ? Такой же использует "Вконтакте" Или Helvetica Neue

    Asked by Анатолий1944,

    0 votes
    0 answers

  6. Почему не работает псевдокласс

    <input name="search" type="text" placeholder="Поиск..."> input:after{ content: ""; display: block; width: 20px; height: 10px; background: black; margin: 20px 0; } Не понимаю должен блок появляться https://jsfiddle.net/gnzrnko8/

    Asked by aqua.77,

    0 votes
    5 answers

  7. Проблема с hover отображением и ссылками

    Здравствуйте, я решил сделать сайт по шаблону от wix.com, я только учусь, вот не могу понять как сделать так что бы блок с картинкой заливался желтым с opacity 0.6 где-то и в то же время что бы эта картинка была ссылкой на саму себя но в окне галереи от fancybox. У меня заливка желтым уже стоит через hover, но картинка не работает как ссылка, если я убираю hover то ссылка становится активной и галлерея работает как задумано. Вот ссылка на шаблон сайта: http://ru.wix.com/website-template/view/html/1642?originUrl=http%3A%2F%2Fru.wix.com%2Fwebsite%2 Ftemplates%2Fhtml%2Fall%2F2&bookName=&galleryDocIn dex=7&category=all Вкладка "О нас", внизу есть фото к…

    Asked by Invert,

    0 votes
    0 answers

  8. иконки поста выполненны через стили

    Всем привет, по ссылке ref Под текстом "Launch your startup smarter a" есть 4 иконки выполненны через стили <div class="border-icon border-icon-1"> <span class="icon-icon1"></span> </div> Определенные как : .border-icon-1 { padding-top: 35px; } .border-icon-1 span { font-size: 57px; } .icon-icon1:before { content: "\e917"; } ... Вопрос в том, что если применить эту верстку к Wordpress-у чтобы отображать посты и можно было в новых постах как-то отображать аналогичные ярлыки для других постов ? Админ сайта в админке постов : 1) Выбирает ярлык и записывает его в скажем в поле Custom Fields 2) Обработчик на фронт…

    Asked by mstdmstd,

    0 votes
    1 answer

  9. Текст на всю ширину блока

    Практикуюсь в верстке и столкнулся с проблемой. есть блок и параграф в нем и текст не расширяется на весь блок Есть пример: Пример Версаю с планшета и скрине с него:

    Asked by ds[sms],

    0 votes
    0 answers

  10. Выпадающее меню поверх другого блока

    Добрый день всем, возникла проблема с адаптивностью меню, реализовал выпадающее меню, Но оно сдвигает нижний блок "Услуги мастерской". Теперь сам вопрос, как реализовать меню, что бы оно не сдвигало блок услуг, а легло поверх, т.е перекрывало его.

    Asked by Владимир Горинов,

    0 votes
    2 answers

  11. Как сделать слайд блока на чистом JS?

    Приветствую всех! В общем на html странице есть 2 блока: с приветствием и кнопкой и второй блок с калькулятором. Хотелось бы сделать, чтобы при нажатии на кнопку первый блок плавно сдвигался влево и исчезал(как бы за границу экрана), а второй плавно появлялся на его месте. Все как бы работает, но как я понял display:block ломает всю анимацию, то есть второй блок появляется не плавно. Подскажите как лучше это реализовать. Хотелось бы просто, без jQuery. Вот код <div id="content"> <div id="welcome"> <a href="#" id="try-it"/> </div> <div id="calc-wrapper"> </div> </div> #welcome { transition: all 1s ease-in; } …

    Asked by hetsketch,

    0 votes
    5 answers

  12. Пропорционально высота блока относительно ширины

    Как реализовать чтобы при уменьшении ширины блока пропорционально уменьшалась и высота? https://jsfiddle.net/31zxeozo/

    Asked by aqua.77,

    0 votes
    2 answers

  13. Проблемы с htaccess

    Не подключается файл .htaccess( закинул его на хостинг, но гугл спид так и не показывает что файлы кэшируються - вот сам код htaccess <ifModule mod_expires.c> # Add correct content-type for fonts AddType application/vnd.ms-fontobject .eot AddType application/x-font-ttf .ttf AddType application/x-font-opentype .otf AddType application/x-font-woff .woff AddType image/svg+xml .svg # Compress compressible fonts AddOutputFilterByType DEFLATE application/x-font-ttf application/x-font-opentype image/svg+xml ExpiresActive On ExpiresDefault "access plus 5 seconds" # Cache Images ExpiresByType image/x-icon "access plus 2592000 seconds" ExpiresByType image/jpeg "access…

    Asked by Владимир Горинов,

    0 votes
    5 answers

  14. Remove bootstrap XS size

    Здравствуйте! Проблема такого рода: Я использую Bootstrap 3 при вёрстке, у меня есть выполненная вёрстка для SM, MD и LG разрешений. Мне необходимо сделать так, чтобы на XS разрешении всё выглядело так же как на SM, тоесть мне нужно чтобы появились горизонтальный и вертикальный скроллы + ничего не коллапсировало. Подскажите пожалуйста как правильно решить мою проблему.

    Asked by Crossfield,

    0 votes
    14 answers

  15. Svg картинки

    Привет форум. Хотел спросить как добавляются или создаются картинки в формате svg. Они рисуются на отдельном редакторе а после компилированный код добавляется в html файл? Можно ли из растровой картинки сделать svg? и если можно какие нибудь уроки подробные Спасибо.

    Asked by aqua.77,

    0 votes
    1 answer

  16. Помогите убрать отступ от шапки

    Не могу убрать отступ от меню до шапки вообще не как все перепробовал, но я не очень шарю https://gyazo.com/c4d35eea66b03d4011578bab66670504

    Asked by ewee,

    0 votes
    6 answers

  17. ссылки в подписи письма

    Добрый день, нужно создать кнопочку для подписи эл. письма - понравилось или нет обслуживание. Схема такая: Есть отдел из 15 менеджеров и одного начальника. Менеджер S1 пишет письмо своему клиенту R1. В подписи письма – 2 кнопки (понравилось-не понравилось). Клиент оценивает работу менеджера и жмет на кнопку. Письмо с оценкой приходит не менеджеру, а его начальнику, и он видит, что клиент R1 a) недоволен, б) кем недоволен (S1). Т.е., мне нужно, чтобы при клике на кнопку шла отправка письма на адрес контролера и чтобы он видел, что письмо отправлено клиентом такого-то менеджера. Зашить тему и ответ "да"-"нет" - понятно как, адрес R1 появится сам по себе…

    Asked by tamazzzi,

    0 votes
    0 answers

  18. Как подобрать шрифт

    Привет, как быть если шрифт который предоставлен для макета в гугл/фонтс платный? есть ли альтернативный сайт с бесплатными шрифтами? Пытался подобрать похожий, но это нуторное дело искать в куче шрифтов похожий. Просто хочу сделать пиксел в пиксел.

    Asked by aqua.77,

    0 votes
    1 answer

  19. Background обрезается

    Здравствуйте, У меня возникла проблема с background -ом когда изменяется масштаб окна браузера. Когда масштаб большой (>100%) , background который находится на полосе прокрутке просто НЕТ, а когда масштаб маленький (<100%) он растягивается. Растягивается потому что стоит width:100%, background-size:cover; (>100%); А вот как сделать чтобы background всегда был на всё окно + с полосами прокрутки (<100%). Очень признательный буду если кто сможет помочь и объяснить? Как лучше верстать фиксированной, резиновой, адаптивной и отзывчивой вёрсткой?

    Asked by Bts,

    0 votes
    1 answer

  20. Как узнать,что создаёт падающие снежинки?

    Здравствуйте. Помогите, пожалуйста, понять, как вычислить, что создаёт падающие снежинки на сайте. Поиск в коде по .js меня ни к чему не привёл, нашел только div с классом snowfield, скрипт не пойму, как найти

    Asked by borus,

    0 votes
    5 answers

  21. Не отображается страница в uc browser

    Вот страница, которая не отображается https://dandirector.github.io/thermasteel/ проблема обнаружена на android 4.2.2 в uc brouser, хотел бы отметить, что вместо верстки видно просто белый экран. В других браузерах все гуд.

    Asked by dandirector,

    0 votes
    0 answers

  22. Помогите подогнать меню и подвал

    Помогите нормально уложить меню и подвал сделать во всю ширину index.js site.html styl.css

    Asked by ewee,

    0 votes
    0 answers

  23. Вывод определенной информации с другого сайта

    Здравствуйте! Новичок в html, поэтому прошу помидорами не кидаться, спасибо. Суть в следующем. Мне для музыкального блога необходимо, чтобы определенный кусок информации с указанного сайта, переместился на мой. Проще говоря, хочется как-то систематизировать создание новых постов. Возможно пока не совсем понятно изъясняюсь, но приведу пример. Есть такой известный магазин iTunes. Так вот. Мне очень необходимо скопировать то, что написано здесь в текст То есть чтобы вывело Genres: Dance, Music, Electronic Released: Oct 21, 2016 ℗ 2016 Atlantic Records UK, a Warner Music Group company В общем все то же самое. Но суть не в этом.…

    Asked by frinightbitch,

    0 votes
    0 answers

  24. Путь к файлу css

    Подскажите пожалуйста правильный алгоритм путешествия к файлу main.css, у меня index.html находится в дочерней папке, как именно указать в хеде путь к главному css

    Asked by Владимир Горинов,

    0 votes
    3 answers

  25. укажите на основные ошибки верстки

    "учу" верстку уже очень долго но из за того что нет мотивации кроме как хочется но не колоситься научился не многому как я уже писал укажите на основные ошибки ибо знакомых верстальщиков нет хотелось бы развивать навык но из за того что не нахожу подходящей вакансии со стажировкой хоть как то применить знания и увидеть все изнутри в общем там большой прирост с подобной практики из за этого приходится просить вас. Заранее спасибо за потраченное время. https://spartak987.github.io/

    Asked by spartak9871,

    0 votes
    5 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept