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. при width 100% дива появляется горизонтальная полоса прокрутки

    Приветсвую! Есть такой код: html <!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=windows-1251" /> <link rel="stylesheet" type="text/css" href="index.css" /> </head> <body> <div id="wrapper"> <div id="header">header</div><!-- END header --> <div id="navbar">navigation</div><!-- END navbar --> <div id="content">content</div><!-- END content --> </div><!-- END wrapper --> <div…

    Asked by stalker_2000,

    0 votes
    2 answers

  2. как сделать прозрачный градиент?

    сабж. от черного допустим к прозрачному

    Asked by AquaGen,

    0 votes
    3 answers

  3. Непонятки с маркированными списками

    Народ для своего сайта нашел в сети тему. Установил ее. И сейчас не могу разобраться, как у маркированных списков удалить справа полосу прокрутки. Вот ссылка на страницу где он используется Блог сеошника Витька. Заранее благодарю за любую помощь.

    Asked by heretic,

    0 votes
    2 answers

  4. Несколько вопросов

    Есть несколько вещей, которые хочу реализовать, но такого еще никогда ни делал. 1. Есть кнопка - сделать стартовой, нужно чтобы она делала стартовой в IE, а в остальных перебрасывала на страницу со справкой. 2. Хочу сделать смену фона(изображение) страницы, чтобы юзер сам мог выбрать изображение из доступных. Много пишут о том, как цвет изменить, но это немного не то. 3. Еще хотелось бы сделать смену цветовой схемы на сайте: есть кнопка, юзер жмет и она переключает один css файл на другой. Вот как это все сделать? Еще же нужно для двух последних, чтобы видимо через cookie пользователя запоминал на какое-то время...

    Asked by onsite,

    0 votes
    3 answers

  5. Кнопка при наведении

    Как сделать другой фон кнопки при наведении?

    Asked by onsite,

    0 votes
    2 answers

  6. Фиксировання или резиновая?

    Здраствуйте! Вот у меня вопрос не на теорию, а в первую очередь на ваш опыт. Как лучше верстать с фиксированной шириной или уже лучше резиновая? Я так посмотрел, резина лучше - на любой екран сайт будет выглядить как задумано. Я прав?

    Asked by Shader,

    0 votes
    5 answers

  7. Прозрачный IFrame

    Здравствуйте. Помогите, пожалуйста! Есть страница с iframe'ом в которой подгружаются, соответственно, некоторые другие страницы. Подгружаемые страницы в любом случае имеют цвет бэкграунда: или белый по умолчанию, или тот, который назначен принудительно. Страница с айфреймом имеет красивую кртинку на фоне и айфрейм ее частично задевает и перекрывает цветом бекграунда подгружаемой страницы. Как сделать, чтоб в айфрейме отображалось только содержимое, а фон был прозрачным, чтоб, подгружаясь, страница не закрывала часть картинки на фоне основной страницы?

    Asked by In_Variant,

    0 votes
    1 answer

  8. Вопросик по семантике

    Будет ли очень плохо использовать для лого background, а не img? Моя ситуация требует background, вот только сильно ли это плохо?

    Asked by vikusik,

    0 votes
    5 answers

  9. Шрифты

    Имеется список шрифтов, поддерживаемых в windows. 1. Вы обычно используете стандартные шрифты (которые по дефолту есть в windows) или же какие-то нестандартные? 2. Если нестандартные, то как подгружаете? картинками? @font-face ? Еще читал про метод Cuf?n. Что можете про него сказать? Кто-нибудь использует? 3. Если использовать @font-face для загрузки пользователю шрифта, то каким образом выглядит сайт? То есть сначала грузиться шрифт, потом отображается страница или же страница загружается с одним из стандартных шрифтов, а потом после обновления страницы меняется шрифт?

    Asked by Rustick,

    0 votes
    5 answers

  10. IE-хак не работает

    Есть такой код: #leftnav a { border-bottom: expression(this.nextSibling == null ? "1px solid #cccccc" : "none"); } Сие костыль для работы :last-child. this.nextSibling действительно null, если </a></div>, т.е. нет пробелов. Но вот в ie8 это не работает. null nullом, но работать не хочет. CSS подключается верно: <!--[if lte IE 8]> <link href="etc/ie.css" rel="stylesheet" type="text/css"> <![endif]--> В чем проблема? Ведь работает даже в ИЕ 5.5

    Asked by 7ion,

    0 votes
    5 answers

  11. float

    Доброго времени суток. Подскажите пожалуйста как решить проблему с float'ом. Собственно линк на сетку: http://inkrasnodar.ru/w/GOVNO/index.html Проблема очевидна. Левая колонка ниразу не левая Спасибо.

    Asked by nomn,

    0 votes
    29 answers

  12. Помогите, пожалуйста, понять неправильное поведение в IE7

    Проблема в том, что блок "navigation" прячется под блок "content" даже не смотря на заданный ему z-index! Почему так происходит и как это обойти? проблема замечена в IE7 и ниже, заранее, спасибо! <!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" lang="en"> <head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> .header { position: relative; b…

    Asked by vikusik,

    0 votes
    3 answers

  13. Позиция текста около checkbox

    Привет всем! Как можно при следующей верстке сделать текст "по центру" от чекбокса? <label><input type="checkbox" value="0" name="choice[0]"> Вариант 1</label> Пробовал прописать label { padding-bottom: 4px; } label input { margin-bottom: -2px; } Сейчас выглядит так: P.S: Попробовал label input {float: left} — работает. Но не хотелось бы делать лишние плавающие элементы.

    Asked by warobushek,

    0 votes
    4 answers

  14. ошибка в джаваскрипте

    собственно вот: <script> onload = onresize = function() { var f = document.getElementById('login-box'); m = (document.body.clientWidth/2)+(((document.body.clientHeight*0.9-20)*3/2)/2)-320; l = document.body.clientWidth*0.95-320; f.style.marginLeft = document.body.clientHeight/document.body.clientWidth < .67 ? '[m]' : '[l]'; } </script> нужно, чтобы элементу login-box приписывался стиль margin-left, подсчитываемый функциями l или m в зависимости от выполнения условия f. и не спрашивайте, зачем) так как почти не шарю в джаваскрипте, ошибка, скорее всего, в скобках.

    Asked by MasterP,

    0 votes
    5 answers

  15. как сделать legend?

    del

    Asked by AquaGen,

    0 votes
    0 answers

  16. Создание дизайна сайта.

    Возможно ли создать дизайн сайта с помощью блочного тэга <div> и css? html знаю.

    Asked by ko2,

    0 votes
    7 answers

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

    У меня возникла проблема при создании нивидимого блока под изображением, нужна помощь. <div class="block_1"> <a href="#" class="image"> <img src="url" /> </a> </div> .block_1 { width:460px; float:left; } .block_1 a.image { position:relative; display:block; margin:0; padding:0; } Примитивная задача, казалось бы... Однако размер блока .block_1 a почему-то превышает размер вставленного в него изображения img. Это превышение происходит так, будто добавлен параметр стиля: padding-bottom:5px, т.е. внизу выглядывает небольшая кромка. CSS нигде не задает отступ. Попытка прописать нулевой отступ не помогает. В чем проблема?

    Asked by Lionel,

    0 votes
    2 answers

  18. Подвал и position:absolute

    Как правильно расположить подвал, что б он всегда был под дивом main ? Просто засунуть его в сам main под див center не вариант, т.к. подвал должен быть растянут на всю ширину браузера. Хелп плз, заранее спасибо! <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Документ без названия</title> <style type="text/css"> body,html { width:100%; height:100%; min-width:780px; position:absolute; } #main { width:94%; height:auto; min-height:370px; margin:0 3%; position:absolute; background-…

    Asked by lolka84,

    0 votes
    9 answers

  19. Выравние по горизонтали по одной линии

    заверстал такое меню: как выравнить текст по одной линии по горизонтали, вот так: line-height для ссылки не помогает, так как где-то текст в одну строку где в две

    Asked by okunev2,

    0 votes
    9 answers

  20. background vs text

    Добрый день. Верстаю макет, и заметил ошибку в отображение background в браузерах google chrome, ie7, ошибка в том что например background таблицы, который выровнен по середине экрана, и background дива который тоже выровнен по середине экрана расходятся на 1пх при нечетной ширине экрана Пример на скрине, как не должно быть И как должно быть Надеюсь на вашу помощь ps. помню что такую тему уже задавали на форуме, но так и не смог ее найти

    Asked by Temiks,

    0 votes
    6 answers

  21. Помогите с версткой

    В верстке я еще новичок такшо если вопрос прозвучит странно то не пинайте) На изображении показано макет моего сайта. Вопрос в том как "Блок 2" переместить на "Место блока 2". Но при этом "Блок 1" должен остаться на своем месте а "Блок 2" должен прижиматись до футера. Буду очень признателен за любую подсказку или решение проблемы !

    Asked by vitaljaa,

    0 votes
    3 answers

  22. ширина изображения

    как сделать так, чтобы картинка увеличивалась по мере увеличения окна, но не вылезала за границы экрана? изменять пропорции нельзя, урезать картинку нельзя. что-то туплю, простите: ничего не работает из того, что пробую...

    Asked by MasterP,

    0 votes
    8 answers

  23. position:absolute; - на всех мониторах одинакого?

    Всем привет. Подскажите пожалуйста : Задаю обЪекту стиль css position:absolute; top:200px; left:250px; У меня всё ровно на сайте , относительно других объектов. А на других мониторах всё будет правильно ??

    Asked by d4a1,

    0 votes
    10 answers

  24. инлайн!

    #vk_like { float:right; margin:0px 143px 0px 0px; display:inline; } #fb-root { display:inline; border:0px #FFF solid; } Привет. почему кнопки #vk и #fb не хотят быть рядом?

    Asked by htmlbr,

    0 votes
    12 answers

  25. Сайт фиксированной ширины по центру

    Постоянно сталкивался с 1 проблемой и все не могу найти хорошего решения. Есть основной блок который фиксирует сайт по центру при помощи margin: 0px auto; но возникает проблема что когда контента мало сайт на 1 позиции как только контента больше высоты окна появляется скролл и соответственно сайт дергается в лево. Обычно избавлялся от этого при помощи body {overflow-y: scroll;}. Но хотелось бы узнать как это сделать при помощи js что бы не добавлять скролинг. Я так понимаю поверх всего нужен еще 1 div который будет прижат к левому краю но его ширина будет размером с окно -20px на скролинг. Или есть еще другие варианты? Подскажите плиз решение проблемы.

    Asked by GeSTaM,

    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