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. Квадратные блоки

    Как с помощью css сделать квадратный блок при задании только ширины или высоты элемента? Я с помощью javascript меняю размер квадратных блоков, но для этого меняю оба размера. Мне думается, что изменение одного размера будет происходить быстрее.

    Asked by PavelTkachev,

    0 votes
    3 answers

  2. Квадратные скобки в JavaScript

    Объясните поподробнее, почему в 24 строчке i пишется в квадратных скобках? Как это работает?

    Asked by ErUnDAK,

    0 votes
    1 answer

  3. Квадратный див с относительными размерами

    Здравствуйте, передо мной стоит задача средствами CSS3 нарисовать круг, который бы изменялся в размерах в зависимости от изменения размера окна. Понятно, что в такой конструкции <body> <div id="wr"> <div id="circle1"> </div> </div> Модераторы, удалите тему, будьте добры, случайно отправилось

    Asked by Smirnov M.,

    0 votes
    0 answers

  4. Квадратный див с относительными размерами

    Здравствуйте, передо мной стоит задача средствами CSS3 нарисовать круг, который бы изменялся в размерах в зависимости от изменения размера окна. Понятно, что в такой конструкции <div id="wr"> <div id="circle1"> </div> </div> у внешнего DIVа я ставлю width и height относительные, а у внутреннего width:100%; height:100%; background-color: red; border-radius: 50%; Как же мне сделать так, чтобы высота внешнего и внутреннего дивов были одинаковые, то есть, чтобы круг не превращался в овал? Использовать канвас, изображения, джаваскрипт нельзя, только html+css.

    Asked by Smirnov M.,

    0 votes
    21 answers

  5. квадратный фон у ссылки

    нужно сделать у ссылок вида <ul> <li><a href="/">Главная</a></li> ... </ul> которые находятся в панели при наведении мышью (hover) квадратный фон другого цвета(примерно так, как сделано у vk.com).

    Asked by rtl_one,

    0 votes
    2 answers

  6. Квест

    Верстаю дизайн с 3 колонками на div' ах. СSS: #container { width: 100%; float: left; margin-right: -245px; } #content { margin-right: 245px; } #center { margin-left: 270px; } #left { width: 270px; float: left; } #right { width: 245px; float: right; } идея: 1) есть шапка которую трогать не надо 2) 3 колонки HTML: <div id="container"> <div id="content"> <div id="left"> текст левой колонки </div> <div id="center"> текст цента </div> </div> </div> <div id="right"> текст правой </div> 3) и футер Проблема: 1) под ИЕ7 все это дело сползает, ему не нравится width: 100%; вольная интерпритация…

    Asked by ignar,

    0 votes
    6 answers

  7. Квк сделать ротацию баннеров?

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

    Asked by anna-2010,

    0 votes
    2 answers

  8. кеп в недоумении О_о

    <!DOCTYPE html> <html> <head> <title>сайт </title> <style src='program/index_style.css'></style> <meta charset='utf-8'> </head> <body> <div id='cap'> <div id='indexButton'>ололо</div> </div> </body> </html> вот такой вот небольшой кодик. файл index_style.css находится там где ему положено. однако ни одного стиля невидно. адрес указан правильно проверял 100500раз. валидатор W3C показывает ошибку так: <style src='program/index_style.css'></style> Line 5, Column 39: Attribute src not allowed on element style at this point. <style src='program/index_style.css'&gt…

    Asked by ???,

    0 votes
    5 answers

  9. Кернинг

    Я в шоке, неужели в CSS нет поддержки ручного кернинга между определенными буквами в слове?

    Asked by yacor,

    0 votes
    1 answer

  10. Кеширование картинок

    Как можно реализовать кеширование картинок которые используются в качестве background-а пробовал такой вариант <script type="text/javascript">try {document.execCommand("BackgroundImageCache", false, true);} catch(err) {}</script> и такой .loader{ background:url(images/hover.gif) no-repeat; background:url(images/hover2.gif) no-repeat; background:url(images/hover3.gif) no-repeat; background:url(images/hover4.gif) no-repeat; margin-left:-1000px; } и ничего может есть еще какие варианты решения данной проблемы

    Asked by AlexKon,

    0 votes
    6 answers

  11. киоск

    добрый день помогите пожалуйста. Нужно написать что-то типа информационного киоска есть (или почти есть ) сайт и есть драйвера устройств как организовать обмен информацией между ними Понимаю что ответить в письме невозможно Хотя-бы ссылки я что-то ничего подходящего не нашел спасибо за ответы

    Asked by Садовник,

    0 votes
    5 answers

  12. Кириллица через form

    Столкнулся с такой проблемой, форма на отрез отказыется принимать кириллицу. Пробовал через post и get причем через get я получаю в адресной строке вполне адекватный запрос a-la qwerty.ru/?name=русскийText А когда стараюсь вынуть из переменной ее значение получаю только Text. Кириличесские символы не превращаются в крокозябру, а просто отсутствуют в переменных. Сайт на джумле. Код банальный и рутинный. <form method="get"> Фамилия<br><input type="text" name="lname" required><br> Имя<br><input type="text" name="name" required><br> Телефон<br><input type="text" name="phone" required><br> &l…

    Asked by kotahinus,

    0 votes
    1 answer

  13. Кириллический аналог Times New Roman MT Extra Bold ?

    Здравствуйте. Подскажите, пожалуйста аналог Times New Roman MT Extra Bold , а то он только с латиницей работает. Спасибо.

    Asked by uppercase_css,

    0 votes
    1 answer

  14. Кириллический аналог шрифта Neropol

    Собственно может кто знает такой шрифт? Уже запарился гуглить и смотреть каталоги шрифтов, пусто. На одном двиге видел некий аналог киррилического нейропол....вроде не совсем то, но все же....

    Asked by gesandte,

    0 votes
    1 answer

  15. Класс <li> обьекта

    Можно ли обьекту типа ЛИ присвоить класс?

    Asked by bu3i28,

    0 votes
    4 answers

  16. Класс header_wrapper не принимает свойства css

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Discover Amazing places in Japan</title> <link rel="stylesheet" href="./css/style.css"> </head> <body> <header class="header"> <div class="wrapper"> <div class="header_wrapper"> <div class="header_logo"> <a href="/" class="header_logo-link"> <img src="./img/svg/odigo-Logo.svg" alt="Discover A…

    Asked by Prostalm,

    0 votes
    1 answer

  17. класс для li

    Есть класс thumbs li { float:none; height:285px; width:284px; margin:0 0 5px 17px; background-image: url(/images/contentbg2.gif); display:inline; } Вставляю его на страницу <ul class="thumbs"> <li><p class="top"><span class="cat"><b>Категория </b></span>софт</p><div class="img"><img src="images/rand.jpg" alt=""></div></li> <ul> Изображение фона при этом не применяется, наличие его в папке проверял, параметр float работает. Пробовал просто background:url(/images/contentbg2.gif) не работает. Подскажите, в чем проблема.

    Asked by maxs,

    0 votes
    5 answers

  18. Класс для первого и последнего элемента списка

    Доброго дня! Я знаю что есть псевдоклассы: last-child { ... } и first-child { ... } а так же: first-of-type { ... } и last-of-type { ... } Но они ведь не кроссбраузерны! А вопрос то напрашивается собсно: как? как кроссбраузерно сделать это? Дело в том, что список выводится в цикле, а инфа достается из бд..., это я к тому что смотрел уже в сторону php функций current(); и end(); но они не подходят по причине хотябы того, что массив fetch_array очень объемный, не для этих ф-ций, там надо его сначала разобрать до одномерного, и как я понял, current(); и end(); просто перемещают указатель на элемент, т.е., если я сначала использую current(); а потом end(); то выведет в итоге …

    Asked by rus,

    0 votes
    12 answers

  19. Класс и стиль

    Задать class и style для одного тега. Это, наверное, считается плохо?

    Asked by Колос,

    0 votes
    14 answers

  20. Классическая проблема с ИЕ 6

    Точнее с правой колонкою подаю код * { margin: 0px; padding: 0px; } ul {list-style: none;} body { font-size: 12px; margin: 0px; text-align: center; background: #CFCFCF url(img/bg.png) repeat-x; color: #000000; font-family: Arial, Helvetica, sans-serif; } /*************************************************** *********************** Container ************** *****************************************************/ #container { float: left; width: 100%; overflow: hidden; background: none; color: #333; } /*************************************************** *********************** Left Sidebar Container ******* *****************************************************/ #left…

    Asked by darmoid,

    0 votes
    7 answers

  21. Классы css border помогите пожалуйста

    В теге <table class="main_border"> некорректно отображает линию таблицы, я указал что она должна быть сплошная иметь толщину в 1px для начала, вот css код .main_border {border:1px solid;} что может быть не так? Тоесть таблица состоит из ещё трёх вложенных таблиц на какой то стороне таблицы стиль css работает как Нада на другой стороне нет, помогите

    Asked by Noob31,

    0 votes
    3 answers

  22. классы для html и body в одном CSS-файле, но для разных страниц

    object в IE6 осуществляется с рамкой и скроллбаром. для того, чтобы убрать это, нужно прописать в стилях следующее (так это или не так, прошу вас меня поправить!): html,body { overflow: hidden; border: 0px; } допустим, с этой проблемой я справился. однако, сами понимаете, вся страница теперь обделена сроллбаром, который может понадобиться. поскольку в object я помещаю html-страницу, я прописываю этот стиль ей, а не той, где object находится. в таком случае вс? работает как надо (ну или почти. в IE6 при проверке общего скроллбара, когда уменьшаю окошко до обусловленного предела, он появляется, а когда расширяю вновь, он должен исчезнуть, но этого не происходит. исчезает о…

    Asked by brainless,

    0 votes
    2 answers

  23. Классы или идентификаторы?

    В последнее время часто встречаю верстку, в которой стили присваиваются не классами, а идентификаторами. Нет, я согласен что шапка - одна. И вполне логично присвоить ей id="header", чем class="header", но... Насколько это оправданно? Кто что может сказать по этому поводу?

    Asked by ndiezel,

    0 votes
    14 answers

  24. Классы это хорошо?

    В общем в вёрстке используется десятка два span, и все они одинаковы по стилям. Как лучше, в стилях написать span {}? или задать спану класс? как правильней? писать класс для каждого спана - лишний код, но может, так сказать, по этике вёрстки правильней их присваивать

    Asked by angel12,

    0 votes
    3 answers

  25. Клик меню на :target

    Есть меню с одним уровнем вложения - http://trifler.ru/blog/i/menus/click/target.htm Вывод вложений осуществлен при помощи псевдокласса :target Каким образом решить проблему в IE6(7,8)? Как понимаю нужен Java Script. Использование jQuery и других, не предлагать. Простой скрипт для эмуляции :target только для IE6(7,8)

    Asked by gordi,

    0 votes
    25 answers

  • Обсуждения

    • 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