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. Список[укрощение строптивого]

    Добрый день, уважаемые форумчане! Вопрос по сабжу следующий: есть список, например, в контейнере из div. Возможно ли ограничить высоту "блока" списка <ul></ul> таким образом, чтобы он часть элементов списка перекидывал вправо или влево по ширине контейнера? Другими словами, автоматически формировался в две или более колонки. Если это невозможно какое решение вы посоветуете, исходя из текущей задачи (разместить n-элементы из одной в две и более колонки автоматически)? Колонка, собственно, получается из простого перечисления элементов (например, "Рис", "Мука", "Масло") для которых я счел разумным применить разметку "список". Было: 1. Рис 2. Мука 3. Масло 4. М…

    Asked by geirbyfc,

    0 votes
    5 answers

  2. Пару вопросов по верстке

    Здравствуйте, подскажите пожалуйста как выровнять так текст еще вопросик как сверстать это прозрачный прямоугольник и как задать шрифт Myriad Pro

    Asked by Rubik,

    0 votes
    1 answer

  3. Вставка flash-объекта в html для соврем. браузеров

    Интересует каким способом я могу вставить флеш без использования каких-то скриптов. Кроссбраузерность ограничивается IE7+ и более менее используемыми версиями других браузеров. Тоесть мне не нужно поддерживаеть IE5.5 и Safari 0.05 Кроме того, доктайп используется <!DOCTYPE html> а значит тег embed валидный. Интересуют такие варианты вставки: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="300" height="120"> <param name="movie" value="myContent.swf" /> <object type="application/x-shockwave-flash" data="myContent.swf" width="300" height="120"> <p>Alternative content</p> </object> </object&…

    Asked by danik.html,

    0 votes
    5 answers

  4. Как сделать горизонтальное меню со звуком?

    Подскажите пожалуйста, как сделать меню со звуком. Звук при наведении курсора на кнопочку. Можно ли добавить звук к уже готовому меню на CSS?

    Asked by Terakota,

    0 votes
    6 answers

  5. float:right и float:left в соседних элементах

    Допустим, есть: <img src="logocss.gif" width="95" height="84" style="float:right"/> <p style="float:left; width:100%;"> This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. </p> Хочется, чтобы p выбрал ширину такую, что б его не сносило вниз, а обтекало. Так случилось, что параметр float:left ему при этом нужен..

    Asked by uitrix,

    0 votes
    2 answers

  6. текст

    уважаемые форумчане подскажите тупому как менять цвет и шрифт текста

    Asked by voin545,

    0 votes
    2 answers

  7. Расположение тега link

    Здесь написано: У меня вопрос: если есть два стилевых файла, связываемых с html-документом, один из которых размещается в HEAD, другой - в BODY, какой сработает в итоге? И почему нужно размещать непременно в HEAD?

    Asked by hike,

    0 votes
    7 answers

  8. 3 DIVа с центровкой среднего

    Можно ли эту таблицу записать DIVами и CSSками? <html> <body> <table width=100%> <tr> <td>1</td> <td width=900>2</td> <td>3</td> </tr> </table> </body> </html> Суть в том, надо создать 3 DIVа в одну линию и чтоб они были растянуты на всю ширину экрана не зависимо от разрешения. Центральный DIV имеет заданную ширину в пикселях, а два крайних одинаковую ширину в зависимости от разрешения экрана.

    Asked by ajborman,

    0 votes
    2 answers

  9. Резина или фиксированный?

    Собственно начал верстать шаблон, ранее таких проблем не возникало...даже не знаю почему, В общем такой вопрос, есть макет Сверстал я его как резину, но вот проблема - криво кажет на разных браузерах, все отступы делал в %, также проблема выявляется на маленьких мониторах -меньше (1280 x 1024), как решить собственно вопросик-то? Вот что получилось на выходе HTML

    Asked by Ergonav,

    0 votes
    2 answers

  10. Подскажите

    Мы очень часто проходим тесты в онлайн режиме. У каждой страницы есть свой универсальный код (можно его узнать через комбинацию клавишь ctrl + U). Всяко, есть в этом коде правильный ответ. Вот только как его найти? Подскажите пожалуйста. Заранее большое спасибо

    Asked by Underwater,

    0 votes
    2 answers

  11. Что такое контекст форматирования?

    Когда читал о свойстве float или про overflow:hidden, то увидел термин "контекст исполнения". Писалось, что при использовании этих свойств создается новый контекст исполнения. Вопросы: 1) Что такое контекст исполнения? В инете искал, на нашел! 2) На что влияет контекст исполнения? 3) Какие свойства по стандарту создают новый контекст исполнения?

    Asked by FanAizu,

    0 votes
    14 answers

  12. Хром и Опера не понимает Якорь

    Имеем ссылку Моя ссылка В эксплорере при переходе по якорям никаких проблем нет В Хроме и Опере не работает.. Пробовал перед # ставить /.. не помогает.. Я прям в ступоре.

    Asked by veromi,

    0 votes
    5 answers

  13. Чёткое изображение

    Есть сайт, и есть картинки в png формате, обычными просмотрщиками смотрю, всё нормально, когда вставляю в код, типа background-image получаются размытыми ,т.е не чёткими как исходные, в чём может быть причина?

    Asked by vladimircape,

    0 votes
    2 answers

  14. отимизация под firefox

    Доброго времени суток уважаемые форумчане. Подскажите почему у сайта САЙТ в firefox не отображается класс кнопки "на главную" (qwert). Очень надеюсь на вашу помощью Просьба не пишите что дизайн "не конфетка" это я и сам знаю.

    Asked by voin545,

    0 votes
    1 answer

  15. li блочный или строчный?

    скажите пожалуйста допустимо ли использовать внутри <li> тэги <h3>, <div>? в справочнике этого сайта я так и не нашел информации о типе <li>. есть мнение, что такое использование несемантично. хотелось бы понять почему

    Asked by cyklop77,

    0 votes
    10 answers

  16. Преждевременная загружка footer'а

    Здравствуйте! В моём сайте http://astea.ru/ происходит преждевременна загрузка footer'а http://s2.ipicture.ru/uploads/20120429/irCEbqcW.jpg Как это исправить?

    Asked by docmai,

    0 votes
    2 answers

  17. Центрирование списка

    Извините за столь тривиальный вопрос, возможно ответ абсолютно банален. Если я засоряю форум - удалите, пожалуйста тему, как только я получу ответ. Имеется блок - контейнер. В нём список, пункты которого сделаны блоками, и выровнены в линию float'ом. <div id="content" class="block"> <ul> <li>Пункт</li> <li>Пункт</li> <li>Пункт</li> </ul> </div> #content { margin: 10px 10px 10px 24%; overflow: hidden; } .block { ... padding: 5px; text-align: center; } ul { list-style: none; margin: auto; padding: 0; } li { float: left; display: block; width: 20%; border: 1px solid; } И, несмотря на text-al…

    Asked by ViStefan,

    0 votes
    5 answers

  18. Сторонние шрифты для основного набора

    Допустимо ли использовать сторонние шрифты для основного набора? У кого-нибудь есть информация, насколько сильно это влияет на время загрузки страницы? Какие тренды сейчас в этом?

    Asked by MrPostman,

    0 votes
    1 answer

  19. Меняется стиль dashed для границ элементов

    Возникла потребность, согласно дизайна, сделать у некоторых элементов пунктирную нижнюю границу. В частности, у li элементов меню и ячеек таблицы (точнее, нужно отчеркивать строки таблицы нижней пунктирной границей). Обнаружил, что стиль пунктирной границы элемента может меняться в зависимости от ширины элемента (то есть в зависимости от длины пунктирной линии), а именно, в Опере (11.62), в зависимости, от ширины элемента, меняется период повторения штриха (длина штриха остается прежней). И если для пунктов меню это как-то можно терпеть, то в таблице -- это выглядит полной порнографией:граница под разными ячейками в строке рисуется разными пунктирами. Кроме того, место …

    Asked by smokepeng,

    0 votes
    3 answers

  20. некорректно работает сайт в некоторых браузерах

    Уважаемые форумчане доброго вам времени суток. Подскажите пожалуйста что не так в верстке данного сайта. САЙТотображается некорректно в браузерах Opera и Mozila Firefox. Зарание спасибо.

    Asked by voin545,

    0 votes
    9 answers

  21. Две одинаковые таблицы, разное отображение

    Здравствуйте. Выводится две абсолютно одинаковые таблицы: 1) http://concerts.in.ua/ (внизу страницы) 2) http://concerts.in.ua/index.php?view=venueevents&id=3:underground-music-hall (внизу страницы) В перво случае край таблицы вылазит, а во втором нет, при этом файл шаблона одинаковый, css одинаковый и т.д. Почему получается такая разница?

    Asked by param,

    0 votes
    5 answers

  22. Вендорные свойства для IE9

    Подскажите, где в Интернете можно увидеть исчерпывающий список всех вендорных свойств (начинаются с -ms-), которые понимает браузер IE9. Для IE8 такой список я нашёл, но нужно ещё для IE9.

    Asked by clavin,

    0 votes
    0 answers

  23. Смена картинки каждые сутки

    Ребята, помогите пожалуйста с решением одной задачи: У меня есть несколько банеров (простые гифки), нужно, чтобы каждые 24 часа, один банер менялся на другой в рандомном порядке (в полночь или в любое другое время, главное, чтобы каждые сутки происходила смена). Ситуация усложняется тем, что использовать для этого php и perl нельзя, так как хост их не поддерживает. То есть можно на js или с подключением jquery. Возможно ли вообще реализовать это в условиях бесплатного хостинга? Заранее благодарю за ответ

    Asked by Arkada,

    0 votes
    7 answers

  24. Помогите с фоном

    Какбы сайт будет резиновым, а чё с фоном делать не знаю как не резал он некрасиво получается под большим разрешением экрана.

    Asked by bayanruby2,

    0 votes
    5 answers

  25. Проблем с IE 9

    проблем с IE 9 у меня он не хочет отображать сторонний шрифт, все браузеры работают нормально, а вот IE9 как и всегда кривой я использую в CSS вот это: @font-face { font-family: 'CRYSISB'; src: url("../font/CRYSISB.ttf"); } что нужно чтоб увидел и IE 9? И еще проблема с IE 9 это задралась вверх меню, что нужно прописать для IE 9?

    Asked by Bismuth,

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