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. margin-top смещает родительский блок вниз

    Привет всем. Код: <!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" /> <style> * { padding: 0; margin: 0; } #wrapper { margin: 0 auto; width: 900px; } #header { width: 900px; background: #ABBEBE; } #content { /*border: 1px solid;*/ height: 300px; background: #ABFFFF; width: 900px; } #footer { width: 900px; background: #ABBEBE; } .stick { width: 100px; height: 100px; margin: 100px 0px 0px 10px; } </style> </head> <body…

    Asked by stalker_2000,

    0 votes
    3 answers

  2. margin-top у дива внутри другого дива

    Здравствуйте. Столкнулся с такой непонятной проблемой, которая встречается во всех браузерах, за исключением IE6. Есть два вложенных дива, расположенных вверху страницы. Когда для внутреннего дива я задаю верхнее поле margin-top:20px; ,то внешний див смещается вниз. Это хорошо видно в Firebug. Не понятна логика такого поведения браузеров. Если есть margin у дива, расположенного внутри другого дива, то это должно означать, что должен быть отступ внутри внешнего дива. За внешний див, надо полагать, выйти никак невозможно. Как это можно исправить и в чём здесь ошибка? Как с помощью margin-top можно опустить текст "NAME OF SITE" ниже. padding-top я не рассматриваю, так как …

    Asked by clavin,

    0 votes
    14 answers

  3. margin-top: !important; как убрать отступ?

    Привет! Не знаю куда создать тему, переместит наверно сам модератор... Вопрос: margin-top: !important; как убрать отступ ? Т.е остается длинный пробел, если задать отступ, то другая страница на сайте портится...

    Asked by Bobby monster,

    0 votes
    1 answer

  4. margin-top(margin-bottom) в процентах от высоты родителя

    Сама проблема отступов в процентах появилась из-за резиновой верстки. Все мы знаем о способах привязки футтера к низу, вот я пользуюсь таким способом: <body> <div id="wrapper"> <div id="head"></div> <div id="content" ></div> <div class="footer-push"></div> </div> <div id="footer" > </div><!-- footer --> </body> * { margin: 0; padding: 0; } html, body, #wrapper { height: 100%; width: 100%; } #wrapper{ margin-bottom: -100px; } #head { width: 100%; height: 100px; } #content { width: 100%; height: 400px; } .footer-push { width: 100%; height: 100px; } #footer { width: 100%; height: 100px; } Но…

    Asked by dmitriydrachov,

    0 votes
    1 answer

  5. margin-width и list-style-image

    1)Не срабатывает такое для ИЕ6,как можно исправить? html body { min-width:1000px; } 2)Не работает вот такое для ИЕ6 и ИЕ7 .strelka_marker{list-style-image:url(img/strelka.gif); margin-left:25px; line-height:25px;} Файл хтмл: <ul class="strelka_marker"> <li>Пункт1</li? <li>Пункт2</li? <li>Пункт3</li? <li>Пункт4</li? </ul> Во всех браузерах включая ИЕ8, отображает так: В ИЕ6,ИЕ7 отображает так: Как исправить в ИЕ7 и ИЕ6?

    Asked by people2010,

    0 votes
    14 answers

  6. margin, input, ie

    Здравствуйте! Сразу изложу проблему: имеем вот такой элементарный код, проблема в следующем: элемент с id "v" имеет отступ слева в 10px, аналогичный отступ слева получается и у тега input в ie 5,6,7, вобщем создаётся впечатление что input наследует margin своего родителя, но насколько мне известно маргины не наследуются, да и я пробовал задать input, margin 0, не катит. вобщем в чём косяк? Спасибо за внимание. #c{width:160px; height:40px; background:#888; border:1px solid #000;} #v{width:130px; height:20px; margin-top:9px; margin-left:10px; border:1px solid #000;} #b{width:105px; height:15px; border:1px solid #000; background:#ff0;} <div id="c"> <div id="v"&gt…

    Asked by catman,

    0 votes
    5 answers

  7. Margin, padding и текст

    Очень интересует такой вопрос - от какой точки у текста идет отсчет для свойств margin и padding? Ведь кегель шрифта начинается выше линии прописных букв, и в точности определить где он заканчивается нельзя. Хотелось бы уметь размещать текст внутри блоков максимально точно, у меня сейчас с этим небольшие проблемы.

    Asked by skygazer,

    0 votes
    3 answers

  8. margin: 0 auto для меню span float:left

    Добрый день! Не получается .menu span сделать по центру блока .menu .wrap {position: relative; min-height: 100%; height: auto; -height: 100%;} .container {margin: 0 auto; padding-bottom: 198px; min-width: 998px; max-width: 1000px;} .content {padding: 80px 0px 0px 13px;} .head {padding: 0; height: 247px; background: #ffffff url(../img/headerbg.jpg) 50% 100% no-repeat;} .logo {width: 187px; height: 49px; padding: 77px 0 0 64px;} .logo img {width: 180px; height: 146px;} .foot {background: #ffffff url(../img/footerbg.jpg) 50% 0 no-repeat; width: 100%; position: absolute; bottom: 20px; height: 129px; z-index: 22; left: 0;} #foot {margin: 0 auto; min-width: 998px; max-width…

    Asked by Вадим,

    0 votes
    2 answers

  9. margin: 0 auto; — Google Chrome

    Есть body с фоном, поверх - div с фоном. body { background: #0a0702 url(images/bgr.jpg) top center no-repeat; } .page_elem_main { margin: 20px auto 0 auto; text-align: left; width: 950px; overflow: hidden; background: url(images/img_02.jpg) top center repeat-y; } Стандартная схема. Все замечательно работает во всех браузерах... кроме Хрома. В нем, если уменьшать по ширине размер окна, то выравнивание фона и блока по центру происходит не одинаково, а на каждом четном размере ширины окна все работает нормально, а на каждом нечетном - получается разница в 1 пиксель. Как быть? Картинка

    Asked by zmachine,

    0 votes
    2 answers

  10. margin: 0px в IE8

    Не могу убрать отступы от краев браузера в IE8. В других браузерах все ок, в IE - нет. html,body { margin:0px; padding: 0px; } Может дело в doctype? Я плохо ориентируюсь в отличиях между версиями html. Сейчас стоит xhtml1.0 переходный. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    Asked by Feel,

    0 votes
    5 answers

  11. margin: auto - как оно работает?

    Добрый день! Скажите пожалуйста как именно работает margin: auto? Тут сказано, что "Аргумент auto указывает, что размер отступов будет автоматически рассчитан браузером." Но не совсем ясно, как именно браузер будет автоматически рассчитывать отступы. Каким алгоритмом он руководствуется. Знающие, опишите пожалуйста этот процесс более детально

    Asked by alex_tihonko,

    0 votes
    3 answers

  12. margin: auto не выводит в IE6 и IE7 блок по середине

    Этот блок должен находится в центре!

    Asked by ВысотНик,

    0 votes
    5 answers

  13. Margin:0 auto для блока с абсолютным позиционированием

    Приветствую. Возник вот такой вот вопрос. Есть блок со следующими стилями: .block {position:absolute; right:0; bottom:0; left:0; height:6em; max-width:1200px; margin:0 auto;} Верстка «резиновая». При достижении ширины блока в 1200 пикселей все хорошие браузеры выравнивают его по центру. И лишь обожаемый и неповторимый IE имел все в виду в порядке строгой очереди. Стандартные фиксы не спасают (из-за абсолютного позиционирования): .outer {text-align:center;} .outer * {text-align:left;} Есть ли разумное решение проблемы или же имеет смысл не выносить мозг и вложить в .block другой блочный элемент и прописать стили к нему?

    Asked by solovets-denis,

    0 votes
    1 answer

  14. margin/padding

    скажите, почему родитель с min-hight 100% не учитывает margin-bottom? как решить проблему? html, body, .container{ height:100%; } *{ margin: 0; padding: 0;} #parent{ background: #aaa; min-height:100%; } #child{ margin-bottom: 2000px; background: pink; } <div id="parent"> <div id="child">hello</div> </div>

    Asked by valera,

    0 votes
    4 answers

  15. MARQUEE

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

    Asked by sock4proxy,

    0 votes
    3 answers

  16. marquee

    есть некоторая область, в ней поочередно выводится различная инфа, разбитая на блоки одинаковой высоты. используется тег marquee. <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style> table{ margin:0px; padding:0px; background-color:#5e0100; color:white; font-family:Arial; ont-size:0.8em; text-align:center; } </style> </head> <body> <table width="430" height="60"> <tr> <td> <marquee width="430" height="60" direction="up" scrolldelay="3000" scrollamount="60"> <b>Заголовок 1</b><br /> инфа инфа<br /> <b>инфа</b><br /> <b&g…

    Asked by denas,

    0 votes
    5 answers

  17. marquee

    есть некоторая область, в ней поочередно выводится различная инфа, разбитая на блоки одинаковой высоты. используется тег marquee. <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style> table{ margin:0px; padding:0px; background-color:#5e0100; color:white; font-family:Arial; ont-size:0.8em; text-align:center; } </style> </head> <body> <table width="430" height="60"> <tr> <td> <marquee width="430" height="60" direction="up" scrolldelay="3000" scrollamount="60"> <b>Заголовок 1</b><br /> инфа инфа<br /> <b>инфа</b><br /> <b&g…

    Asked by denas,

    0 votes
    9 answers

  18. MARQUEE при прокрутке в FireFox`е дергается и съедает одну ссылку

    Здесь http://viperson.ru/ 5 бегущих ссылок. В осле все ок, а в фф - вот такая ж... ( Кто-нить сталкивался? Тот же код в другом сайте http://allrus.info - работает нормально.

    Asked by an2k,

    0 votes
    3 answers

  19. Mask in SVG

    Всем привет! И опять у меня проблемы с SVG. Как сделать, чтобы у буквы D был такой же фон как у контейнера? Т.е. D прозрачная, и фон у многоугольника на месте буквы тоже. Мучаюсь здесь

    Asked by Schamil74,

    0 votes
    2 answers

  20. Masonry: странное поведение

    Здравствуйте! Впервые решила использовать на сайте библиотеку Masonry. Вот так подключаю: <ul id="masonry" class="js-masonry clearfix" data-masonry-options='{ "columnWidth": 210, "itemSelector": ".item", "gutter": 10 }'> Но при тестировании обнаружилась странная проблема. если страницу просматривать в Safari под Windows 8, то сначала страница выглядит так: Затем, если изменять ширину экрана вручную, то все встает на свои места. И еще в других браузерах сначала картинки выстраивались в один вертикальный ряд, а после изменения ширины экрана - также все восстанавливалось. В чем может быть проблема?

    Asked by Светлана Г.,

    0 votes
    4 answers

  21. Master pages в чистом HTML

    Есть ли способ создать Master pages (шаблоны страниц, повторяющие дизайн для каждой страницы) при помощи чистого HTML, без SSI, ASP.NET, PHP или JavaScript ? Нужно для мини-сервера, который может только отдавать файлы и больше ничего.

    Asked by Webr,

    0 votes
    5 answers

  22. mature titty

    48:6 Flee, save your lives, and be like the heath in the wilderness. mature site xsex commandments, and obey his voice, and ye shall serve him, and cleave mature lady butt forth from Pharaoh: 5:21 And they said unto them, The LORD look upon mature black lady nude That very same day an old man dressed in a white suit and a straw boater and mature women mpegs about me: therefore will I offer in his tabernacle sacrifices of joy; hun yellow pages mature destroy the names of them out of that place. premature atrial complexes 89:1 I will sing of the mercies of the LORD for ever: with my mouth blonde mature stocking portion or inheritance for us in our father's house? 31:15 Are…

    Asked by irrescimb,

    0 votes
    0 answers

  23. max количество строк в css коде

    Взял тестовое задание,чтобы устроиться на работу (psd - шаблон). Через две недели общее количество строк в коде составило 1100 (~20KB). Из них 1000 приходиться непосредственно на css. Вопрос в следующем: какое максимальное количество строк допустимо в коде одной страницы.

    Asked by cx717,

    0 votes
    1 answer

  24. max-width - проблемы

    Есть вёрстка <div id="header"> <div class="logoheader">blablalba</div> <div class="emblemsHeader">blablabla</div> <div class="textHeader">blablabla</div> </div> Есть CSS #header { height: 155px; margin-bottom: 17px; max-width: 1150px; position: relative; top: 17px; } .logoheader { float: left; margin: 0 !important; position: relative; width: 277px; z-index: 1; } .emblemsHeader { float: left; height: 153px; margin-left: -30px; overflow: hidden; position: relative; width: 129px; z-index: 0; } .textHeader { float: left; max-width: 773px; …

    Asked by sifilis,

    0 votes
    5 answers

  25. max-width в div вёрстке

    Начал работать с DIV вёрсткой. Вот появились первые проблемы. Суть проблемы: Есть 3 div'a, нужно разместить их в одной строчке. Первый и третий div имеют ширину max-width: 100px - это сделано для того, чтобы при отсутствии в них какой-то информации они просто пропадали и 2-ой div, у которого ширина указывается с помощью параметра min-width, мог расширится засчёт этих дивов. С таблицами это всё просто обернуть, да и информация там не уходит за приделы ячейки(ниже увидите о чём я), а тут возникли проблемы. Помогите довести до ума. Вот мои наработки - http://jsfiddle.net/Hacvc/3/

    Asked by Plany,

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