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. Не работает overflow в Safari

    Всем привет! Народ, есть лендинг: http://fenix-63.hol.es/bulvar/ Вот эта часть (раздел цены и условия занятий): https://fotki.yandex.ru/next/users/tltfenix/album/74102/view/998283 в браузере Safari выглядит очень ужасно. CSS-свойство overflow:hidden тут как то по-другому работает. Народ, подскажите, как это исправить? А то я уже голову сломал.

    Asked by fenix_63,

    0 votes
    3 answers

  2. Не работает overflow:hidden

    Пробую сделать трехколоночный макет на дивах, где левая-правая колонки - фон, отсчет от центрального элемента, при изменении размеров баузера просто обрезаются... но почему-то overflow: hidden работает только для левого элемента, правая же колонка не обрезается.... почему? :/ html: <div id=main1> <div id=left_col_back> left col</div> <div id=main_col> Main col </div> <div id=right_col_back> rigth col </div> </div> css: #main1 { position: absolute; left: 50%; top: 0px; width: 1px; height: 100%; background:#6cdec7; } #left_col_back { position: absolute; left: -628px; top: 0px; width: 128px; height: 100%; overflow: hidden; b…

    Asked by Brianna,

    0 votes
    5 answers

  3. Не работает overflow:hidden в Opera 12.16

    Здравствуйте! Почему-то Opera 12.16 не хочет обрезать затухающие линии у блока .disc при overflow:hidden. Похожее дело и с блоком .tail. Тут Opera 12.16 не хочет обрезать тень от дочернего элемента. Что это? И как обойти? http://cssdeck.com/labs/full/jb72htly

    Asked by Johnney,

    0 votes
    16 answers

  4. Не работает overflow:hidden в Опера (в. 11.10) и Сафари 5.1.2

    Я столкнулся с проблемой, что браузеры Опера и Сафари некорректно работают со свойством overflow:hidden. По ссылке код я выложил пример кода, когда внутри дива со скруглёнными с помощью border-radius бордюрами есть рисунок, который накладывается на эти бордюры. Как это можно решить? Если быть точнее, то у меня в примере блок с классом "float-div" имеет свойство float:left;. Вот более точный код

    Asked by clavin,

    0 votes
    5 answers

  5. Не работает overflow.

    Доброго времени суток. Подскажите пожалуйста. Где ошибка? Проблема в том, что у рамки не работает overflow:auto. В чем может быть проблема? Я уже все перепробывал. Если убрать стандартизацию доктайп, то все работает в последней опере и в IE6, а в FF3.6 не хочет. Если ставишь доктайп, то нигде не работает. Заранее благодарен. Вот ссылка на сайт {это пробный}. http://jannella-3000.narod.ru/

    Asked by Jannella,

    0 votes
    8 answers

  6. не работает padding auto

    Почему не работает 'падинг авто' в диве, если используется 'display: table-cell;' надо в диве расположить 4 дива, один блок на всю ширину и три блока под ним в ряд, в каждом блоке изображение и ссыль/текст, изображение надо выровнять по центру блока, а ссыль по левому краю картинки, свертал http://mz.wen.su/0/0a.html но почему то в нижнем ряде блоков не работает 'падинг авто', код стр в поле ввода, что сделано не так?

    Asked by m~r.Nemo,

    0 votes
    6 answers

  7. не работает padding и margin

    <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>Скачать новеллу</title> <link rel="shortcut icon" href="i.ico" type="image/x-icon"> <link rel="stylesheet" href="style.css"> <!-- ШРИФТЫ --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Oswald&display=swap" rel="stylesheet"> <!-- ШРИФТЫ 2 --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.…

    Asked by F1NS3N,

    0 votes
    0 answers

  8. не работает page-break-before

    в FF и Safari создал класс .p { page-break-before: always; } соттветственно прописал его на страницах, где надо разбивать страницы, почему так?

    Asked by sc@r@bey,

    0 votes
    11 answers

  9. Не работает pie

    http://kavity5.ru/ Всю папку с pie закинула в pie/ Дописываю свойство behavior: url(pie/PIE.htc); в css там, где круглые уголки. А конкретно - у маленьких превьюшек товаров, которые в белых квадратиках в .list-catalog-preview li - но ничего не происходит. Что я делаю не так?

    Asked by Zverushka,

    0 votes
    15 answers

  10. не работает pie?

    в чем может быть причина, углы не скругляются в ие?путь вроде бы указан правильно ul li{ float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url("../js/PIE.htc"); margin-left: 1px; }

    Asked by olechic,

    0 votes
    4 answers

  11. Не работает polymer

    В качестве сервера, установлен XAMPP, с ним всё в порядке. Почему-то в файле index.html, ничего не появляется. Кто сможет разобраться с архивом? http://dropcanvas.com/ggh8d Код не большой Залил на хостинг http://allnet.16mb.com/polymer/

    Asked by DivMan,

    0 votes
    6 answers

  12. Не работает position:relative на tbody, tr, td

    https://jsfiddle.net/h10copr4/1/ Работает только на table получается**??? Нужен тултип под каждым <tr>, не хочу использовать js для этого, есть ли возможность на css???

    Asked by Daniil Khanin,

    0 votes
    9 answers

  13. Не работает Refresh

    Есть небольшой php файл. Простая форма отправки данных на мейл. После этого выводится сообщение, мол письмо ушло и сейчас вас перенаправят обратно на сайт. Но вот эта строка перестала работать: header("Refresh: 3; url=http://primehotel.ru"); Раньше все нормально работало на Хостинджире, пока они не уронили свою панель управления и у них не начался ад. Перенес сайт на другой ТаймВэб, но там то же самое. Форма отрабатывает, письмо уходит, но страница замораживается на этом сообщении. Как это можно решить без использования jQuery, Jawa и т.д. так как я не вэб программер и с такой задачей сам не справлюсь. Нужно решение как тут, одной строчкой. Просто тупо редирект, без …

    Asked by amv,

    0 votes
    4 answers

  14. Не работает repeat в IE6!!

    Подскажите, пожалуйста, что можно сделать???? Курсач горит((((

    Asked by XLka,

    0 votes
    11 answers

  15. Не работает required на андроиде

    Здравствуйте! Не работает аттрибут required на стандартном андроидовском браузере. На семерке всё нормально работает. А на андроид планшете и телефоне форма спокойно отправляется. Подскажите, пожалуйста, решение данной проблемы.

    Asked by pamavik,

    0 votes
    1 answer

  16. Не работает reset на кастомном select

    Создал кастомный селект, кнопка reset не удаляет выбранное, подскажите в ччем проблема и как решить https://codepen.io/ZvrTina/pen/rNKMWMM

    Asked by zama,

    0 votes
    1 answer

  17. Не работает SUBMIT в форме

    Здравствуйте, у меня небольшая проблема. Нажимая на кнопку submit никуда не перенаправляет. <form method="GET" action="http://elusive-rp.ru/check_param.php"> <label>Ник на сервере<span class="verification"></span></label> <input type="text" value="" name="nickname" id="contact-name"> <br> <select class="donateselect" name="level"> <option value="a1" selected>1 уровень - 50 руб</option> <option value="a2">2 уровень - 100 руб</option> …

    Asked by Hosefu,

    0 votes
    3 answers

  18. Не работает svg в маке

    хотел написать не работает svg в маке в чем может быть причина? версия safari 7.1.5

    Asked by raptor-dm,

    0 votes
    7 answers

  19. Не работает table width

    тут есть 2 таблички - хотелось бы по ширине сделать 900 и по 300 каждую колонку table width не работает, видимо из за стилей .main-content table th как для этой конкретной страницы сбросить стили, чтобы работало table width в самой таблице

    Asked by GTAlex,

    0 votes
    1 answer

  20. не работает text-align:justify

    Добрый день! Мой html создается програмно из файла Word (который по сути XML). Моя задача отобразить этот файл в html. поэтому текст разбивается на части, которые в свою очередь заключены в <bdi>. при этом мне нужно выставить свойство параграфа text-align:justify. при выставлении "в лоб" ничего не получается. точнее не получается, если текст двуязычный (а в этом случае еще и двунаправленный) вот html: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> </head> <article> <section> <p style="direction:rtl; white-space:nowrap; text-align:justify;"> <span> <bdi style="dir…

    Asked by d.maria,

    0 votes
    0 answers

  21. не работает text-decoration

    есть такой css div.ws {color:#000000; text-decoration:underline} .ws a {text-decoration:none; color:#FF0000} и такой HTML <div class="ws"> <h3>Влияние лунного света</h3> <p><a href="pages/mont/vk.html">на рост бараньих рогов</a></p> получается вот это: Почему цвет ссылки FF0000, т.е. красный, а подчеркивание все равно остается?

    Asked by fakss,

    0 votes
    2 answers

  22. не работает toggle для текста

    Почему не работает? <button>нажми</button> $('button').click(function() { $(this).toggle(function() { $(this).text('включить'); }, function() { $(this).text('выключить'); }); });

    Asked by Тёмик,

    0 votes
    1 answer

  23. Не работает tr:hover

    На сайте в таблице требуется при наведении на строку курсора выделять ее другим цветом. Но задаваемый мной стиль не работает: .tables2 tr:hover{ background:silver !important;} При этом если задавать это свойство для ячейки таблицы, то все нормально отображается. Вот пример страницы:http://football-stadiums.ru/afrika/10-afrika/29-marokko.html Подскажите, пожалуйста, что не так, если не сложно. Заранее благодарен.

    Asked by alejandro13,

    0 votes
    3 answers

  24. Не работает transition

    http://cssdeck.com/labs/another-simple-css3-dropdown-menu Собственно всплывающее меню появляется мгновенно при наведении, несмотря на то, что остальные элементы делают это плавно. Можете пофиксить? Спасибо(

    Asked by Kenshi24,

    0 votes
    10 answers

  25. Не работает Transition

    Не работает плавный переход, в чем проблема? .works { display: flex; flex-wrap: wrap; } .works__item { width: 25%; height: 350px; position: relative; overflow: hidden; } .works__item:hover .works__content { opacity: 1; } .works__photo { position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate3d(-50%, -50%, 0); } .works__content { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; background-color: rgba(232, 69, 69, .9); opacity: 0; text-align: center; po…

    Asked by sanya003190,

    0 votes
    1 answer

  • Обсуждения

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

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • 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