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 NIkNOkNIkNOk,

    0 votes
    9 answers

  2. Проблема с z-index в IE6-7

    Здравствуйте! Подскажите как сделать так, чтобы элемент с низшим z-indexом оставался в самом низу стека и правильно отображался в IE6-7. Вот какая ситуация: есть основной контейнер (position:relative) и есть 2 элемента с position:absolute внутри него. Мне нужно задать отрицательный z-index внутренним элементам(по обычной логике и работает в др. браузерах), так чтобы они оказались ниже основного контейнера. Как решить эту проблему в IE6-7?

    Asked by csiu88,

    0 votes
    3 answers

  3. Attribute size not allowed on element input at this point.

    <!DOCTYPE html> ..... <input type='file' name='file' size="80px"> валидатор ругается: Attribute size not allowed on element input at this point. что нужно исправить?

    Asked by lavsan,

    0 votes
    5 answers

  4. чем заменить в html5 frameset?

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

    Asked by lavsan,

    0 votes
    1 answer

  5. Как использовать Condition-CSS или XCSS ?

    Как использовать Condition-CSS или XCSS для подключения отдельных стилей бравзера ?

    Asked by Vandeko,

    0 votes
    0 answers

  6. hover для а с id

    Подскажите пожалуйста, как присвоить :hover для <a> с #id. Вот код, получается для тегов <a> нужен :hover. <div id="icons"> <a href="#" id="site_map_icon" title="Карта сайта"></a> <a href="#" id="cotact_icon" title="Контакты"></a> </div> div#icons { width:100%; height:25px; border:1px solid #f8f8f8; } #cotact_icon { width:12px; height:9px; background:url(../../img/cont_icon.png); display:block; margin:7px 40px 0 auto; } #site_map_icon { width:17px; height:9px; background:url(../../img/map_icon.png); display:block; float:right; margin:7px 10px 0 auto; }

    Asked by resoursa,

    0 votes
    6 answers

  7. Подключение Myriad Pro Light шрифтов

    Запарился уже искать решение для этой задачи... В общем необходимо подключить шрифт Myriad Pro Light. Начал делать через Cufon, но при загрузке шрифтов, всего 4 варианта типа (regular, bold, italic, italic bold), соответсвтенно если использовать regular или любой другой, Light - пропадает. Скорее всего я что-то упустил из виду, ребят, могли бы пожалуйста подсказать решение данного вопроса.

    Asked by svim,

    0 votes
    1 answer

  8. Съезжает страница на разных разрешениях и браузерах

    Добрый день. Центральная часть страницы рандомным образом съезжает (в разных браузерах по разному). Подскажите пожалуйста, что нужно подправить, чтоб исправить сию корявость. Спасибо! Сайт: ___

    Asked by Semuel7,

    0 votes
    2 answers

  9. css отображение, reset.css

    есть таблица с использованием css3. На локальном клмпе выглядет идеально. Но после закидывания ее на сайт под Джумлой она косячится. Мне посоветовали css reset, я даже понял для чего это. Теперь мне нужно переопределить некоторые свойства таблицы. Вопрос, как это делать? если через firebug отключать опции в reset.css border-collapse: collapse; border-spacing: 0; то таблица показывается верно. значит мне эти опции надо переопределить в моем стиле. мой стиль оформлен так и дописан в коенц темплейта ксс.

    Asked by radarium,

    0 votes
    11 answers

  10. Сайт рушиться в зависимости от разрешения экрана

    Сдравствуйте, возможно такая тема уже создана, но все же.Создаю сайт с использование "резиновой" верстки, направленной на то чтобы при изминении разрешения экрана структура сайта сохранялась, и мне это удалось: все блоки остаються на месте и в тех пропорциях в каких я и указал. Но загвозда оказалась в том что блоки сохраняються, но содержимое этих блоков розпадаеться, например: фоновая картинка одного из блоков при нормальном разрешении отображаеться полностью, а, например при разрешении 800*600 отображаеться только кусок, который влез в блок.У меня есть некоторые предположеия насчет этой проблеммы: картинки ведь определенного размера и их размер не зависит от размера окн…

    Asked by BART_VADER,

    0 votes
    6 answers

  11. Кто-нить знает как лечить такой баг?

    Смотреть в ИЕ7! <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .test {display: inline-block; border: red 1px solid;} .l {display: block; overflow: hidden; border: green 1px solid;} .r {display: block; float: right; border: blue 1px solid;} </style> </head> <body> <span class="test"> <span class="r">text right</span> <span class="l">text left</span> </span> </body> </html> Правый текст должен лежать справа. Левый - слева. Ставить float: left; для <span class="l"> не подходит.

    Asked by Great Rash,

    0 votes
    12 answers

  12. css position в absolute

    Есть див определённой высотой и шириной, в нём куча картинок со скролом за счёт overflow-y. Каждая картинка в диве, а на картинке, но в этом же диве див-меню (position: relative;) в этом меню длинные ссылки (с position:absolute) Проблема в том что очень длинные ссылки из за того что их родитель с position: relative; сжимаются и вместо того что бы показываться над окном они пропадают под ним, если же мы меняем местами position, то казалось бы всё нормально НО так как у нас есть скрол и при его прокрутке ссылки не остаются на картинке , а остаются на месте а должны быть привязаны к местоположению картинки. вот http://bm61.16mb.com/test/index.htm ужас этот заменив position …

    Asked by gradus,

    0 votes
    22 answers

  13. Создание кнопки "Печать"

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

    Asked by Воитель,

    0 votes
    1 answer

  14. тег <metricconverter>

    Утро бодрое всем! кто нибудь встречался с тегом <metricconverter>? что ето и с чем его кушают? я чего-то не смог найти внятного объяснения для чего он у гугла

    Asked by Torvin,

    0 votes
    4 answers

  15. отступ снизу у изображения

    #warp { float: left; margin-right: 10px } <img src="image.jpg" width="519" height="405" id="warp">текст .. текст .. текст отступ снизу от изображения до текста создается по самому высокому текстовому элементу?

    Asked by boyarsky,

    0 votes
    1 answer

  16. Можно ли сделать следующее средствами HTML+CSS

    При клике на квадратик(или наименование), список должен открываться и закрываться. В принципе, наверное, можно, делая для каждого наименования свою страницу, а сделать всё на одной странице? Перемещаться как-то по якорям, при нажатии на ссылку, чтобы появлялся блок с описанием, ведь вроде есть какой-то атрибут скрывающий содержимое блока. Или без JS не обойтись?

    Asked by Анна,

    0 votes
    11 answers

  17. метод window

    у меня еще один вопрос. В разделе html5 "Давайте порисуем" рисуют простой контур и простой черный прямоугольник.У меня это не получается. чтобы в этом разобраться я начала разбираться в коде игры "22хода", взяла кусочек, который рисует линию. Помогите написать код , который бы нарисовал контур или прямоугольник, который приведен в примере. заранее благодарна. http://jsfiddle.net/aaHMc/ Пожалуйста, создайте новую тему, не надо валить все вопросы в одну кучу. http://www.spravkaweb.ru/javascript/reference/window/method/ среди методов Window не нашла onload, как в примере "22 хода"

    Asked by olga153b,

    0 votes
    7 answers

  18. font-size внутри таблицы и Opera

    Доброго времени суток! Столкнулся с проблемой, которая слегка меня обескуражила: пытаюсь заверстать табличку мелким шрифтом (8px) - и FF, Chrome и IE9 отображают её как надо, по уму, а красавица Opera выставляет по каким то своим соображениям font-size: 9px и отказывается уменьшать шрифт независимо от применяемых единиц и размера (даже 1pt выставлял). При этом фактический размер шрифта даже 9px не соответствует, он очевидно больше: А так табличка выглядит в остальных браузерах: CSS: .block table { margin: 0; width: 150px; } .block tbody { font-size: 8px; } .tb-num { text-align: right; width: 12px; } .tb-clubname { padding-left: 3px; width: 100px; } .tb-game…

    Asked by kacnep,

    0 votes
    4 answers

  19. Выравнивание img по центру

    Всем привет! Помогите с такой проблемой, нужно выровнять div с картинкой внутри, чтобы она отображалась по центру на всех мониторах. Уже несколько часов бьюсь, никак не выходит... p.s в гугл не посылать, только что оттуда)

    Asked by 4 e k,

    0 votes
    6 answers

  20. Фиксированный Div в Блоке

    Добрый день. Подскажите, как сделать так, чтобы фиксированный div block двигался только в div 1, при скролле не наезжая на другие блоки и не выходя за div 1. То есть у block стоит position:fixed и чтобы он двигался в div 1, не выходя за этот блок. Надеюсь понятно рассказал. Спасибо.

    Asked by satantx,

    0 votes
    3 answers

  21. Где совсем новичку брать шаблоны сайтов для анализа?

    Добрый день. Где новичку брать макеты сайтов для их анализа? Вроде бы HTML и CSS немного изучил, пару книжек прочёл, в основы погрузился. А что дальше? Вот хотел бы анализировать чужие сайты. Но реальные, в интернете - чудовищно сложны с моим уровнем знаний, и притом, там же кроме HTML и CSS ещё и скрипты, которых я пока вообще не касался, и PHP. Пробовал анализировать шаблоны с сайта http://ru.anvisionwebtemplates.com/ - тоже сложновато ещё. Реально сложно, громоздко, неудобно, непонятно. А с другой стороны, шаблоны со странички http://htmlbook.ru/layout уже все проштудировал и полностью, как мне кажется, разобрал. А с http://ru.anvisionwebtemplates.com/ - ещё сложно. Т…

    Asked by Serg55,

    0 votes
    9 answers

  22. Проблема отображения <ul> в Chrome

    Доступен код: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тег UL</title> </head> <body> <center> <ul> <li>Чебурашка</li> <li>Крокодил Гена</li> <li>Шапокляк</li> </ul> </center> </body> </html> Вот результат: В Firefox 5 & Opera 11.50 правильно отображается, а вот в Chrome 13 нет, можно как-то в CSS правило написать чтоб решить эту проблему, так как текст берется с БД после сохранения с tinymce.

    Asked by vzov,

    0 votes
    7 answers

  23. div, перенос строки

    Здравствуйте, не получается разобраться в следующем. При: abc:<div id="abc"></div> qwe:<div id="qwe"></div> zxc:<div id="zxc"></div> я получаю abc: <результат> qwe: <результат> zxc: <результат> Не могу добиться такого: abc:<результат> qwe:<результат> zxc:<результат> Подскажите ,пожалуйста, спасибо.

    Asked by alexrtp,

    0 votes
    4 answers

  24. Крокозябры вылезли

    Здаствуйте, сверстал макет раира, но выложив его в инет, уиведл вместо русского текста кучу крокозябров. раньше такая проблема была, но как-то решилась. Сохранен файл в Юникоде-8 без BOM. Но крокозябры лезут всеровно и нарушают структуру сайта. Помнится проблему решила какаято строчка в .htacces, только я ее не помню. Напомните плз. Кстати, если дети вдруг не будут слушаться вот решение, крокобзяры.

    Asked by Shader,

    0 votes
    2 answers

  25. Блок под блоком

    Здравствуйте! Я разрабатываю сайт, но у меня появилась проблема: Блок, который выполняет функцию рамки (если кто подскажет, как сделать рамку в 6px белого цвета с 50% прозрачности, то вопрос решен) не хочет правильно функционировать. Как было задано min-height, так он и остается... Не масштабируется В общем. Причем похожие стили были у блока body, но он масштабируется прекрасно. Вот небольшой листинг HTML кода: А вот листинг CSS Как сделать, чтобы рамка растягивалась под размер блока?

    Asked by Jaguar™,

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