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. Как задать стиль для всего?

    Как задать стиль для всех элементов на странице?

    Asked by Kenshi45,

    0 votes
    1 answer

  2. Не отображается в опере....вообще

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Сайт</title> <style type="text/css"> <!-- тут стили --> </style> </head> <body> <div class="1"> <table> одна </table> <table> вторая </table> <div class="2"></div> </div> <div align="center" class="3 стиль1">/ <a href="kont.html">контакты</a> / <a href="default.html">инфо</a> </div> </body> </html> что не так?

    Asked by rebelXXX,

    0 votes
    1 answer

  3. Не получается обтекание текстом картинки

    Здравствуйте! Я пыталась сделать так, чтобы текст обтекал картинку сверху и слева. Для этого задала img src="Dib.jpg" align="right". Но обтекание получатся слева и снизу. А как же сделать именно сверху и слева?

    Asked by Рося,

    0 votes
    1 answer

  4. Как сверстать картинку без таблиц и css?

    Добрый день. Подскажите пожалуйста, как, не используя таблиц или css, сверстать картинку следующего вида:

    Asked by still_2000,

    0 votes
    1 answer

  5. Как сверстать картинку без таблиц и css?

    Добрый день. Подскажите пожалуйста, как не используя таблиц или css сверстать картинку следующего вида:

    Asked by still_2000,

    0 votes
    1 answer

  6. Как сделать так чтобы дивы друг на друга накладывались?

    Доброго времени суток. Я новичок, поэтому без мата плиз Задача: Сверстать используя z-index одну вещь. Значит так, вначале идет фотка, потом на нее накладывается GIF рамка с прозрачностью и гругляшком, потом на это накладывается третий слой в котором только текст, и там номер фотки отпозиционировать на кругляшок. Вопрос: Как сделать так чтобы дивы друг на друга накладывались? Не знаю как это сделать... Заранее спасибо.

    Asked by ScorpSatex,

    0 votes
    1 answer

  7. Ajax скрипт календаря

    Ищу готовый скрипт календаря на Ajax, в контейнер (в тело html страницы) выводятся все ссылки на год, т.е. все абсолютно новости на каждый день всего года, такого вида: http://www.mydomain.ru/news/12-01-2009/ http://www.mydomain.ru/news/15-02-2009/ http://www.mydomain.ru/news/20-03-2009/ и т.д. Вот скрин верстки календаря: Нужно без перезагрузки страницы, выбрать любой день, год или месяц и перейти на новость определенной даты, но при этом все новости уже в теле страницы сгенерированы в html, но не видно их для пользователя, но они видны для поискового робота и скрипт их подгружает при выбора в календаре. Буду признателен за помощь!

    Asked by okunev2,

    0 votes
    1 answer

  8. DIV по середине

    У меня такая проблема как сделать чтобы блок див был по середине в Internet Explorer 8? маргин авто результатов не даёт(((( в этом блоке должен быть весь сайт..... в других браузерах прописывал марген авто и было всё норм....

    Asked by Bleach,

    0 votes
    1 answer

  9. Как отцентрировать таблицу в диве (или не в диве)?

    Как отцентрировать таблицу в диве? Таблицу с фиксированной шириной (400 пикселей) надо разместить по центру странички. Не пойму как это делать. Вроде в див вкладываю, прописываю диву style="text-align: center;" и ничего, таблица так и остается прижатой к левому краю.

    Asked by rug_1,

    0 votes
    1 answer

  10. Проблема с флоат

    Здраствуйте всем. Проблема такова. я хочу чтобы менюшка располагалась прям под шапкой проблема в том что менюшка в ИЕ6 прыгает вниз шапки и не растягивается по процентам прописаным елсли делать всё это дело с овер флоу то шапка становится на место только пол рисунка обрезается и низ рисунка тоже подрезается. подскожите пожалуйста что я делаю не так . как прописать чтобы всё встала на свои места?! заранее благодарен. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Untitled Document</title&gt…

    Asked by ar130405,

    0 votes
    1 answer

  11. Вывод таблиц по вместимости

    Здравствуйте. Не знаю, обсуждалась ли такая тема ранее, но всё же... На страничке размещено несколько таблиц небольшой ширины (~140 px), все одинаковые. Сайт оптимизируется под любой дисплей (вплоть до 800x600). Нужно сделать так, чтобы в одной строчке таблиц было столько, сколько вмещается по максимуму (в px). Заранее благодарю.

    Asked by BanmaN,

    0 votes
    1 answer

  12. Вид кнопки

    Господа, помогите с такой проблемой! Обычная кнопка типа button, чуть стоит только добавить ей фон, сразу меняет свой внешний вид! Пример: http://www.subbota.proba.ru/primery_dvuh_knopok/index.htm Мне же нужно сделать кнопку вида стандартного (та, что справа), но с рисунком в конце. Я делал с помощью скриптов - рисовал две стандартные кнопки - в нажатом и не нажатом состоянии, и менял их соответственно. С кнопкой типа button почему-то браузер подтормаживал, поэтому сменил тип на image, соответственно добавил onclick="return false;" , дабы не обновлял форму (некорректно выразился, думаю, вы меня поняли) В итоге вышло примерно это: http://www.bezlimitno.ru/gold_number/index…

    Asked by AntonSubbota,

    0 votes
    1 answer

  13. Растянуть ячейку с контентом, не трогая соседние.

    чОрт, ошибся разделом, перенесите в HTML. Хотя здесь и по CSS вопрос, так что я не знаю даже.) Нужно сделать так, чтобы основная ячейка с контентом растягивалась по вертикали, при этом не смещая/дублируя ячейки соседней строки. И чтобы в Опере воспринималось расстояние между элементами меню. Макет: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title><?php $kernel->show_title()?></title> <meta name="description" content="<?php $kernel->show_description()?>"> <meta name="keywords" content="<?php $kernel->show_keywords()?>"> <meta http-equiv="…

    Asked by Aspart,

    0 votes
    1 answer

  14. свои атрибуты в html тэгах... ?

    Подскажите, насколько все же плохо или допустимо использовать свои атрибуты в html-тэгах? Драфт HTML5 это допускает, достаточно просто именовать атрибуты с префиксом data- А как в XHTML 4.01? Понимаю что можно запариться с namespace'ами, нарисовать свою dtd-схему и т.д.... но, оно же и так работает во всех браузерах? По идее же, если браузер не знает атрибут - он его пропускает? Пример: <tr data-row-id="345" data-row-state="edit">..... </td> Можно конечно забить, наплодить кучу hidden-полей с данными и т.д. Но блин, уж ОЧЕНЬ удобно работать именно с атрибутами, особенно используя jQuery, или подобные javascript-фреймворки. Так что вопрос: категорически нельзя,…

    Asked by xpg934,

    0 votes
    1 answer

  15. Выделение ссылки

    Приветсвую всех! Прошу вашей помощи, совета. Не могу найти способ как сделать выделение ссылок. К примеру нажали на контакты и ссылка контакты выделена. Вот пример сайта _http://thematicmedia.ru - в коде не могу разобраться Подобной темы на форуме не нашел, извеняюсь если была.

    Asked by phz,

    0 votes
    1 answer

  16. заблокированное содержимое

    Здравствуйте! У меня такой вопрос. Подключил скрипт Lightbox2 И каждый раз когда открываю свою страницу в браузере постоянно вылезает то что на картинке каждый раз приходиться Разрешать заблокированное содержимое что бы скрипт работал! Что нужно сделать что бы сие Чудо не появлялось? У меня IE7!

    Asked by Enid,

    0 votes
    1 answer

  17. Позиционирование. При приблежении кнопки наезжают друг на друга

    Всем привет. Сайт сверстан div-ами, меню навигации сделано с помощью позиционирования, когда приближаю страницу скролом - кнопки наезжают друг на друга. Как решить эту проблему div-ами? Помогите пожалуйста.

    Asked by Alek7y7,

    0 votes
    1 answer

  18. шапка сайта и фоновый рисунок

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

    Asked by sc@r@bey,

    0 votes
    1 answer

  19. Текст

    Добрые люди помогите! Я не могу сделать так чтобы, на странички двигался только текст, без заднего плана, как его закрепить подскажите в HTML. Заранее спасибо!

    Asked by Павел777,

    0 votes
    1 answer

  20. Img и IE

    Есть скрипт, который позволяет загружать картинки и вставлять их в сообщение. При выводе максимальная высота и ширина картинки ограничена: max-width: 600px; max-height: 600px. Все здорого, но в ИЕ как обычно возникает ужас Резать картинки на стороне сервера не вариант. Что можно сделать?

    Asked by bFree,

    0 votes
    1 answer

  21. Помогите с css

    <div class='gmtop'><img src="gm.png" width="40" height="25" /></div><div class='gmmain'>Информация!!!</div> СSS .gmtop{ background: url(book.gif) no-repeat right; padding: 3px; width: 99%; } .gmmain{ -moz-border-radius: 7px; -webkit-border-radius: 7px; background: #FAFCFE; border: 1px dotted #465584; color: #465584; padding: 2px; width: 99%; } Вопрос в том, как мне сделать таблицу по длине текста, а не вот так. Что надо сделать что бы обрезала под текст столбец, а не показывала его во всю ширину???

    Asked by angelShlesser,

    0 votes
    1 answer

  22. Резиновый див

    Проблема в следующем: <div id="main"> <div id="1" /> <div id="2" /> </div> Див main резиновый а див2 имеет фиксированный размер, как сделать чтобы див 1 заполнял всё свободное место, див 1 и 2 находятся на одной строке.

    Asked by svdsLis,

    0 votes
    1 answer

  23. Проблемы с позиционированием

    Здравствуйте, столкнулся с такой проблемой. Нужно разместить в блоке текст и блок, который обтекается этим текстом, как на рисунке Пробовал разные варианты - ставить блоку с текстом float:left; а маленький блок позиционировать, ставить обтекание справа маленькому блоку и позиционировать его отступами, но добится корректного отображения пока неполучается. В общем, вменяемых идей как это реализовать у меня пока нет, посему обращаюсь к вам за помощью.

    Asked by Karmin,

    0 votes
    1 answer

  24. Позиционирование

    1-ый блок: .ContentBlock { position: relative; font-size: 1.1em; margin: 0px; background: #fff; border: 1px solid #d1ddea; padding: 10px; text-align: left; height: 100%; width: 66%; } 2-ой блок .ContentBlock_create_new_lists_banner { margin: 0px ; padding: 0px; background: #fff; text-align: left; position: absolute; top: 127px; left: 715px; } Удаляю скролом, 2-ой блок прячется под первый, приближаю, 2-ой блок отдаляется от первого. А нужно, чтобы второй блок постоянно находился на одном и том же месте - никуда не прятался и не уезжал.

    Asked by Alek7y7,

    0 votes
    1 answer

  25. картинка слева от ссылки

    Всем привет. Есть задача: выводить пиктограмму слева от текста ссылки. Мои попытки использовать псевдоэлемент before не увенчались успехом, т.к. IE 7 не знает про before. Думаю, что это популярная задача и у нее наверняка есть красивые и цивилизованные решения. Поделитесь опытом, пожалуйста. Прошу прощение, если подобный вопрос уже был задан до меня, но поиском по форуму я ничего на эту тему не нашел, гуглить также пытался, но безрезультатно.

    Asked by Kosta,

    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