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. Смещение блоков при масштабировании.

    Добрый вечер, уважаемые форумчане. Я пишу с нуля свой первый сайт и у меня на этапе верстки возникла проблема с размещением меню, что вкладывается в блок header. При масштабировании страницы, меню меняет свои значения: либо оно вылазит за пределы блока-родителя, либо не доходит до его границ (появляются неприятные белые полосы). Возникает вопрос, как зафиксировать меню так, чтобы масштабирование не меняло расположение его блоков? + при масштабе в 100% приходится использовать не целочисленное значения в отступах nav ul li a {padding:41.6px 50px;} для того, чтобы избавиться от белой линии под блоком (методом подгона). Хочется понять, как можно "вылечить" и этот де…

    Asked by Eugenice,

    0 votes
    1 answer

  2. transform - управление через jQuery

    Help! как из jQuery можно управлять анимацией CSS типо transform: scale(0.5) rotate(20deg); или : как на jQuery можно реализовать аналог анимации CSS типо transform: scale(0.5) rotate(20deg);

    Asked by Алекс123,

    0 votes
    1 answer

  3. Как выбрать следующий за нужным элемент?

    Есть такой код: <div class="field"> <input type="text" id ="email" name="email"> <label for="email" id="label_email">Введите Email</label> </div> <div class="field"> <input type="text" id ="namel" name="name"> <label for="name" id="label_name">Введите ваше имя</label> </div> <div class="field"> <input type="text" id ="country" name="country"> <label for="country" id="label_country">Введите страну</label> </div> <div class="field"> <input type="text" id ="city" name="city"> <label for="city" id="label_city">Введите город&…

    Asked by sergei8550,

    0 votes
    1 answer

  4. Периодичность показа всплывающего окна.

    Добрый день всем, кто помогает таким балбесам, как я! С внешним видом всплывающего окна кое-как разобрался, хотя не уверен, ткните, если что не так, а вот с периодичностью показа не разобрался, во всяком случае, не работает. Исходники брал тут, а макет пока тут. Прошу не пинать, а помочь, т.к. в скриптах я не разбираюсь вообще, да и в хтмл не асс. Спасибо!

    Asked by Vic-Tor,

    0 votes
    25 answers

  5. Установка цвета через JavaScript

    Дан код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>пара</title> <script> for(i=0; i<elem.length; i++) { alert(elem[i]); } function lol(nan) { var i; var elem = document.getElementById("sas"); elem.style.color = nan; } </script> </head> <body> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <button onclick="lol('red')">Красный</button> </body> </html> При нажатии…

    Asked by ErUnDAK,

    0 votes
    3 answers

  6. открытие содержимого при наведении мышки

    Подскажите для начинающего программиста.Как сделать что бы при наведении мышки открывалось содержимое.Надеюсь получить ответ как можно скорее.

    Asked by serghan,

    0 votes
    1 answer

  7. Тень у 6-ти угольной кнопки

    Подскажите пожалуйста можно ли как то сделать тень, а именно эффект вдавливания при hover, именно для этой формы кнопки. https://jsfiddle.net/urd76pkp/

    Asked by Konstantin99,

    0 votes
    1 answer

  8. как сделать чекбоксы

    Подскажите, как сделать чекбоксы вроде http://imgur.com/a/NUfi0 совместимые с bootstrap ? Спасибо!

    Asked by mstdmstd,

    0 votes
    3 answers

  9. средний div на всю оставшуюся ширину

    Добрый день. Есть три элемента(кнопка, див, кнопка). Необходимо расположить их в таком порядке: кнопка прижатая к левому краю, кнопка прижатая к правому краю, див на всю ширину между кнопками. Пробую так:https://jsfiddle.net/dahilu/w82yhgn0/3/. Подскажите что нет так?

    Asked by Danil S,

    0 votes
    3 answers

  10. Можно ли сделать slideDown для модального окна arcticmodal

    Для модального окна использую Jquery плагин arcticmodal https://arcticlab.ru/arcticmodal/#docs но нужно что бы окно появлялось как в методах slideDown и slideUp. Обращаюсь сюда так как в документации сказано что есть только 2а эффекта fade и none. Можно ли как то это реализовать?

    Asked by Konstantin99,

    0 votes
    0 answers

  11. Не работает калькулятор

    Добрый день, уважаемые завсегдатаи форума. Есть такой калькулятор http://tg.seodacha.ru/index2.html. На этой странице все работает. Вставляю тот же самый калькулятор через админку сайта и калькулятор не работает. Вот сейчас тут http://tg.seodacha.ru/content/kalkulyator При клике на "Необходимость котла" http://joxi.ru/XEA4wkPfLaEB2b не появятся этот список http://joxi.ru/Y82Q8Y6TYRxBmd При вводе исходных значений здесь http://joxi.ru/LVm6wQPfO7pZ2Z не происходит расчет, а тут http://tg.seodacha.ru/index2.html все нормально работает Дело в верстке?

    Asked by smirn0ff,

    0 votes
    1 answer

  12. Перемещение виджета ВКонтакте вверх по левой колонке.

    Добрый день! Работаю над своим сайтом сама, знаний мало, но как могу, что-то получается, что-то нет. Прошу помочь мне с одной простой вроде бы задачей. http://efori.ru/ вот сайт. На нем адаптивный шаблон. Я установила на него виджет ВК и привязала к левой колонке. Но получается так, что она находится либо слева под центральным контейнером, либо слева над центральным контейнером. А мне нужно расположить ее прямо напротив, рядом с центральным контейнером. В файле стилей я пыталась его поднять таким образом column-left .theme-wrap .container, #column-right .theme-wrap .container { padding: 0; width:100%; position:relative; top…

    Asked by navpetrova,

    0 votes
    0 answers

  13. SVG-sprite in IE11

    Всем привет! Столкнулся проблемой отображения svg спрайтов в ie11. Есть два варианта: В 1ом варианте svg экспортировал через плагин generate в photoshop 2015. Hаботает во всех браузерах, но не реагирует на css, даже если почистить все атрибуты у svg. Во 2ом сложнее сохранял как .ai и конвертировал в svg. Не работает только в ie11 (версии ниже не проверял), но реагирует на css, причем не отображаются только некоторые иконки. Спрайт прикрепляю сразу после открывающего тэга body и скрываю его. Обращаюсь к спрайту через, например: svg.contacts__flag(width="60", height="90") use(xlink:href="#flag")

    Asked by Schamil74,

    0 votes
    3 answers

  14. SVG-sprite in IE11

    Всем привет! Столкнулся проблемой отображения svg спрайтов в ie11. Описываю проделанные мною два варианта: В 1ом варианте svg экспортировал через плагин generate в photoshop 2015. Работает во всех браузерах, но не реагирует на css, даже если почистить все атрибуты у svg. Во 2ом сложнее сохранял как .ai и конвертировал в svg. Не работает только в ie11 (версии ниже не проверял, но это и не нужно), но реагирует на css, причем не отображаются только некоторые иконки. Спрайт прикрепляю сразу после открывающего тэга body и скрываю его. Обращаюсь к спрайту через, например (синтаксис pug: svg.contacts__flag(width="60", height="90") …

    Asked by Schamil74,

    0 votes
    2 answers

  15. Блок размером окна в блоке на странице с overflow hidden

    Здравствуйте. В общем есть задача в блок А на странице разместить блок Б с размером окна браузера, при этом блок Б должен быть зафиксирован, т.е. быть не подвижным при скроле. И видно только ту часть что расположена внутри блока А. Манипуляции с position:fixed z-index не к чему не привели. Точнее блок Б становится выше фона страницы и показывается за пределами блока А. https://yadi.sk/i/8pHOa7YD3GsjXc

    Asked by clgs,

    0 votes
    1 answer

  16. Блок на оставшуюся ширину/ высоту страницы

    Всем привет. Хочу сверстать несколько блоков на странице. Шапка, с фиксированной высотой, шириной 100%. Затем 2 блока. Левый блок с шириной 200px, правый блок, который бы занимал всю оставшуюся часть страницы. Footer фиксированной высотой, шириной 100%. Пример во вложении, или по ссылке: Макет Проблема вот в чём. Как сделать правый блок (3 на макете) размером на всю оставшуюся часть страницы. И как вообще сделать блоки 2 и 3 высотой на всю оставшуюся часть страницы таким образом, чтобы скролл появлялся только в блоках 2 и 3 если контента в них очень много и этот контент вылазиет за пределы блоков? Вот что смог пока сделать: https://js…

    Asked by fenix_63,

    0 votes
    1 answer

  17. Ссылка на телефон и WhatsApp

    Как сделать ссылку на телефон, чтобы при нажатии, пользователь мог выбрать позвонить либо написать в WhatsApp?

    Asked by Meyirim,

    0 votes
    3 answers

  18. Вопросы по современным технологииям создания сайта и приложений

    Предисловие Добрый День! Ранее лет 10 назад занимался программированием на делфи, также с помощью конструкторов создавал сайты. Сейчас стоит задача сделать сайт + мобильную версию сайта + приложение (в будущем). Нужен ваш совет по нескольким вопросам чтобы сразу не идти по неверному пути. Чтоб в общем не оказалось что язык программирования не верный выбран, база данных не та, движок не тот и т.п. Может начну сам, может привлеку специалиста - но все равно хочу быть погружен в теме. О проекте Представляет собой базу данных объектов, которых я вижу 1. на карте в виде точек (или статично по месту прописки или лучше динамически с при…

    Asked by evgengold,

    0 votes
    1 answer

  19. Помогите разобраться в поведении браузера

    Ребятки, помогите понять почему вот так ведет себя браузер. Есть див со 100% шириной и высотой 50рх. Цвет для наглядности поменял, почему при изменении экрана блок не остается 50рх в высоту? Почему он вместе со всем содержимым сжимается игнорируя четко заданные параметры? Выше 980рх он тянется, а ниже он 980 и не меньше, весь блок просто сжимается в размерах вместе с содержимым. Мне нужно посмотреть как блоки падать будут, куда они съезжаются а оно просто все уменьшило и не понятно что с этим делать. Медиа запросов в коде нету, есть один блок для примера и в css ширина, высота и цвет этого блока.

    Asked by sergei8550,

    0 votes
    1 answer

  20. Вопрос про значения атрибута href

    Здраствуйте. Не могу найти в спецификации описание значений к атрибуту href такие как mailto,tel,ftp,Описываются ли они там вообще?

    Asked by Ramas,

    0 votes
    2 answers

  21. не корректная работа transition

    Добрый день. При наведении на родительскую ссылку, дочерняя картинка и текст плавно меняют прозрачность: <a href="/pages/viewpage.action?pageId=936411868"><img src="/download/attachments/978223304/tk.png"/><span>Вакансии</span></a> .colo > div a span, .colo > div a img { transition: all .5s linear 0s; -o-transition: all .5s linear 0s; -moz-transition: all .5s linear 0s; -webkit-transition: all .5s linear 0s; -ms-transition: all .5s linear 0s; } .colo > div a:hover img, .colo > div a:hover span {opacity: .7;} Но помимо прозрачности происходит изменение размеров картинки, где то пикселей на 1-2. …

    Asked by Indorill24Empty,

    0 votes
    1 answer

  22. Помогите новичку с выравниванием

    Asked by Vlad1,

    0 votes
    1 answer

  23. Спрайты в CSS

    Доброго времени суток! Я совсем недавно начал изучать HTML и CSS. И столкнулся с проблемой того, что многие программы, обучающие видео на YouTube и просто информация немного устарели. Мне известно, что чтобы стать хорошим верстальщиком, нужно идти в ногу со временем, а посему решил задать следующий вопрос на форуме: Используются ли в CSS спрайты в настоящий момент? И если нет, то какая альтернатива существует? Есть ли обучающий контент по этой теме? Заранее благодарю.

    Asked by 3dGamerUA,

    0 votes
    1 answer

  24. Выравнивание блоков по центру используя свойство: text-align

    Добрый день! Иногда возникает потребность размещать блоки по центру, не задавая родителю фиксированной ширины.( то есть без использования margin :0 auto,и т.п), Ширина блока равна их содержимому. А сами блоки имеют фиксированную ширину в пикселях. Свойства display: inline-block и text-align:center позволяет так сделать. Например http://jsfiddle.net/greenrow/0jaw9bn9/ Это очень удобно при адаптивной верстке (например фото-галлерея), все элементы автоматически выравниваются по центру и не надо использовать css media queries; Смущает использование строчных стилей для блочных элементов: text-align:center для div, как то не очень... Вопрос: ест…

    Asked by greenrow,

    0 votes
    4 answers

  25. Не отображается русский текст при использовании css

    При использовании css весь русский текст изменяется на что-то подобное: аЄаОбаО аНаЕаКббб аГаЛаАаВаНаАб ааАаДаИаМ Без css все работает нормально. Содержисое css: .button{ text-decoration:none; text-align:center; padding:11px 32px; border:solid 1px #004F72; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius: 4px; font:18px Arial, Helvetica, sans-serif; font-weight:bold; color:#E5FFFF; background-color:#3BA4C7; text-decoration:none; text-align:center; padding:11px 32px; border:solid 1px #004F72; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius: 4px; font:18px Arial, Helvetica, sa…

    Asked by Kythadrin,

    0 votes
    3 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