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, кто нибудь знает как это сделать или скинуть ссылку на мануалку, в php хорошо генерирует, но надо желательно в html

    Asked by raiden,

    0 votes
    1 answer

  2. Высота слоя ие

    Столкнулся с какой-то непонятной проблемой <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <style type="text/css"> html, body { margin:0px; padding:0px; background:#bbd1e8; position:relative; } body { text-align:center; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; } #all { text-align:left; margin:0 auto; width:1000px; margin-top:15px; margin-bottom:15px; padding: 3px; background: #fff; border:solid 1px #999999; } #head { display:block; height:285px; background:#000; padding:15px; } #forms { display:block; backgro…

    Asked by f0rym4anin,

    0 votes
    1 answer

  3. чтобы картинка уходила за борт....

    всем привет, есть вот такой код <TITLE>Код</TITLE> <script type="text/javascript"> var slidespeed=2000 var slideimages=new Array("1/001.jpg","1/002.jpg","1/003.jpg") var slidelinks=new Array("http://www.com","http://www.com","http://www.com") var whichlink=0 var whichimage=0 var imgobj, filtersupport, blenddelay var imageholder=new Array() for (i=0;i<slideimages.length;i++){ //preload images imageholder[i]=new Image() imageholder[i].src=slideimages[i] } function gotoshow(){ window.location=slidelinks[whichlink] } function slideit(){ if (filtersupport) imgobj.filters[0].apply() imgobj.src=imageholder[whichimage].src if (filtersupport) imgobj.filte…

    Asked by sold@t,

    0 votes
    8 answers

  4. Неполучаеся осуществить!

    немогу разместить в лево и вправо синим выделено то что надо в лево красным выделено то что надо в право

    Asked by Herurg,

    0 votes
    5 answers

  5. верста картинке

    Друзья к вам большая просьба. Я начинающий юзер, ну мне сразу попалась вроде бы такая не тяжёлая задача но найти выход я не могу самостоятельно. короче: как сделать так чтобы флеш ролик уходила за правый край без скрола просто пропадал? Есть таблица сайта <table width="95%" идет вот так мне нужно втулить в хидер флеш ролик (ну или ява скрипт с картинками и ефектом фейда, слайдшоу) размером width 1900px. какой тут задум. чтобы люди на разных мониторам могли ее видеть с этих 1900, 1680 будет сама картинка а дальше просто черное продолжение. помогите с кодом. только как для начинающего. НЕ смейтесь громко. ведь все когда то чему то учаться. распишите код как это сделат…

    Asked by sold@t,

    0 votes
    2 answers

  6. IE6 не отображается background?

    Код HTML: <div class="header_sl"> <div class="text_server"><br /> <em>...</em> </div> <a href="http://...">'>http://..."> <img style="border: 0;" src="1/link0000.gif" alt="На главную" title="" width="210" height="60" /> </a> <br /> <br /> <div class="buttons_header"> <a class="MainMenuLinks_sl" href="http://...">'>http://...">Каталог рассылок</a> <a class="MainMenuLinksCurrentPage_sl" href="http://...">'>http://...">Домашняя страница</a> <a class="MainMenuLinks_sl" href="http://...">'>http://...">Помощь</a> <a c…

    Asked by Alek7y7,

    0 votes
    1 answer

  7. Фоновое изображение "Овал".

    Добрый день. Есть изображение овал (502px * 27px). Делаю следующим образом: Далее, в коде страницы делаю <div class="grayline">Пишу всякий текст</div> однако, текст заключенный в DIV не позиционируется по центру, пытался вставить в CSS: vertical-align: middle; история та же самая. Может кто подсказать, как быть? Мучался с padding, но видимого результата тоже не добился

    Asked by liex,

    0 votes
    2 answers

  8. Как переместить ?

    Вот есть страница index: <?php include('inc/header.php'); ?> <div class='columnwrap'> <div class='spacer'> <table cellpadding='0' cellspacing='0'> <tr> <td class='newsboxtopleft'><img src='images/blank000.gif' width='41' height='35' alt='' style='' /></td> <td class='newsboxtopcenter'> Краткое описание и информация </td> <td class='newsboxtopright'><img src='images/blank000.gif' width='44' height='35' alt='' style='' /></td> </tr> </table> <table cellpadding='0' cellspacing='0'> <tr> <td class='newsboxleft'><img src='images/blank000.gif' width='8' height='1' alt=…

    Asked by Radikal,

    0 votes
    0 answers

  9. Подскажите, пожалуйста, не могу привязать картинку-фон к ссылке...

    Подскажите, пожалуйста: мне нужно сделать ссылку на определенном фоне. Сделал. А вот чтоб при наведении на эту ссылку менялся не только цвет ссылки, но и фон под ней ну никак не могу добиться((( Уже два часа парюсь, хоть стреляйся.

    Asked by admelj,

    0 votes
    3 answers

  10. не работает формуляр

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

    Asked by Aleksandrid,

    0 votes
    3 answers

  11. Атрибут background тега <td>.

    Я новичок в вёрстке и поэтому у меня возникают подобные вопросы... Просматривал список атрибутов тега <td> тут: http://htmlbook.ru/html/td.html Затем посмотрел тут: http://www.w3schools.com/TAGS/tag_td.asp И не нашёл атрибут background, который юзаю для вставки изображения фоном. Вот и возник вопрос "почему же его нет в списке на буржуйском сайте?" И ещё вопрос: - почему атрибуты разделены в три колонки тут http://www.w3schools.com/TAGS/tag_td.asp ??? Спасибо!

    Asked by sky42,

    0 votes
    5 answers

  12. IE

    Есть следующий код: html <html> <body> <div id="header"> <div class="left_float_div"> <img src="./images/top_left_bg.jpg" width="25" height="60" /> </div> <div class="right_float_div"> <img src="/images/top_right_bg.jpg" width="25" height="60" /> </div> </div> </body> </html> и css к нему * { margin: 0; padding: 0; border: 0; } body { background: #fff; text-align: center; } .left_float_div { float: left; } .right_float_div { float: right; } #header { text-align: left; margin-left: auto; margin-right: auto; width: 850px; height: 60px; backg…

    Asked by theo_,

    0 votes
    2 answers

  13. Кнопка не меняет свой цвет, при наведении

    Привет трудяги. Три вопросика... 1. Навожу мышью на кнопку и должна менять свой цвет. В Опере порядок, а в IE6, 7 не хочет работать. 2. Св-ва visited и active обязательны если я их не использую? .MainMenuLinks_Brown_sl { font-size: 0.6em; padding: 3px 5px; margin-top: 10px; margin-left: 80px; background: #942400; border: 1px solid #fff; color: #fff; font-weight: bold; } .MainMenuLinks_Brown_sl:visited { } .MainMenuLinks_Brown_sl:acive { } .MainMenuLinks_Brown_sl:hover { background: #ffffcc; color: #3366cc; } 3. И последний... Открываю HTML через IE6, 7 побиты шрифты, но background есть в шапке, просматриваю HTML-код, пересохраняю (чтобы со шрифтами был порядок),…

    Asked by Alek7y7,

    0 votes
    1 answer

  14. Серая полоска сверху страницы в Firefox и IE

    Приветствую! Нужна помощь опытных людей: на странице (http://semena.by/) вылазит серая полоска (#c0c0c0) сверху в Firefox 3.0.11 и IE 6.0.29, в Опере 9.51 всё нормально В стилях стоит везде белый фон: body, html { height: 100%; background: #FFFFFF; } div#page { background: #FFFFFF; } В коде после <body> сразу начинается <div>, также с белым фоном. <body linkifying="false" linkified="0" linkifytime="21">  <div id="page" valign="top" align="center"> Откуда эта фигня может вылазить, кто знает? Firefox: IE: Opera:

    Asked by Ратмир,

    0 votes
    20 answers

  15. Проблема с выводом исходного текста

    Привет всем, народ не судите строго аки я совсем не понимаю в написании html кодов! У меня возникла маленькая проблема с публикациями постов на одном из сайтов. Суть проблемы в следующем: Например описание команды выглядит как ( --update) , в исходном тексте страницы все нормально, но когда просматриваю в html , у меня теряется один знак (-) , а для выполнения команды это актуально, собственно в html вид имеем такой (-update), подскажите как с этим бороться?

    Asked by leomuz,

    0 votes
    2 answers

  16. 2 флешь меню

    Люди прошу помощи я новенький в этом деле, создаю сайт на joomla 1.5.9 переделываю шаблон и хочу вставить туда 2 флешь меню сделанное в flash menu labs но получается какая то фигня, ставлю параметр transparent он отодвигает текст в низ, а мне бы хотелось чтоб текс оставался на месте а меню на него подало сверху. А по умолчанию если нечего не менять то боковое меню не нажимается в мозиле не нажимается(в остальных браузерах нормально) зайдите плиз сюда и посмотрите сами в чем проблема. Мне нужно чтоб меню с левой стороны нажималось нормально в мозиле!!! За ранее всем спасибо! Буду рад любой помощи!

    Asked by igorek777,

    0 votes
    0 answers

  17. <area shape="poly" ... > и PNG в IE6

    Есть такая задача - нужно сделать html карту на основе <area shape="poly" ... > - c этим проблемм нет НО нужно это сделать на основе PNG картинки и конечно чтобы это всё ещё и работало в нашем любимом IE6 . Само сабой применяли самые различный фиксы для PNG в IE6. В результате - PNG прозрачный, но в IE6 на нём не работют ссылки которые указанны через <area shape="poly" ... > ЗЫ: В IE7 всё норм конечно. ЗЗЫ: Если применять джипег то само сабой всё ссылки на карте отлично работают в IE6. Может кто сталкивался с таким и знает как лечить.

    Asked by droncl,

    0 votes
    24 answers

  18. form>input ?

    Где-то слышал, что помещать теги input напрямую в form не валидно (нужно оборачивать в fieldset, label, div и т. д.). Валидатор вроде молчит, но все же, интересно стало: как тут обстоят дела с точки зрения семантики?

    Asked by Riim,

    0 votes
    2 answers

  19. Флещ меню и текст на страницах

    Люди прошу помощи я новенький в этом деле, создаю сайт на joomla 1.5.9 переделываю шаблон и хочу вставить туда 2 флешь меню сделанное в flash menu labs но получается какая то фигня, ставлю параметр transparent он отодвигает текст в низ, а мне бы хотелось чтоб текс оставался на месте а меню на него подало сверху. А по умолчанию если нечего не менять то боковое меню не нажимается в мозиле не нажимается зайдите плиз сюда и посмотрите сами в чем проблема. Мне нужно чтоб меню с левой стороны нажималось нормально в мозиле!!! За ранее всем спасибо! Буду рад любой помощи!

    Asked by igorek777,

    0 votes
    0 answers

  20. как поставить фон на блок?

    Люди как поставить фон на блок?

    Asked by TEMka,

    0 votes
    5 answers

  21. Убрать сглаживание в CSS

    Как увеличить изображение, средствами CSS, что бы не применялосьсглаживание увеличенного изображения. Проще говоря что бы были видны пиксели без сглаживания границ оных.

    Asked by Instans,

    0 votes
    1 answer

  22. CSS и растягивающийся фон.

    Суть проблему - как сделать в CSS так, что бы от фоновой картинки, выравненной по левому краю, отрезать 1 пиксель по ширине с правой стороны (высоту оставить), и растянуть его на 100% (дабы он растягивался при изменении размера окна браузера). Или же подойдет вариант если сразу после фона поставить другую картинку и растянуть ее.

    Asked by Instans,

    0 votes
    1 answer

  23. Количество строк в блоке

    Подскажите, пожалуйста. Имеется: Родительский блок и дочерний. Дочерний блок "приклеен" к left bottom родительского. Задача следующая: В дочерний блок выводится текст. Если текст занимает 1 строку, то блок растягивается по ширине текста, вот так: Если в тексте >= 2 строк, то дочерний блок растягивается на всю ширину родительского. То есть так: Проблема: Как это реализовать, когда изначально размер пользовательских шрифтов и кол-во текста неизвестны? upd: В FireFox все по дефолту выглядит, как и должно. А вот в Opera и IE – вот так:

    Asked by locky,

    0 votes
    13 answers

  24. Перенос контецнера на новую строку

    Доброго времени суток! Оч нада решить следующую задачку: имеется такой код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <style type="text/css"> p { /* ?????????????? */ } .span { /* ?????????????? */ } </style> </head> <body> <p> <span class="span">1</span> текст; <span class="span">2</span> текст; <span class="span">3</span> текст; </p> </body> </html> что нужно прописать вместо '?????' чтобы получить в браузере 1 текст; 2 текст; 3 текст; Или имея доступ только к стилю абзац…

    Asked by CoDy,

    0 votes
    6 answers

  25. Тег MARQUEE

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

    Asked by Kikher,

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