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. Некорректное отображение в mozilla

    Работал все хорошо во всех браузерах. Сейчас значит такая проблема. Отображается во всех браузерах хорошо кроме mozilla. На локальном компе тоже все хорошо. И только на удаленном все не так как надо, но только для mozilla. Что сделать? Подскажите, пожалуйста... Исправил, почистив кеш!

    Asked by fiveapril,

    0 votes
    0 answers

  2. DOCTYPE меняет отображение страницы

    Доброго времени суток! Помогите, пожалуйста, решить следующую проблему. Есть HTML5-код: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>DOCTYPE</title> <style type="text/css"> table, tr, td { margin: 0px; padding: 0px; border: 1px solid black; border-collapse: collapse; border-spacing: 0px; } </style> </head> <body> <table> <tr> <td> <img src="image.jpg"> </td> </tr> </table> </body> </html> Проблема заключается в том, что в документе с доктайпом HTML5,HTML4 Strict или XHT…

    Asked by corsair,

    0 votes
    2 answers

  3. Можно ли скрыть информацию от различных групп?

    Мне интересно а можно ли каким либо образом скрыть любую информацию от пользователей различных групп!? например: я хочу чтоб ссылку :<li><a href="Url" >URl</a></li> видили только пользователи или только админы

    Asked by Joko,

    0 votes
    8 answers

  4. Проблема с отображением на ipad

    Всем привет, http://lassitertransportation.com/new/, выглядит ужасно на айпаде, айфоне. Хотелось бы пару советов, может какие то критичные ошибки в css или еще что, может какие то идеи в какую сторону мыслить. Буду премного благодарен.

    Asked by rusmn,

    0 votes
    5 answers

  5. flash в Опере

    При наведении на flash (меню из пяти пунктов в центре, каждый пункт - отдельная флешка) должен появляться визуальный эффект. Во всех браузерах срабатывает корректно, а в Опере только после клика по flash. Подскажите, в чем проблема? http://skatadov.ru/test/001/

    Asked by skatadov,

    0 votes
    3 answers

  6. Закругленные уголки у таблицы

    Возможно сделать закругленные уголки у таблицы средствами border-radius? Скруглить же только блок можно?

    Asked by maerrry,

    0 votes
    6 answers

  7. iframe height %

    Здрасте! Как заставить ифрейм растягиваться по высоте ячейки? Без явы. <!DOCTYPE html> <head> <style type="text/css"> body { margin:0; padding:0; width:100%; height:100%; position:absolute; } </style> </head> <html> <body> <table height="100%" width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="green"> <tr height="100px"> <td> </td> </tr> <tr> <td bgcolor="yellow"> <iframe width="100%" height="100%" src="http://google.com/"></iframe> </td> </tr> <tr height="…

    Asked by bioz00,

    0 votes
    10 answers

  8. div{display:inline;} в ие6

    добрый день в ie6 дивы растягивают родительский див, хотя задана его ширина как можно исправить? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title></title> <style> .d1{ width:300px !important; text-align:center; } .d1 div{ display:inline; margin:0 5px; font-size:40px; } </style> </head> <body> <div class="d1"> <div>123</div> <div>456</div> <div>78945345345345</di…

    Asked by Аксинья,

    0 votes
    4 answers

  9. Интересно

    В разделе ЧаВо Отступ у картинки - 3 метод(line-height:0;). А разве нужно задавать тегу img? Я всегда думал что меж строчный интервал нужно задавать родителю. Ведь пробелы относятся к родителю, а не к картинке. Поправьте если чё.

    Asked by runet,

    0 votes
    3 answers

  10. Глюк со стилями

    У меня возникла проблема, даже не знаю как объяснить... Вобщем, у меня на моём форуме почему-то работает файл со стилями, который я не прописывал в коде, точнее некоторые его стили используются на форуме, когда я не указывал этот файл когда выбирал стиль для форума, у меня там совершенно другой файл прописан, в котором нету, того, что у меня творится. Вот пример - http://spynetwork.clan.su/forum/2-162-1 там где цветной текст и ниже, где текст разного размера, текст почему-то становится синим и выделяется при наведении на него курсора как ссылка. Этого быть не должно, я не пойму, почему это происходит... Может кто-нибудь из вас знает, как решить этот вопрос?

    Asked by mr_0003Spy,

    0 votes
    10 answers

  11. Длинные слова растягивают td

    Здравствуйте. Вот сейчас увидел, что длинные слова растягивают колонку в таблице и им безралично задаю ли я фиксированную ширину или нет. Порылся на сайте, порылся в гугле, толково совета так и не нашёл и как я понимаю самого правильного решения это проблемы не существуют. Вот моя таблица: <table border="1px solid black" width="100%"> <tr> <td colspan="2"></td> <td>Тут будет <img src="" weith="120px" height="150px" /></td> <td class="cert_description">очень Длинюююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююющеееееее</td> </tr> Я вообще хочу сделать стандартный разд…

    Asked by prowoke,

    0 votes
    11 answers

  12. CSS: альбомная ориентация при печати

    Имеем ряд страниц с достаточно широкими таблицами. На печати при книжной ориентации они обрежутся, а в альбомной как раз как надо. Таблицы, кроме того, что широкие, еще и длинные. Правильное решение @page { size:landscape; }работает в Opera, не работает в Internet Explorer, Firefox, Safari, Chrome. Окей, забудем про валидность и вспомним, что есть хаки. С их помощью мы повернём наши таблицы на 90°, а ориентацию бумаги оставим, как есть: body { -webkit-transform:rotate(-90deg); /*Safari, Chrome*/ -moz-transform:rotate(-90deg); /*Firefox*/ filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /*IE*/ } Но хаки тоже счастья не приносят: нижняя часть таблицы срез…

    Asked by tambourine,

    0 votes
    2 answers

  13. 2 колонки див

    в блоке есть два блока,в которых также есть блоки. Так вот,проблеммо собственно в том, что при добавлении в левый блок блока с большой высотой растягивается и правый блок,а мне нужно,чтоб только левый тянулся, а правый оставался неизменным вот код html <!-- To change this template, choose Tools | Templates and open the template in the editor. --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>LugOS - интернет магазин</title> <link rel="Stylesheet" type="text/css" href="style.css"/> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head&…

    Asked by olejan,

    0 votes
    4 answers

  14. Прошу советов по верстке меню (Joomla 1.5)

    Всем привет! В общем дали шаблон с горизонтальным меню и индивидуальными картинками к пунктам: Все просто - картинка сверху, текст снизу... Сперва впервые сделал на жумле 1.6, там все быстро получилось 0_о, имхо - 1 вариант отображению меню - список и ковыряй... Потом решил повторить тоже самое на 1.5 и... ничего не получается... Не знаю, есть ли смысл кидать код - не знаю какой выбрать режим... Как бы вопрос скорее к тем, кто делал подобное на жумле...

    Asked by Игорёk,

    0 votes
    6 answers

  15. div 3 колонки

    НЕобходимо,чтобы три блока внутри другого блока находились на одной высоте прижатые друг к другу,но 3й блок уходит вниз. Как исправить, потому что не могу понять что делаю не так Код CSS div#header { background: grey; border: yellow 3px ridge; width: 888px; min-width: 200px; } div#logo{ background: red; border: green 2px ridge; width: 363px; height: 140px; float: left; } div#menu{ background: darkblue; border: black 2px ridge; width: 150px; height: 169px; margin-left: 367px; margin-right: 367px; } div#picture{ background: top yellow; border: darkgreen 2px ridge; width: 363px; height: 169px; f…

    Asked by olejan,

    0 votes
    6 answers

  16. Проблема с hover в mozilla FF

    Всем привет! кусок кода html <div id="hor-navi" class="moduletablemenu"> <ul> <li> <a href="Здесь ссылка"><span>Главная</span></a> </li> </ul> </div> и кусок кода css .moduletablemenu { margin-top: -20px; text-align: top; background: url('../images/menu.png') bottom left no-repeat; } .moduletablemenu ul { list-style:none; margin-left: 30px; } .moduletablemenu li { float: left; height: 24px; font: 17px Arial; padding-left: 28px; text-decoration: none; } .moduletablemenu li a span { cursor: pointer; display: block; colo…

    Asked by divinorum,

    0 votes
    11 answers

  17. div за курсором

    Здравствуйте, дорогие участники форума. Помогите осуществить замысел. Первая из проблем, с которой я столкнулся при реализации замысла такая: У меня есть div-блок: div.panel { position: absolute; z-index: 0; width: 100%; height: 150px; } Как вы видите, этот блок растянут по ширине, с высотой 150px. Мне нужно сделать так(видимо, с помощью javascript): Чтобы этот div блок следовал за курсором мыши. Независимо от горизонтального передвижения курсора. Помогите, заранее благодарен.

    Asked by f1nik,

    0 votes
    10 answers

  18. Шаблон "ездит"

    Есть сайт pohodkin.ru.Если перейти на форум то видно что главный блок немного увеличился,не смотря на присутствие фаербага ,так и не пойму почему такое происходит

    Asked by NeoMurderer,

    0 votes
    11 answers

  19. Разное отображение элементов внутри формы в разных браузерах

    Вот сцылка: _http://md.dp.ua/index.php?option=com_content&view=article&id=62 Форма поиска справа на странице. В опере отображается корректно. В мозилле строка поиска немного ниже кнопки Ок. В хроме - немного выше. В ие - норм. Плюс внизу, где форма регистрации - в ие 7 и в мозилла 3.5.. вылазит текст " * Еще нет учетной записи? Регистрация " ниже формы в которой должен находится. Подскажит, пожалуйста, в чем загвоздка?

    Asked by photograf,

    0 votes
    3 answers

  20. Резиновая верстка

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

    Asked by GaDiV,

    0 votes
    4 answers

  21. <table> <li>

    Видел на сайте горизонтальное раскрывающееся меню, где, как я понял, используется <table> внутри <li>. Вот только не разобрал - со скриптом или без, но пока это не важно. Как вообще правильно использовать сию комбинацию и существуют ли какие-либо тонкости? Уж больно функционально-удобно такое меню, да и красиво. Просветите пожалуйста, если кто в курсе. Заранее благодарен. И параллельно ещё один вопрос - можно ли засунуть всю такую композицию в таблицу не используя div-ы? Я полагаю, что да, но...?.

    Asked by GennadiAG,

    0 votes
    4 answers

  22. h1 и joomla

    Все доброго времени суток ! грабля такая... в материале jooml-ы всталяю таблицу с текстом в <h1> <table width="100%" border="1" cellpadding="0" cellspacing="0"> <tr> <td><h1>Cвинина</h1></td> <td><h1>Курица</h1></td> <td><h1>Индейка</h1></td> </tr> </table> а на реале получаться <h2> ! - когда смотрю код в firebug.... и соотв для поисковиком это не есть гуд... может кто сталкивался ?

    Asked by x-wave,

    0 votes
    5 answers

  23. Как сделать DIV-подвал НЕ фиксированной высоты

    Нужно сделать подвал, прилепленный к низу страницы. Но есть особенность: подвал должен растягиваться по высоте в зависимости от контента. Во ВСЕХ найденных мною примерах верстки блочных подвалов, прилепленных к низу страницы, используются подвалы с заранее заданной высотой. А как быть, если высота заранее не известна? Вот пример на основе таблицы. <HTML> <BODY> <STYLE> html,body {height:100%;} </STYLE> <TABLE cellpadding=0 cellspacing=0 height=100% width=100%> <TR> <TD bgcolor=pink> Page content...<BR>111<BR>222<BR>333 </TD> </TR> <TR> <TD bgcolor=yellow id=footer style="height:…

    Asked by Flex25,

    0 votes
    4 answers

  24. И снова позиционирование)

    Вобщем вот скрин: Создаю сайт в системе uCoz,есть тег $BODY$ и есть меню ввиде кнопок (Главная,новости,игры) После того как создаю пост или новость неважно,эти кнопки смещаются все ниже и ниже, каким образом мне их зафиксировать на одном месте + кросбраузерность... Код кнопок <div style="margin:0 auto;margin-top:310px;"> <a href="/" style=""><div class="home">Главная</div></a> <a href="/" style=""><div class="news">Новости</div></a> <a href="/" style=""><div class="game">Игры</div></a> </div> Код CSS к ним: .home {background:url('/img/home.png') no-repeat;height:60px;width:60px;padd…

    Asked by Vladinho,

    0 votes
    3 answers

  25. Пространство между двумя картинками

    Добрый день! Вопрос скорее всего элементарный, но меня на нём заклинило. Почему между двумя картинками появляется пустое пространство: пример?

    Asked by Zeboton,

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