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

29,542 questions in this forum

  1. stylus

    Нужен учебник по stylus на русском. Дайте ссыль.

    Asked by torsar,

    0 votes
    0 answers

  2. postcss

    Нужен учебник по postcss на русском. Дайте ссыль.

    Asked by torsar,

    0 votes
    0 answers

  3. Выравнивание как проблема верстки

    Какой раз я сталкиваюсь с проблемой: если в одном месте вставишь элемент (рисунок, текст), то в каком-то другом месте происходит выталкивание других элементов. Как обойти эту проблему в коде, для того чтобы рисунки (иконки) располагались слева от пунктов меню Каталог товаров (и чтобы пункты меню типа Крупная техника для кухни, Крупная техника для дома располагались по центру блоков): <html> <head> <link rel="stylesheet" href="mysite.css"> </head> <body> <div class="mainwrap"> <div class="mainmenu"> <span> <span> <button data-toggle="dropdown" data-target="#menu" c…

    Asked by newmandvin,

    0 votes
    1 answer

  4. Помогите решыть проблему с блоком

    верстаю свой первый макет и сталкнулся с проблемой. кто сможет помочь? с обяснением, фото //CSS фото //HTML фото //Макет фото // Как получается у меня

    Asked by Stacuha,

    0 votes
    1 answer

  5. Как вставить flex-элемент

    Всем привет. Возник вопрос, как вставить элемент (картинка прилагается) на флексах всю голову уже сломал, возможно, я просто глупый и не могу понять.

    Asked by goru00,

    0 votes
    1 answer

  6. Как выстроить в 1 строку ссылку с картинкой?

    У меня есть 2 ссылки с картинкой (стрелка), мне нужно разместить их зеркально друг от друга (типа назад и вперёд), пробовал через div но оно на разных стоках. Если просто отдельно для каждой делать, то они на разных высотах по (y) пикселей 5 (фиг знает). Подскажите как можно их выровнить

    Asked by MadlYSmiling,

    0 votes
    1 answer

  7. Background параметры

    Добрый день. Подскажите пожалуйста какие параметры background задать в разделе Contact US, чтобы континенты отображались как в приложенном макете, но при этом не задавать в пикселях высоту всему этому блоку work-07.psd . И как вообще реализовать такой переход background ?

    Asked by Romario1985,

    0 votes
    1 answer

  8. Открыть ссылку в новом окне!

    {** block-description:text_links **} {if $block.properties.show_items_in_line == 'Y'} {assign var="inline" value=true} {/if} {assign var="text_links_id" value=$block.snapping_id} {if $items} {if $inline && !$submenu} <div class="ty-text-links-wrapper"> <span id="sw_text_links_{$text_links_id}" class="ty-text-links-btn cm-combination visible-phone"> <i class="ty-icon-short-list"></i> <i class="ty-icon-down-micro ty-text-links-btn__arrow"></i> </span> {/if} <ul {if !$submenu}id="text_links_{$text_links_id}"{/if} class="ty…

    Asked by DonCarlo,

    0 votes
    2 answers

  9. Что у Вас было с <html> и <body> (легчайший вопрос, тут нет простыни из кода)

    Привет форумчанам. Пытаюсь научить себя верстать) Хочу попросить Вас поделитЬся опытом на тему тегов <html> и <body> и <head> Какие атрибуты вы на них вешаете в вашей стандартной рыбке при написании нового сайта? Частенько видел такое: body{ padding: 0px; margin: 0px; } Это НОРМАЛЬНО? Или топорно и так нельзя? И еще маленький вопрос в догонку. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Имя окна</title> <style></style> </head> <body> </b…

    Asked by GRAY,

    0 votes
    2 answers

  10. Интерактивные элементы расположены слишком близко

    Может кто-то подскажет... Есть область под хлебные крошки между меню и записью. Вставляю с помощью кода слайдер на главную, все отлично, настраиваю слайдер адаптивный, все работает. Но, есть один момент, что проходит совсем немного времени и если зайти в search console гугла, то он начинает ругаться, что интерактивные элементы расположены слишком близко. Как решить такую проблему? Посмотреть можно по ссылке на сайт. Нужна помощь или совет, как решить или хотя бы направление в каком искать... спасибо

    Asked by Yankee,

    0 votes
    1 answer

  11. Вложенные таблицы. Проблема с отображением рамок вложенных таблиц

    Здравствуйте! Прошу помочь мне советом по оформлению вложенных таблиц. Пример по ссылке: https://jsfiddle.net/formikulo/895fnhzc/1/ Проблема заключается в том, что рамки между вложенными таблицами в Таблице 2 выглядят жирнее, чем остальные. Хотя для всех линий задана одна толщина 1px. Как сделать так, чтобы все рамки были одинаковой толщины?

    Asked by Formikulo,

    0 votes
    15 answers

  12. Сдвиг текста

    HTML: <div class="sidebar"> <h2>Рейтинг новостей</h2> <ul> <li><a href="#">Первый</a><span class="rating_sidebar">8.1</span></li> <li><a href="#">Второй</a><span class="rating_sidebar">7.9</span></li> <li><a href="#">Третий</a><span class="rating_sidebar">6</span></li> <li><a href="#">Четвертый</a><span class="rating_sidebar">5</span></li> </ul> </div> …

    Asked by newabuser,

    0 votes
    1 answer

  13. Как правильно выставить отступы (Вопрос от новичка)

    подскажите что не так? отступы ставлю как на макете, а текст прижимается к картинке <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="asecs/css/style.css"> <title>Five Stars Room</title> <link rel="preconnect" href="https://fonts.gstatic.com"> </head> <body> <header> <div class="container"> <div class="top-bar"> <div class="header-inner"> <div class="top-logo" >Logo</div> <nav class="nav"> <a class="link-nav" href="#">…

    Asked by rustamXx,

    0 votes
    0 answers

  14. Фиксированный заголовок таблицы в css

    Добрый день. Можно ли как то реализовать так, чтобы часть таблицы закрепилась, а на определенном месте отлипла. (в конце таблицы в частности) Нужно для просмотра большой таблицы(в высоту), чтобы при прокрутке вес размер и прочие атрибуты в заголовке листались пока смотришь, а когда дальше таблицы скролишь чтобы заголовок на верх вернулся.

    Asked by robibestplay,

    0 votes
    2 answers

  15. Неравномерный градиент

    С помощью градиента в качестве фона хочу подсвечивать колонки в макете. Чередуются красные полосы процентной ширины с зелеными полосами фиксированной. В теории все вроде бы просто, на практике ширина зеленых полос различна + присутствует размытость. Что я делаю не так? Демо

    Asked by br3t,

    0 votes
    3 answers

  16. появляются тонкие серые полосы ни как не получается убрать

    ПОМОГИТЕ!!! Сделал анимация фона через div, а не body и появились со всех сторон тонкие серые полосы которые ни как не убираются. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>LEGO MINECRAFT 2021</title> <link rel="icon" href="https://www.gongoll.de/media/image/cf/3d/18/lego-logo-04.png"> <link rel="stylesheet" href="../CSS/css.legominecraftyears.css"> </head> <body style="background-color: gray; width: 1903px; height: 1540px;"> <!--КОРОБКА ДЕЛАЮЩАЯ МЕНЯЮЩИЙСЯ ФОН--> <div class="module-slider-background" style="display: flex; flex-…

    Asked by __kirill__,

    0 votes
    1 answer

  17. Можно ли убрать пустое пространство

    Я взял способ от скрыто / открывающего навигационного меню. Скрыл раздел в теге главная обернутый в li. Как убрать пустое пространство между main и нижним колонтитулами

    Asked by AlexandrPrazdnikov,

    0 votes
    0 answers

  18. Адаптивность колонок

    Подскажите, пожалуйста, что можно прописать, чтобы при уменьшении разрешения экрана колонки справа смещались вниз? Весь код в песочнице https://jsfiddle.net/fzbkeLyt/ Пробовала: Но не сработало. @media (max-width: 1200px) { .container { max-width: 970px; } } @media (max-width: 992px) { .container { max-width: 750px; } } @media (max-width: 767px) { .container { max-width: none; } }

    Asked by Алеся,

    0 votes
    3 answers

  19. Многоколоночное боковое выпадающее меню

    1. Как выделить пространство для меню? (на этом пространстве нарисована красная линия - прямоугольная область вокруг пунктов меню) 2. Как добиться многоколоночности меню как на сайте [url]https://positronica.ru/[/url] (как на рисунке ниже 2-хколоночности)?

    Asked by newmandvin,

    0 votes
    0 answers

  20. Проблема с любимым "Липким" - sticky

    Дримвивер выдаёт критическую ошибку по представленной первой строке кода. Не могу разобраться и найти решение так же не могу. Прошу помощи, может кто сталкивался. @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } Ошибка: строка 6306, столбец 13: Duplicate property 'position' found. (Обнаружена повторяющаяся "position" свойства.)

    Asked by PoliWik,

    0 votes
    1 answer

  21. Вопрос по верстке с display: inline-block;

    Доброго дня, изучаю верстку и столкнулся с такой проблемой. Ссылка - http://aaxx.ru/. Увеличивая текстовое содержимое в красном контейнере (1), я сдвигаю вниз синий контейнер(2). Но, я не могу сверстать красный и синий контейнер display: blockами, т.к. они должны быть на одной строке, а не друг под другом. Только display: inline-block; - но тогда синий едет вниз. Как быть? Скринчик прилагаю.

    Asked by GRAY,

    0 votes
    2 answers

  22. Адаптивная верстка блоков сайта

    Здравствуйте! Только начинаю делать сайты, прошу помощи в следующем вопросе. Сайт использует систему сеток bootstrap-4. На главной странице идет перечень товаров-блоков. Причем, необходимо сделать так, чтобы при размере экрана >1200 в один ряд было 4 блока, при размере 768<экрана<1200 было 3 блока в один ряд, при размере 576<экрана<768 было 2 блока в один ряд и при размере экрана<576 был один блок в один ряд. Конечно чтобы блоки занимали максимальную ширину. И самое главное! Надо сделать так, чтобы при изменении размера экрана и соответственно количества блоков в одном ряду переходящие вниз блоки занимали все пустые места, то ес…

    Asked by rafaello9,

    0 votes
    1 answer

  23. Выровнять столбцы в футере

    Здравствуйте! Простите, если не сюда пишу. Пишу подвал сайта. В нем должно быть 3 столбца. Первый столбец с копирайтом относительно просто спозиционировал, остальные два не могу никак выровнять. Второй столбец должен быть по центру. Текст в нем по левому краю выравнивать. Здесь начинаются проблемы. Столбцы оформляю в div. Вот код https://jsfiddle.net/xca2j35g/ Помогите, пожалуйста. Буду благодарен советам!

    Asked by iiwanc,

    0 votes
    3 answers

  24. Не заменяется картинка

    Ребята, добрый день! Столкнулся с такой проблемой, решили заменить картинку на главной странице компании. Работаем мы через Joomla. Я решил схитрить, чтобы не указывать пути и т.д., так как просто не знаю как это делается, переименовал новую картинку в название старой. Старую я удаляю, загружаю новую с таким же названием. Обновляю сайт, картинка не меняется оставаясь старой, обновляю жумлу, а там вместо новой картинки, уже старая, как это работает, лол? Но стоит мне новую картинку переименовать, так она сразу становится собой, а не старой. И самое интересное, я около недели назад так же делал, и у меня получилось установить новую картинку, тестовую так ска…

    Asked by gmod1966,

    0 votes
    1 answer

  25. hover с помощью transition

    Возникла проблема следующего плана. Я сверстал свой основной блок, под ним сверстал свой hover и расположил над основным блоком, но дал блоку hover изначально значение display:none. При наведении соответственно на нужный блок мой hover принимает значение display:flex и все хорошо отображается, но проблема в том что css-переходы(transition) при этом никак не работают. Нету ни задержки, ни плавного перехода, а просто hover поверх блока и все. Подскажите почему не работают transition?

    Asked by Romario1985,

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