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 верстка сайта

    Возникли проблемы при верстке сайта http://good-stuff.at.ua Поставил bg верхний но не знаю как его приблизить к верху пробовал margin и padding Вот HTML : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <link href="style.css" type="text/css" rel="stylesheet"> </head> <body> <table> <tr> <td class="header" colspan="3"> HEader </td> </tr> <tr class="bind" align="cente"> <td class="bind-1"> <a href="ya.ru" /> </a> </td> <td class="bind-2"> </td> <td class="bind-3"> </td> </tr&g…

    Asked by albert20707,

    0 votes
    0 answers

  2. css рефакторинг

    Решил переименовать некоторые классы и id в css файле, а заодно и во всем остальном, что его использует (.htm .js .php и тд). Дурной работы конечно делать не хочется, тратить время на поиск использования данных классов и id во всех файлах проекта - не вариант. NetBeans предлагает такую тулзу как рефактор. Выделяем нужный id или класс -> Ctrl+R -> вводим новое имя -> preview и... и получаем (во всяком случае я) окно с незатейливым сообщением - No Patterns Found. Странно, ведь тут написано что все должно работать. Кто-то сталкивался с данной проблемой в контексте NetBeans да и вообще в контексте рефакторинга? ЗЫ. ололо вариант - реплейсить регулярками в notepad++ …

    Asked by z-index,

    0 votes
    0 answers

  3. тег html

    интересует такой вопрос: что можно и что нельзя задать тегу html с помощью стилей? вопрос назрел, ибо стала актуальной тема задания диву высоты 100%. добиться этого удалось лишь указанием того же всем родителям, включая хтмл. однако если внутри есть блок с контентом с overflow: hidden; то всё обрезается по высоте страницы. если задать auto - появляются полосы прокрутки внутри дива, что не есть красиво. а собственно тег html хоть и понимает высоту, но на overflow не реагирует. что ещё ему можно таким образом задавать? или только размеры?

    Asked by Peekit,

    0 votes
    0 answers

  4. Как совместить iframe и картинку?

    Доброго! Есть большая png-картинка (фон) с вырезанным полупрозрачным окошком. Как бы мне в это окошко спозиционировать iframe? Можно конечно задать точные координаты, но картинка растягивается под размер окна браузера (сохраняя пропорции), соответственно прозрачная область тоже смещается и растягивается... Что можно придумать?

    Asked by Postscripter,

    0 votes
    0 answers

  5. Проблема с блоками

    Уважаемые спецы! Помогите разобраться. У меня есть блок #wrapper_registration в котором залит беграунд из трех картинок, в него я хочу поместить ссылки "регистрация" и "войти" это для входа пользователей. Но, никак не получается загнать эти ссылки внутрь этого блока. Ниже привожу код. html <div id="wrapper_registration"> <div class="bgr_l"></div> <div class="bgr_c"></div> <div class="bgr_r"></div> <nav> <ul> <li id="login"> <a id="login-trigger" href="#">Войти <span>▼</span></a> <div id="login-content"> <form> …

    Asked by sokrbam,

    0 votes
    0 answers

  6. смещение background в <td> в IE

    Всем доброго настроения. Немцы уже отпраздновали капитуляцию (у них 8-ого мая), ну а нас - с наступающим! Если чего, не пинайте в правое ухо... - вопрос, наверняка, заезженный и скорее всего уже обсуждался не раз, но понятия не имею по каким словам искать на него ответ. В общем к делу. Обычный html файл, обычная таблица, в которой есть 5 <td> и 3 <tr>. В левом <td> backround ставится как надо, а вот в самом правом... (см. вложение). Это только в IE (версия 9 - другие не пробовал - ну их), в остальных броузерах все ОК. Картинка background смещается на один пиксель влево, затем идет повтор картинки (no-repeadt работает, но тогда край не ровный получается)…

    Asked by copyright,

    0 votes
    0 answers

  7. mootools fx.slide

    Добрый день! У меня на сайте установлена небольшая раскрывающаяся/закрывающаяся панель. Раскрывается она при помощи fx.slide, по умолчанию раскрытие идет от верха к низу, мне же нужно наоборот, чтобы открывалось от низа к верху. Вот мой код window.addEvent('domready', function() { var fx = new Fx.Slide('footer-snif').hide(); $$('#footbut h3').addEvent('click', function(event){ /* // w/out Fx.Slide var fx = new Fx.Morph($('footer-snif')); if ($('footer-snif').getStyle('height').toInt() == 0 ) { fx .start({'height': [0,200]}); } else { fx .start({'footer-snif…

    Asked by ninJo,

    0 votes
    0 answers

  8. Открытие браузерами одинаковых ссылок.

    Приветствую, вопрос не совсем по верстке, он скорее об особенностях работы браузеров, но более подходящего раздела не нашел. Вопрос следующий: если на странице присутствует несколько одинаковых ссылок (допустим пять) на один и тот же ресурс (допустим на одну и ту же картинку), то как себя ведут большинство браузеров в этом случае - все пять раз делают один и тот же GET запрос или один раз делают запрос, а на остальных ссылках используются данные полученные при первом запросе? Возможно, это зависит от какихто условий - если, да, то от каких? Интересуют браузеры ie8-9, ff, opera, google chrome. Пример, чтобы пояснить вопрос: 1-случай: <div id="images"> <img src=…

    Asked by BAntDit,

    0 votes
    0 answers

  9. Тени блока картинками

    Прошу удалить тему, решение нашел.

    Asked by Heartbeat,

    0 votes
    0 answers

  10. верстка письма

    Добрый вечер. Столкнулся с неприятным багом в Outlook 2007. В колонке таблицы хочу разместить картинку(элемент дизайна) размером 14x580. Если указать src картинки(а мне именно так и нужно и никак иначе) через cid, то в Outlook'e изображение растягивается до 720px, что совершенно все портит (если указывать через обычный url, то все ok, но это не вариант). Есть у кого идеи/советы? Возможно вознаграждение(ЯД).

    Asked by Brainshock,

    0 votes
    0 answers

  11. Высветление изображений в разных браузерах

    Всем привет! Я начинающй веб-разработчик и на днях столкнулся с такой проблемой: В общем заметил я что на моей страничке в разных браузерах изображения отображаются по разному, в одних затемняются, в других остаются оригинальными. Если есть решение через фильтры и т.д. (т.е. хаки) прошу, поделитесь пожалуйста!

    Asked by ShadyMind,

    0 votes
    0 answers

  12. Язык для сценариев

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

    Asked by DarkPrelat,

    0 votes
    0 answers

  13. Динамический сайт

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

    Asked by Rubik,

    0 votes
    0 answers

  14. Помогите доработать css меню

    День добрый помогите доработать css Меню, что то у меня ничего не получается... Сам код стандартный: <ul id="topnav"> <li><a href="#">Меню 1</a></li> <li> <a href="#">Меню 2</a> <!--Здесь начинается подменю--> <span> <a href="#">Подменю 1</a> <a href="#">Подменю 2</a> <a href="#">Подменю 3</a> </span> <!--Заканчивается подменю--> </li> <li><a href="#">Меню 3</a></li> </ul> CSS ul#topnav { margin: 0; padding: 0; float: left; width: 970px; list-style: none; position: relative; font-size: 1.2em; back…

    Asked by xtr,

    0 votes
    0 answers

  15. резиновая колонка с полосой прокрутки

    сделал страницу как на http://htmlbook.ru/content/fiksirovannyy-dizayn-svoystvo-float в "Пример 2. Двухколонный макет" проблема в том, что когда во второй колонке находится широкая таблица, она "сжимается" до 750px. вопрос - можно ли сделать ширину страницы в % и чтобы при появлении в ней широкой таблицы появлялась горизонтальная полоса прокрутки?

    Asked by max.sa,

    0 votes
    0 answers

  16. Позиционирование блока в "резиновом" сайте

    Помогите пожалуйста с непонятнками позиционирования. Сайт делается "резиновый" так: <шапка> <menu> <content> С уменьшением размера браузера уменьшается шапка и меню тем самым оно пропорционально уменьшается и по высоте. Но по непонятным причинам контент не смещается вверх следуя за меню, а остаётся на своём фиксированном вертикально положении. В стилях контента стоит: position: relative; но это почему-то ни на что не влияет, хотя position: fixed; действительно фиксирует контент. Как можно исправить, что бы вертикальная позиция контента менялась в зависимости от позиции вышесоящего меню? Или хотя бы как-то можно сделать что-то типа такого в ст…

    Asked by arthur1974,

    0 votes
    0 answers

  17. опера

    в опере баг с анимацией после выполнения такого кода до полной ширины и обратно .progress-bar { background-color:#1a1a1a; height:25px; padding:5px; width:400px; margin-top:100px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:inset 1px 1px 2px #000000, 0 1px 0 #444; } .progress-bar span { height:25px; width:200px; display:inline-block; moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset; -webkit-transition: wi…

    Asked by cyber_ua,

    0 votes
    0 answers

  18. медиа-запросы

    Как известно, медиа-запросы не поддерживаются ie версии 8 и ниже. Как быть? Что использовать для ie 7-8? И что-за оператор "only", применимый для старых браузеров, которые не поддерживают медиа-запросы, хотя ie 7-8 на него никак не реагирует..

    Asked by a.antropov,

    0 votes
    0 answers

  19. Проблема с элементом audio

    Вот сайт. На компе при тесте плеер играет, а в инете нет =( Пробовал ставить атрибут autobuffer но не загружает буфер. Как быть?

    Asked by Ratnikov310,

    0 votes
    0 answers

  20. js-макет

    посоветуйте пожалуйста макет для вёрстки, в котором очень много нужно применять javaScript

    Asked by cyklop77,

    0 votes
    0 answers

  21. Не понятный баг

    Дивная верстка, весь код написан с любовью и пониманием сия деяния. Проблема: при выделении текста и перемещения мышки в право, страница прокручивается в правую сторону. Особенности: Почти весь контент расположен по середине, некоторые элементы располагаются от середины страницы до правой стороны страницы ( затеи дизайна). Прикрепил картинку, для понимания. На картинке безобразно изображены элементы, по середине большой блок, на пример с ним, если выделить текст и ввести вправо, возникает этот тупой баг. Ну и конечно же порция кода. Код для большого блока с 4 прямоугольниками: { padding: 22px 9999px 0px 0px; color: white; border-top: 2px solid white; } Для внутренних…

    Asked by RodgerFox,

    0 votes
    0 answers

  22. Видео с YouTube на DLE

    Сори, все сделал

    Asked by Pro100User,

    0 votes
    0 answers

  23. Как мне сделать так, чтобы на моем сайте votpochemu.com, когда я добавляю новость на главную, последняя переносилась на вторую?

    Как мне сделать так, чтобы на моем сайте votpochemu.com, когда я добавляю новость на главную первую страницу, последняя на этой странице переносилась на вторую?

    Asked by saswat,

    0 votes
    0 answers

  24. Как сделать один файл контента на 2 версии сайта?

    Добрый день. Помогите, пжлста, найти способ и реализацию довольно простой задача: Есть две версии сайта — дескопная (HTML, CSS, JQ) и мобильная (HTML, CSS). Никаких наворотов. Все просто. В каждной версии сайта есть страницы с дублирующей друг друга информацией, например, "Регламент игры". Периодически "Регламент игры" обновляется — текст, картинки, ссылки пр. Задача: Как можно реализовать использование единого файла контента, но для 2-х версий сайта? Сразу оговрюсь, я не владею JS и JQ в полной мере — могу сделать copy/past и подправить параметры. Как вариант, думал сделать через <include>, но в декстопной версии верстка табличная, а в мобильной на div'ах. Да и чув…

    Asked by KirTer,

    0 votes
    0 answers

  25. проблема с выпадающим меню pro_dropdown_2

    Добрый день. На моем сайте http://n-dl.narod.ru/ стоит горизонтальное выпадающее меню pro_dropdown_2 В IE некорректно отображается, при наведении мышкой - пропадает. Помогите разобраться, что нужно сделать? привожу код страницы <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <META NAME="description" CONTENT="Роспись храмов, Иконы, Иконопись, Мозаика, Иконостасы, Церковь, Восстановление храмов, Восстановление церквей, Фреска"> <META NAME="Keywords" CONTENT="Роспись храмов, Иконы, Иконостасы, Роспись стен, Фрески, Иконы, Мозаика, Храмы, Дизайн, Строительство, Отделка, Реставрация фресок, Реставрация икон, Роспи…

    Asked by n-dl,

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