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. Шаблон счета, счета-фактуры, накладной

    Братцы, наставьте на правильный путь новичка по жизни. Каким образом правильно сделать означенные документы, чтобы был выхлоп в итоге PDF. Платформа стандартная html+JS+PHP+mySQL. Насколько я понял, изначально всё рисуется в html как шаблон. Потом PHP заполняет суммы, номенклатуру, реквизиты, а потом каким-нибудь html2PDF превращаем в PDF. Не верю, что без визуального редактора можно сразу ТОРГ-12 вырисовать посредством FPDF Ну или может у кого html-шаблоны имеются, так поделитесь. Заранее благодарность всем добрым людям за помощь!

    Asked by Splinty,

    0 votes
    3 answers

  2. Такая форма реализуется c помощью CSS?

    Здравствуйте. Увлёкся украшательствами в фотошопе. И забыл про практику. Можно ли сделать форму с закругленными краями, имеющую градиентную обводку, градиентный фон, и внутреннюю относительно обводки тень? Лучше один раз увидеть тень на рисунке не показал, но будет внутри обводки, чтобы ее отличать от содержимого

    Asked by borus,

    0 votes
    3 answers

  3. Помогите реализовать

    Есть такой код формы контактов : http://jsfiddle.net/2ZEzW/ И есть такой код кнопки: http://jsfiddle.net/2ZEzW/1/ Как сделать, чтобы при нажатии кнопки "ЗАКАЗАТЬ" появлялась форма контактов. За ранее благодарен.

    Asked by pashkje,

    0 votes
    3 answers

  4. Ребят пожалуйста объясните почему при масштабировании ...

    Ребят пожалуйста объясните почему при масштабирование, а именно когда мы уменьшаем в google chrome масштаб съезжают буквы... Не могу понять почему и как с этим бороться. http://rasel.on.ufanet.ru/ - вот к примеру меню. При масштабировании буквы съезжают и это только в google chrome HTML <!DOCTYPE html> <html> <head> <title></title> <link href="source/style/style.css" type='text/css' rel='StyleSheet' /> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> </head> <body> <div class="menu"> <ul> <li><a href="…

    Asked by Rasel,

    0 votes
    3 answers

  5. Непонятная полоска снизу

    Помогите убрать снизу белую полоску. Никак не могу понять как я убрать. Вот сайт http://bagpad.ru/. Вот скрин https://docs.google.com/file/d/0B6vCzfR9bObmbVVMeDNkM0ozVzA/edit

    Asked by smirn0ff,

    0 votes
    3 answers

  6. Поехало меню в IE9

    Добрый день! Делаю сайт у начинающего программиста, ибо дешевле. Когда открываешь сайт в IE9 , ездит меню, он не знает как решить эту проблему, подскажите, пожалуйста. Вот сайт http://dettoy.ru/ Заранее спасибо!

    Asked by kdgroup,

    0 votes
    3 answers

  7. Увеличение картинки при наведении на ссылку

    Имеется такой вот код. Картинка представленна ссылкой, которая увеличивается при наведении. И имеется текстовая дублирующая ссылка. Что сказать текстовой ссылке, чтобы при наведении на нее, картинка также увеличивалась? <style type="text/css"> .blok1 {position: relative; cursor:pointer; display: inline-block;} .blok1 img + img {position:absolute; left: 0; top:0; z-index:100; display: none;} .blok1:hover img + img {display: block;} </style> <div class="blok1"> <a href="#"> <img height="100px" src="1.jpg"/> <img height="200px" src="1.jpg"/> </a> </div> <a href="#">link1</a>

    Asked by thinkslow,

    0 votes
    3 answers

  8. Перевод сайта из em в pt

    Здравствуйте! До этого момента верстал всегда в em, однако сегодня внезапно понадобилось переверстать страницу в pt и начались трудности: текст, который я указываю в pt при верстке раза в полтора больше, чем в макете photoshop. Размер указываю тот же, что и в макете. Всю голову сломал, не пойму в чем дело... Не подскажете из-за чего это может быть и какие правильные техники верстки в pt? Заранее большое спасибо!

    Asked by Salladorec,

    0 votes
    3 answers

  9. Верстка divami в 2 колонки гле ошибся

    День добрый. Столкнулся с такой проблемой при верстке шаблона divами. Проблема в следующем: Правая колонка уезжает не растягивается вниз по высоте, и просто уходит вниз основного контейнера. Пример здесь: Моя ссылка Кусок кода css: /*Макет колонок*/ .vsep { width: 100%; background: #fff url("../images/vsep_mid.png") repeat-y 800px 0; } .vsep .vsep { padding: 20px 0 0 0; background: url("../images/vsep_top.png") no-repeat 800px 0; } .vsep .vsep .vsep { padding: 0 0 20px 0; background: url("../images/vsep_btm.png") no-repeat 800px 100%; } .container, .rightside, .dopside, .midside, .mainside { overflow: auto; } .container { width: 800 px; padding: 0 15px 0 15px; } .con…

    Asked by remont63,

    0 votes
    3 answers

  10. Проблемы оступа Mozilla Chrom между элементами.

    <!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> <title>Page</title> <meta http-equiv="Content-Type" content="text/html charset=utf-8" /> <link rel="stylesheet" type="text/css" href="styles/style.css" /> </head> <body> <div id="logo"> <table> <tr> <td> <img src="images/logo.jpg" alt="Логотип"/> </td> <td c…

    Asked by noskovgleb,

    0 votes
    3 answers

  11. В FF не работает font-weight

    Заметил что в Firefox 17.0.1 font-weight не изменяется 900 = 600 и 500 = 100. Это только у меня? Моя ссылка

    Asked by apexis,

    0 votes
    3 answers

  12. Зазоры между background-image

    Здравствуйте Всем форумчанам, не откажите в помощи новичку). В общем проблема заключается в том, чтобы сделать фон, который состоит из 3 картинок. Верх это Content_bg_top.png, низ - Content_bg_bot.png и Content_bg_line.png - основная часть, которую я хотел задать репитом, но между ними появляются отступы... Кто сталкивался с такой проблемой и как ее решить. Заранее спасибо. ЗЫ Так сделал, чтобы фон расширялся от наличия контента в нем, вот как он должен выглядеть Content_bg.png http://s14.postimage.org/igwny9cxd/Content_bg.png http://s14.postimage.org/elt9votrl/Content_bg_bot.png http://s14.postimage.org/j8zbxgh4h/Content_bg_line.png http://s14.postimage.org/higavyzld/Con…

    Asked by Molkrot,

    0 votes
    3 answers

  13. Меню вкладками

    Здравствуйте. Необходимо сверстать простейшее меню с вкладками. Например, с двумя. Содержимое вкладок - снизу. Нет ни какой проблемы в том чтобы реализовать такое меню как вариант выпадающего меню, но оно "не работает" так как надо. 1) одна из вкладок должна быть открыта по умолчанию. 2) вкладка активируется щелчком мыши и остается активной, до щелчка на следующей вкладке. В общем все стандартно Графических изысков не требуется.

    Asked by Starter,

    0 votes
    3 answers

  14. Подчеркивание слова, а не строки

    Подскажите как реализовать подчеркивание отдельного слова, а не всей строки. Например: Если я пишу text-decoration: underline подчеркивается вся строка. А мне надо с помощью css сделать подчеркивание каждого слова отдельно ————- Уже не актуально, можно удалять, но все же... Интересно!

    Asked by boo,

    0 votes
    3 answers

  15. Кодировка

    всем привет с вами опять я на сайте в кусе по html 4.01 да и в большей части сайтов используется кодировка utf-8 я конечно понимаю для чего это ... впринципе она является более универсальной не то что в частности windows-1251 только вот в чем беда как бы я не старался мой текстоввый редактор Notepad++ отказывается видимо преобразовывать и сохранять документ используя кодировку utf-8 да он преобразует значения в другой вид после сохранения и указанного атрибута charset="utf-8" в документе хтмл все равно видны вопросики вместо текста но вот когда вообще не преобразую ничего и указываю или указываю charset="windows-1251" браузеры отображают страничку как полагает…

    Asked by Bobikys,

    0 votes
    3 answers

  16. CSS. Каскадные таблицы стилей. Подробное руководство

    Опять я нарыл вот такую книженцию думаю стоит читать или не стоит ... начало многообещающее поможет она моему развитию ... ?

    Asked by Bobikys,

    0 votes
    3 answers

  17. непонятный отступ

    помогите пожалуйста решить проблему нежелательного отступа верстаю почтовую рассылку. использую однопиксельную gif-распорку для позиционирования. при этом между этой распоркой и следующим элементом появляется отступ, который виден в ie6, ie7 и во многих почтовых клиентах при получении письма(например в yandex) dragonfly показывает непонятный символ пробовал в коде убирать все пробелы между тэгами, не помогло пробовал обернуть gif-распорку в контейнер со style="line-height: 0" , не помогло

    Asked by cyklop77,

    0 votes
    3 answers

  18. Скопировал стили из мозилловского фаербага и полетели стили в Хроме

    Здравствуйте. По незнанию скопировал стили из фаербага и вставил в таблицу стилей сайта. Фаербаг оставляет только мозилловские подвиды свойств transform и box-sizing. Все поехало, пришлось вновь дописывать стили. Есть ли ещё места, из которых не стоит копировать стили?

    Asked by borus,

    0 votes
    3 answers

  19. Как встроить видео на сайт с помощью <object></object>?

    Как встроить видео на сайт с помощью <object></object>? Если я размещаю такой код <object width="750" height="500" data="http://site.ru/video.mp4" type="application/x-shockwave-flash"></object> То при открытии страницы видео начинает загружаться, и только после полной загрузки его наверно можно будет смотреть. Но я хочу, чтобы его можно было смотреть сразу, нажав на кнопку, не дожидаясь полной загрузки (800 метров). Какие еще параметры в коде нужно указать ?

    Asked by kpripper,

    0 votes
    3 answers

  20. баг с padding

    При использование padding:15px 0; появляется непонятный баг, а а именно две дополнительные ячейки. Помогите пожалуйста. вот мой код: html: <div id="conteiner"> <div id="nav"> <u> <li><a href="#">главная</li> <li><a href="#">Скачать</a></li> <li><a href="#">Документация</a></li> <li><a href="#">О Нас</a></li> <li><a href="#">Контакты</a></li> </u> </div> </div> css: div#nav li { list-style: none; }…

    Asked by talover,

    0 votes
    3 answers

  21. Интерактивная Форма

    Доброе время суток! Помогите решить вопрос с такой формой: Допустим имеется инпут Select, и выбираешь один пункт из него, ниже отображается одни поля для заполнения, выбираешь другой пункт отображаются другие поля для заполнения. Вопрос - можно ли такое реализовать без JavaScript и HTML5 ? Если нельзя, то как такое реализовать на JavaScript так, что бы поддерживали все браузера начиная с IE6? Всем взаранее спасибо.

    Asked by rentony,

    0 votes
    3 answers

  22. Более компактное построение Div-ov.

    Решили сделать что-то вроде микро-блога для новостей. Не могу сообразить, как сделать так, чтобы не было отступов между двумя дивами в разных строках, если в верхней строке есть див, с большей высотой чем первый. В общем чтобы дивы выравнивались не по нижней границе строки, а по нижней границе дива, над ними, если есть место. http://epicforever.ru/ На фейсбуке сделанно через упорядоченные списки.. но думаю можно проще. http://jsfiddle.net/rR8WU/ вот так Сейчас. Нужно чтобы див слева во 2 строке был сразу под дивом в 1 строке. Заранее спасибо.

    Asked by Briss,

    0 votes
    3 answers

  23. Валидатор выдает ошибки, не могу исправить

    Всем ЗДРАСЬТЕ! Слепил сайт, все было нормально, пока счетчики и баннеры не стал ставить. Баннеры (да и счетчики) почему то уменьшены в размерах и пара ошибок в счетчиках не понятные. А еще как правильно в xhtml указать метры квадратные? Сайт: http://simmix.in.ua/index.html метры квадратные на: http://simmix.in.ua/prod.html Буду всем признателен! Спасибо! Да, можете писать что Вам не понравилось или что бы Вы добавили. Еще раз СЫПАСИБО!

    Asked by Vicoff,

    0 votes
    3 answers

  24. категории и статьи

    Всем привет. Возможно, мой вопрос решается очень просто. Но я не могу сформулировать правильный запрос, чтобы решить свою проблему. А вот и она. Имеется меню, состоящее из категорий (1,2,3,4,5). И имеется некий набор статей, скажем 10, по 2 на каждую категорию. Хочу сделать следующее: на главной странице отображаются все статьи списком. При выборе определенной категории на странице остаются статьи только для этой категории, при этом страница не перезагружается или не уходит на новую. Это возможно при помощи инструментов HTML? Или же это javascript и базы данных? пока так: в меню категории - это ссылки, статьи определены тегом <article> подскажите хотя бы где подгля…

    Asked by mnjk,

    0 votes
    3 answers

  25. темизация формы поиска

    Помогите определить откуда на в блоке поиска в форме ввода текста берется серая рамка в хроме, в остальных браузерах ее нет. border:none; не помогает. Сайт ya-studio.ru пс: outline: none; тоже не надо советовать, это другая рамка - не фокус

    Asked by artuu,

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