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. Не отображается нижняя граница таблицы HTML.

    Не отображается нижняя граница таблицы HTML. Уже все перерыл. Как это выглядит - на картинке. Еще снизу ссылка на текстовый файл с кодом HTML и CSS. Верстальщик из меня не важный, так что прошу подсказать мне что не так! В Chrome все нормально выглядит, а в Лисе и Опере вот так вот! Ссылка на файл с кодом: http://preldev.ks8.ru/example.txt

    Asked by Prel,

    0 votes
    2 answers

  2. Многоуровневое выпадающее меню на CSS

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

    Asked by MIB,

    0 votes
    1 answer

  3. Как прятать блоки?

    Видел где-то когда-то что при уменьшении ширины страницы допустим левое меню исчезает/переходит вверх,вниз. Это можно сделать на css или только на javascript?

    Asked by AquaGen,

    0 votes
    4 answers

  4. Два div'а в ряд, nowrap, IE 6-9

    Доброго времени суток. У меня вопрос к истинным знатокам CSS. Задача - есть вот такой html-код, который нельзя менять - можно только дописывать в него CSS: <div style=" border: 1px dotted black; width: 300px; "> <div style=" background-color: red; height: 19px; width: 19px; " ></div> <div style=" background-color: silver; ">eins, zwei, drei, vier, funf, sechs, sieben, acht, neun</div> </div> Необходимо получить вот такое: Вот моя попытка: <html> <head> </head> <body> <div style=" border: 1px dotted black; width: 300px; overflow: hidden; …

    Asked by Urnix,

    0 votes
    9 answers

  5. Отключение css

    Привет всем. Столкнулся с проблемой. Пример: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="main.css" media="screen" rel="stylesheet" type="text/css"> <title>Документ без названия</title> </head> <body> <div style="font-size: 13px; background-color: #000; color: #fff;"> </div> </body> </html> В общем как сделать так чтобы, стиль для дива не наследовался из main.css, в котором прописаны друг…

    Asked by Bonzash,

    0 votes
    2 answers

  6. что такое за правило content:” "; ?

    подскажите пожалуйста что делает это правило content:" ";

    Asked by DimonceG,

    0 votes
    4 answers

  7. 1 ссылка не отображается в мазиле и опере

    Всем спасибо за помощь, тема закрыта.

    Asked by mov2000,

    0 votes
    7 answers

  8. тег address

    существует тег <address>. в спецификации html и справочнике htmlbook написано, что он предназначен только для выделения адреса автора сайта. часто вижу, что им выделяют любые адреса. допустимо ли такое? использовать его несколько раз на одной странице, как я понял, можно(раз в спецификации ничего не сказано про это)?

    Asked by cyklop77,

    0 votes
    3 answers

  9. Белый фон у флешки в IE

    Сабж Флешка вверху справа. В IE8 белый фон по краям, убираться не желает. Эта проблема средствами html/css решается или это флешер накосячил?..

    Asked by Gaspode,

    0 votes
    5 answers

  10. Google Chrome - значение ширины дива

    Следующий код отображается так: FF 6 IE 8 Chrome 12.0.742.122 В хроме почему-то вторая цифра в каждом блоке перенеоситься на новую строку. Получилось исправить, если явно задать ширину дива в котором находяться цифры, но тогда при изменениее разрешения размер меняется несколько не пропорционально.

    Asked by ku7mich,

    0 votes
    1 answer

  11. Применение нескольких классов к одному элементу

    Друзья, подскажите, пожалуйста, почему к элементу не применяется один из заданных классов. HTML <table border="0" cellpadding="15" cellspacing="15" class="bonusChoice"> <tr> <td> <div class="accountForm"> <div class="input"> <div class="submit"> <input type="submit" value="Select"> </div> </div> </div> </td> </tr> </table> CSS .body.ar .bonusChoice .accountForm .input { float: right; height: 1%; overflow: hidden; width: auto; display:inline; line-height: 15px; } При арабской раскладке не применяется класс bonusChoice. Соответственно применяетс…

    Asked by Subcomandante.A,

    0 votes
    8 answers

  12. Резиновый фон

    Здравствуйте. Постоянно при верстке возникает проблема, как сделать резиновый фон из нескольких картинок. Допустим, мы имеем три картинки для шапки, например эти: 1, 2, 3. Также есть фон на сайте, такой. Подскажите пожалуйста, как из всего этого сделать так, чтобы шапка была по центру сайта, и при просмотре её, допустим на разрешении 800x600, шапка обрезалась с обоих сторон, то бишь с левой и правой.

    Asked by Буллет,

    0 votes
    7 answers

  13. Табицы стилей для определённых браузеров

    Скажите, пожалуйста, как можно задать стили элементов на странице только для определённого браузера ? Конкретно меня интересует Opera, потомучто в нём картинка rss и логотип находятся в неправильном месте. А я подстраивала CSS для Firefox и Chromium, там всё нормально. Вот стиль, описывающий иконку rss #content a.feed-icon { float: none; /* LTR */ margin-top: -5px; position: relative; bottom: 36px; top: 10%; left: 202%; z-index: 1; } Этот стиль находится во внешней таблице, вот как мне теперь сделать чтоб этот стиль игнорировался Opera и использовался альтернативный ? Вот альтернативный CSS: @media all and (min-width: 0) { #content a.feed-icon { flo…

    Asked by Goldsnich,

    0 votes
    8 answers

  14. Стили не отображаются в ИЕ

    Что делать? что-то уж сильно ужасно даже в 8 выглядит http://site.druzhina.org/ судя по сайтам проверки отображения в разных браузерах вплоть до 8 выглядит ужасно, в 9 как и должно быть

    Asked by AquaGen,

    0 votes
    3 answers

  15. Разные кодировки

    У меня вопрос к специалистам какая разница какую кодировку использовать UTF-8 или ....-1251?

    Asked by nightgremlin,

    0 votes
    11 answers

  16. Исчезает <H1>

    уже решено

    Asked by d4a1,

    0 votes
    0 answers

  17. Слеши в запросе

    Здравствуйте! Заинтересовала одна тема.. на одном сайте в адресной строке увидел нечто подобное Пример: http://www.blabla.ru/manual/sections/171/ неужели для каждой статьи создавалась отдельная папка с вложенным в нее файлом?? а таких статей там перевалило за 180 или же существуют какие-то обработчики, которые переводят это все в sql запрос? объясните, пожалуйста, либо дайте ссылку на описание. у гугла даже и не знаю как "спросить")

    Asked by alokey,

    0 votes
    1 answer

  18. Можно ли добавлять новые пункты меню на все страницы сайта одновременно

    Добрый день. Я сделал макет сайта в программе Adobe Dreamweaver CS5, закачал на хостинг - работает нормально. Но для того чтобы добавить в меню сайта новый пункт, надо добавлять его на каждой странице отдельно. Страниц около 50 шт. Можно ли автоматизировать етот процес.

    Asked by avtorytet,

    0 votes
    12 answers

  19. тег <img>

    вопрос. а можно ли в теге <img> указать id или class, что-бы потом с помощью стиля например размножить линии по заданным координатам

    Asked by montana,

    0 votes
    7 answers

  20. Организация сайта

    Здравствуйте! У меня возникла проблема в организации сайта. Подскажите что нужно делать, чтобы определенный контент на сайте был доступен только пользователям, оплатившим его? Нужно ли создавать какие-нибудь базы данных на сайте, заставляя пользователя создавать свою учетную запись или можно обойтись без этого? Если без базы данных не обойтись, то распишите как её сделать...

    Asked by astonmen,

    0 votes
    8 answers

  21. ::after в IE8

    Юзаю в одном месте метод Easy Clearing: div.wrap:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } overflow: hidden вместо этого не предлагать, он в той ситуации не подходит Для IE 6-7 свои дурацкие трюки нужны, IE 8 это нормально хавает. Но так как хочется идти в ногу со временем, то хочется юзать ::after. И всё бы ничего, но IE8 не знает, что это. Можно как-то угодить всем?

    Asked by Gaspode,

    0 votes
    3 answers

  22. Help! Фон картинкой для ссылок (link, hover, active,)...

    Здравствуйте уважаемые знатоки CSS! Подскажите, пожалуйста как решить след. вопрос... Для ссылки нужно задать фон с помощью картинки. На рисунке показано: 1. Как получается у меня 2. Какого результата я хочу добиться Мне нужны разные фоны для a:link, a:hover, a:visited, a.active Когда я прописываю стили - фон "прилипает" к символам ссылки. Пытался к класам ссылки прописывать "padding", в результате, фон также остается "прилипшим", просто добавляются "пустые" отступы... Заранее благодарен за помощь!

    Asked by Vedrys,

    0 votes
    5 answers

  23. Вопрос про img

    А можно ли в img отобразить часть изображения? Или он всегда старается впихнуть в доступное пространство весь файл(в соответствии с указанными высотой и шириной)? А еще конкретнее, можно ли использовать спрайты в таблице?

    Asked by Анна,

    0 votes
    11 answers

  24. Проблема с таблицой

    Друзья, помогите пожалуйста. Всё обыскал не могу понять в чём проблема... В общем... На странице посередине стоит таблице. Она состоит из двух колонок и одной строки. Она содержит в каждой колонке блоки с текстом. Проблема заключается в тексте. Если в одном из блоков попадается длинное слово, то таблица очень сильно растягивается по горизонтали и почается горизонтальный скролинг. Я думал решить эту проблему прописав в стилях у блоков с текстом word-wrap: break-word; , но к моему удивлению это не вышло. Проблема решается только если указать конкретную ширину у блоков с текстом. ННо надо, чтоб ширина была резиновой. Как решить проблему? Я уже мозг почти сломал...

    Asked by new01,

    0 votes
    5 answers

  25. разбиение фона

    разбирал одну страницу и появился вопрос. зачем фон(небо, трава) составлен из 4 картинок, а не из 2? наверняка здесь какая то мысль, но моего опыта не хватает чтобы понять

    Asked by cyklop77,

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