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

  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://batikgallery.ru/ вот код: <!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=utf-8" /> <title>Батик|Главная</title> <style type="text/css"><!-- body{ margin:0; background:#130e0a url(images/Gallery.jpg) no-repeat 50% 0; font:18px "Comic Sans MS", Verd…

    Asked by stardel,

    0 votes
    1 answer

  2. Едет таблица при печати

    При отображении все нормально, но при печати в ие 10 вообще теряется отображение таблицы на последнем листе, в хроме таблица просто едет(по мелочи, просто не ровные ячейки друг относительно друга, причем не везде). проблемы в хром http://clip2net.com/s/79L39O проблемы в ие http://clip2net.com/s/79L4e3 XXXXXXXXXXXXX.html Подскажите, в чем может быть проблема? вроде ничего такого в стилях не указано...

    Asked by _Mar_,

    0 votes
    0 answers

  3. Единая ссылка

    Коллеги, здравствуйте! Есть такая конструкция: <a href="#"><img src="pic.png">Ссылка на пик</a> Допустим высота изображения 50px; Как выравнить текст относительно середины изображения по высоте. |____________| |____________| |__pic.png____| Ссылка на пик |____________| |____________| Оговорюсь сразу, что вопросы с применением JavaScript, jQuery и т. п. не интересуют. Просьба помочь решить проблему чисто с точки зрения вёрстки. Благодарю за помощь!

    Asked by Barsam,

    0 votes
    15 answers

  4. Единицы длин в разных браузерах

    Собственно вопрос вот какой, какая из единиц длин наиболее точно, а лучше идеально, совпадает во всех популярных браузерах, в частности интересует форматирование текста. Я версткой уже занимаю довольно долго, и мне хватало обычно px, % и em, для приблизительного сходства, но в этот раз человек хочет что бы текст который находится на граф макете полностью, до пиксела совпадал и на готовой HTML странице, во всех браузерах. Сейчас разброс состовляет от 0-4px меж строчного расстояния в разных браузерах, пробовал так <div style="padding-top:36px; padding-left:39px; padding-right:35px;"> <p style="margin:0px; font-family:Georgia, 'Times New Roman', Ti…

    Asked by AlexKon,

    0 votes
    10 answers

  5. единицы измерения

    Набрел и не могу понять http://htmlbook.ru/css/text-indent.html что значит там "ем" ? Единица длинаы ? А где их полный список можно посмотреть ? —-

    Asked by HelpIT,

    0 votes
    13 answers

  6. Единицы измерения

    Какие единицы измерения лучше использовать при вёрстке сайтов? Плюсы и минусы.

    Asked by myRoot,

    0 votes
    4 answers

  7. единицы измерения - em

    иногда в сss сайтов встречаю например padding: .5em; в данном примере непонятно зачем и что em ? почему просто не ук в px или % ? {...отредактировано kiD}

    Asked by vrazbros,

    0 votes
    4 answers

  8. Единицы измерения при адаптивной верстке.

    Добрый день! Помогите кратким ликбезом: какие сейчас единицы измерения и в каких случаях используются при адаптиве? При выполнении тестового проекта я использовал проценты и пиксели... собственно, все по Макфарланду за 2014й год... Результат, вроде, соответствовал требованиям, но забраковали по нескольким причинам. Одно из нареканий было: использование некорректных единиц измерения при адаптиве. Я пытался найти сам... но запутался. Одни топят за vh,vw, другие за em,rem. Хотя, на сколько я помню, последние чисто для текста...

    Asked by Super_Saimon,

    0 votes
    1 answer

  9. Единое меню, для офлайн "сайта" т.е. без движка?

    Очень-очень нужна помощь. В примере "Фиксированная ширина, навигация слева" (на этом же сайте) Если расположить пункты меню слева в желтом поле, можно ли сделать ссылки так, что б они открывались в правом синем поле, не перегружая левое? Или слева открывался файл menu.html с пунктами меню, а справа содержимое ссылки например str1.html и т.д. Если да, то как? (я подумал о фреймах сразу, но теги body и frame оказались не очень совместимы как -то?! Люди добрые, поможите, чем можете, если можете. Имеется ввиду, без использования какого либо движка вообще, типа Джомла и т.п. И вообще без веб сервера, просто странички на своем компьютере т.е. в офлайне, точнее для C…

    Asked by reanews,

    0 votes
    4 answers

  10. Единый блок <div> для всех станиц

    В CSS мы например делаем файл со всеми параметрами стилей file.css ( например) и ссылаемся на него со всех страниц. Таким образом меняя какой то параметр в этом файле, изменения происходят на всех страничках. Можно ли сделать, чтобы какой то блок <div> "лежал отдельно" как и файл CSS со стилями? Чтобы когда его редактируешь, менялся он и на остальных страницах.....Надеюсь вы меня поняли.

    Asked by LBM,

    0 votes
    3 answers

  11. Единый блок, разбитый блок

    Вобщем есть такая задачка block должен тянутся на всю страницу, но не доходить до начала страницы и самого конца определенное количество пикселей. Сама страница тянится по высоте максимального элемента content или block. Как решить такую задачу, при использовании целостного блока недодумкал и пришлось разбивать его на 3 части: 1) находящийся в области хедера 2) собственно сам блок 3) находящийся в области футера Соответственно расположив 1 и 3 в хеадере и футере чтобы они совпадали со 2. Может всетаки можно сделать block целостным? Т.к место в 1 и 3 пропадает и "вообще ни туда не сюда" Спасибо за внимание

    Asked by gesandte,

    0 votes
    43 answers

  12. Ездят блоки на сайте

    На сайте при увеличении маштаба третий блок(с новостями) уезжает вниз,как сделать так что бы они всегда были в ряд. P.S. как убрать сверху отступ сверху( что бы начиналось с градиента)

    Asked by NeoMurderer,

    0 votes
    8 answers

  13. Ездят пункты меню

    На сайте,который я верстаю есть горизонтальное меню ТЫЦ если в браузере уменюшить маштаб то пункты меню уходят вправо,как это исправить?

    Asked by NeoMurderer,

    0 votes
    4 answers

  14. Експлорер... CSS image repeat y

    Есть таблица. В ней контент. Как подогнать под ИЕ такой момент: фон таблицы - узкая полоска - и надо чтоб она повторялась по y. Вместе с тем регулировалась по ширине 100% - у меня она отображается в базовом размере (шире чем надо)

    Asked by laird,

    0 votes
    2 answers

  15. елементарная задача усложненная кроссбраузерностью.

    здравствуйте. уже 2 дня занимаюсь любовью с следующей задачей: в шапке сайна нужно поместить горизонтальную полоску определенного цвета которая начинается с координат top:77px, left:200px. и продолжается к правому краю екрана. на полоске должно быть меню. в следующем примере все работает в ИЕ. опера растягивает экран на 200 пикселей в ширину (100% ширины меню + 200 отступ с левого края) доктайп не указан. но его указание делает в опере еще хуже - пропадает цвет фона, тк. высота блока inhead становится равной 0. html <div id="head"> <div id="inhead"> <ul> <li><a href="index.html" class="menu">пунктменю</a></li> <li><…

    Asked by ua.rik,

    0 votes
    5 answers

  16. Елементы формы

    Подскажите как добится, что б все поля формы(добавить файл, дропдаун) одинаково отображались во всех браузерах ?

    Asked by fastikkk,

    0 votes
    2 answers

  17. Ерунда какая-то... (верстка, проблема с IE6)

    Здрасте! Есть 2 css - ie6.css и styles.css - соответственно. В Голове вот это <!--[if lt IE 7]> <link href="../CSS/ie6.css" rel="stylesheet" type="text/css" /> <![endif]--> <!--[if IE 7]> <link href="../CSS/style.css" rel="stylesheet" type="text/css" /> <![endif]--> <link href="../CSS/style.css" rel="stylesheet" type="opera/css" /> C ИЕ7 и Оперой вс? хорошо. Ерунда вот в чем: ИЕ6 почему-то цепляет не все стили, т.е. у меня есть ... <table cellpadding="0" cellspacing="0" width="100%"> <tr> <td class="BMbigspace"> </td> <td class="BMlink"><a href="../" class="linkBold">Главная</a></t…

    Asked by gizmomy,

    0 votes
    6 answers

  18. Если CSS-файл стал большим

    Некоторое время назад мне попалась довольно интересная аналитическая статья на английском языке об организации сложных CSS-файлов. Своего рода обзор, где приводились примеры, используемые программистами, для приведения в порядок больших по размеру CSS-файлов. Суть сводилась к созданию документации в самом файле: структура вложенности блоков (такое себе оглавление, как в книге), плюс разные хитрости с примерами использования — для того чтобы исключить ненужное дублирование кода, улучшить читабельность и т.д. Статейка эта была отложена для дальнейшего изучения, но затерялась среди случайно закрытых вкладок. А теперь вот не могу вспомнить, где ее нарыть. Подскажите что-либо …

    Asked by abused,

    0 votes
    6 answers

  19. Если вылазят строки

    В общем проблема следующего рода - есть div с заданной шириной, и ограниченой высотой, содержание заранее не известно. Иногда бывает, что при обрезании текста, видна часть строки, что есть некрасиво. Хотелось бы удалить не полностью отображаемые строки, ни где не могу найти решения , вот код: <!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" xml:lang="en"> <head> <title>Test</title> <style type="text/css"> .content{max-width:200px; max-height:200px; overflow:hidden} </style> </head> <body> <div class="content">…

    Asked by Garnet,

    0 votes
    5 answers

  20. если дизайн сайта шириной 1024px, то как сделать без горизонтальной прокрутки на 1024x768?

    Добрый день, друзья! Меня давно мучает вопрос. Часто видел в Сети сайты, которые отлично смотрятся на экране 1024х768, а когда экран, допустим 1600x1200, то края сайта тупо не обрезаны, а за ними идет какая-то картинка или продолжение изображения в шапке сайта. При этом сайт не резиновой верстки и текст, как и блоки, остаются на своем месте. Вот на днях нарисовал дизайн сайта шириной 1024px, теперь хочу его верстать. Возник вопрос. Как сделать на экране 1024x768 без горизонтальной прокрутки. А если экран чуть по больше, то края чуть расширяются. Конечно, всегда можно тупо обрезать дизайн до 999px/970px и париться не надо, но мне интересно. Спасибо! p.s. Допустим. Я делаю …

    Asked by Вадим,

    0 votes
    5 answers

  21. Если задать doctype, Explorer иначе высчитывает высоту TD

    Нужно сделать таблицу на всю ширину и высоту окна, причем одна из ячеек так же должна иметь высоту 100%. Я написал нижеследующий код. Если НЕ задать doctype, код во всех браузерах работает корректно, если задать - Explorer начинает растягивать таблицу по высоте так, что появляется вертикальная прокрутка. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <HTML> <HEAD> <STYLE> HTML, BODY {height:100%; margin:0px;} </STYLE> </HEAD> <BODY> <TABLE cellSpacing=0 cellPadding=0 width=100% height=100%> <TR><TD>Ячейка 1</TD></TR&gt…

    Asked by Flex25,

    0 votes
    3 answers

  22. Если зажать кнопку и увести курсор от нее то она останется в фокусе

    Если зажать кнопку и увести курсор от нее то она останется в фокусе. В моем случае она останется серой, пока не нажать на другой элемент или область. http://jsfiddle.net/DGu5n/

    Asked by parabola,

    0 votes
    2 answers

  23. если инпуты выполняют функции чекбоксов

    Всем привет, В примере с 3-ем bootstrap-ом http://getbootstrap.com/javascript/#buttons-checkbox-radio инпуты выполняют функции чекбоксов Все хорошо но не всегда сразу очевидно а какие из инпутов кликнуты ? Можно ли рядом с текстом инпута отображать символ/картинку checked? Идея в том, что когда я вижу такие чекбоксы, для меня не очень очевидно какие из них уже чекнуты. С картинкой слева от текста было бы очевидней. Я пробовал сделать но получается совсем не то ... Спасибо!

    Asked by mstdmstd,

    0 votes
    6 answers

  24. ЕСЛИ НА САЙТЕ БУДУТ ШРИФТЫ НЕСТАНДАРТНЫЕ,ТИПА ВСЯКИХ ФОТОШОПОВСКИХ

    Так будут ли корректо отбражаться они на сайте?и как поставить в хтмл чтобы весь текст был в это шрифте?

    Asked by tray,

    0 votes
    13 answers

  25. Если не работает {margin:0 auto;}

    Сделал статичный сайт с фиксированной шириной, но почему-то он все не хочет центроваться. Раньше использовал {margin:0 auto;}, но на этот раз он почему-то не работает. Подскажите пожалста какие могут быть причины или какие еще могут быть способы для выравнивания блоков по центру страницы.

    Asked by Jafar,

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