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. Опустить картинку чуть ниже текста

    у меня несколько таких блоков, где есть иконка и текст заголовка, но как сделать так, чтобы иконка была ровно по середине, т.е. она сейчас и так вроде бы по середине, а мне надо иконку чуть опустить вниз при этом чтобы текст оставалс на своем месте, или наоборот чуток поднять текст. КСС код для иконки простой, просто отступ и тексто тоже просто по центру #write-story .container .box h1 img{margin-right: 4px;} #write-story .container .box h1{color:#994f2e; font-size: 16px; font-family: Georgia; text-align: center; font-weight: normal;} Помогите пожалуйста правильно отцентрировать. И еще вопрос, как сделать всю область ДИВ контейнера ссылкой? Так чтобы при наводе на обл…

    Asked by hello2,

    0 votes
    3 answers

  2. Опустить колонки до футера, а футер до низа

    Уважаемые, столкнулся с проблемой... Не могу опустить футер до низа браузера и не могу опустить обе колонки до футера... надеюсь ктото поможет =) <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>vo4tap.info</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" charset="windows-1251" /> <meta name="Keywords" content="Кодовые, слова, через, запятую" /> <meta name="Description" content="Описание страницы и что за херня на ней" /> <link href="style.css" type="text/css" rel="stylesheet"> <style> * {padding: 0; margin: 0;} html {height: 100%; min-width: …

    Asked by vo4tap,

    0 votes
    5 answers

  3. Опытные верстальщики, а как вы проверяете на крассбраузерность?

    Не стал поднимать темы с бородой. Какой лучший и удобный, с вашей точки зрения, способ проверки на кроссбраузерность? Стоит ли пихать всё в одну папочку? Будут ли они конфликтовать друг с другом? Или же стоит воспользоваться специальными программами и сервисами? Но стоит ли им доверять? Про случай с какой-то виртуальной машиной вообще не понятно.. В общем нуждаюсь в совете

    Asked by flagreit,

    0 votes
    39 answers

  4. Опытные подскажите пожалуйста

    Народ кто опытный подскажите как вы боритесь с такими вещами в верстке: 1. когда в обвертке два плавающих элемента, то обвертка схлопывается и контент ниже обвертки наезжает на контент который в обвертке, когда-то задавал похожий вопрос, сказали очистить потолок, добавить в обвертку стиль overflow:hidden; Какие еще есть варианты? 2. Вот если фиксовый макет, я центрирую блок таким образом margin:0 auto. Но такое не работает на ie 7, как можно еще центрировать блок обвертку всего контента?

    Asked by vladmih,

    0 votes
    18 answers

  5. опять 2 колонки

    Столкнулся с проблемкой... вроде обычный двухколончатый макет, но не знаю как сделать так, чтобы колонки были одной высоты, которая бы зависела от наполнения... т.е. 2 колонки вели себя как колонки таблицы и могли растягивать вниз общую нижнюю границу... В моем коде граница может растягиваться только в зависимости от наполнения правой колонки, а вот если в левой колонке больше контента, то он за границу лезет... Может есть у кого-то мысли или делал кто-то... Таблицей сделать можно легко, но хочется css и дивы <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">…

    Asked by dber,

    0 votes
    2 answers

  6. Опять float

    Прошу посмотреть страничку http://pomidor.com.ua/seemax/peregorodkin/team.htm Перепроверил не один раз свойства 5й картинки в наборе лиц. Такое ошущение, что именно для нее float: left; отменен неведомой силой.

    Asked by seemax,

    0 votes
    9 answers

  7. Опять IE?

    Посмотрите плз страничку в IE9 http://pomidor.com.ua/seemax/Imageneer/HTML/Imageneer.html Во всех броз картина прдсказуема, а в этом футер безобразно едет вправо добавляя горизонтальный скролл. Не удается раскопать причину такого явления. Может знатоки подскажут?

    Asked by seemax,

    0 votes
    4 answers

  8. Опять IE(((

    Решил скачать шаблон сайта PSD и еще потренироваться верстать на слоях... Дошел до этого момента, пересматриваю в браузерах.. Опера - нормально, Фаерфокс - нормально, Гуглхром, Сафари тоже также, IE - чего!!??... Получается так, во всех браузерах кроме IE выглядит так: (снизил чуть качевство канечн) А в IE всё перекареживает, пытался, пытался всёравно или текст слит или как на картинке и слит и снесен... Что надо сделать или что неправильно? Код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" …

    Asked by woofs,

    0 votes
    6 answers

  9. Опять robots.txt

    Насколько знаю, есть возможность в robots.txt отключить индексацию поисковиками определ?нного каталога. вот что у меня в robots.txt User-agent: * Disallow: что дописать, чтоб каталог ./too который лежит в корне, не индексировался. p.s. рекомендованый на форуме ресурс http://robotstxt.org.ru/ не доступен

    Asked by Шейла,

    0 votes
    3 answers

  10. Опять блоки

    Основной блок определённой ширину.Туда будет помещаться много блоков Тоже определённой ширины и высоты.При этом их ширина в несколько раз меньше ширины всего блока,что позволяет расставлять в одной строке несколько блоков.Вопрос в том как они внутри него будут располагаться.Хочу сделать чтоб они располагались так будто у них у всех стоит float:left,т.е. в одной строке стоял не один блок ,а столько сколько поместится,но мне не нужно флоат ,так как он убивает высоту у родителя. Как так сделать?

    Asked by new01,

    0 votes
    6 answers

  11. Опять верстаю меню в joomla, проблема с маркерами

    Всем привет! начал делать шаблончик на дивах и сразу возникло много проблем, начну с первой) Левое меню должно выглядеть вот так. Ненумерованный список в жумле (стандартный модуль), в качестве маркеров стрелка с фоном, и у li остальная часть. Почему то нашел единственный способ их сблизить: list-style-position: inside; в FF, Chrome робит, Opera 11.10 пофигу ( Про отступы вообще молчу, буду разбираться в порядке очереди. В IE 6 лучше не открывать, чтоб не потерять дар речи. http://soleks.ru.preview.ihc.ru/ Благодарю за советы

    Asked by Игорёk,

    0 votes
    6 answers

  12. опять выпадающее меню

    знаю, много на форуме обсуждалось, как сделать выпадающее меню не прибегая к скриптам. вот я пытаюсь такое меню сделать. вроде бы получается в общих чертах, но есть несколько косяков. 1. в ИЕ под элементом меню, которое содержит в себе еще вкладки, появляется небольшой отступ. как от него избавится я не знаю. чего только не пробовал 2. в опере выпавшая менюшка вообще никак не реагирует на движения мыши. самое обидное, что вводит меня в ступор - даже на ссылку никак не нажмешь CSS: #menu{ display: block; position:relative; top:0;left:0; padding:0; margin:0: } #menu a { display: block; width:100%; height: 10px; background: #ccc; } #menu a:hover { background: #aaa; } #m…

    Asked by aspid,

    0 votes
    3 answers

  13. Опять выпадающее меню

    Выручите /* удалил урл */ Вот тут на подменю нажать не получается, потому что оно пропадает. А на главной странице оно вообще не появляется. Вёрстка не моя. _http://sko.10401.aqq.ru/ Вот это я делал, здесь меню сделано точно так же - и работает. Где собака зарыта о_О?

    Asked by Gaspode,

    0 votes
    10 answers

  14. Опять дивы опять интересно почему ...

    собсвтенно версия #1 http://www.onmarket.com.ua/ppc/ppc.htm как бы не менялась высота каждого блока товаров все остальные блоки так же меняют свою высоту (при этом это все дивы с флоат лефт) картинка http://www.onmarket.com.ua/ppc/1.png ===================================== версия #2 http://www.onmarket.com.ua/ppc/ppc2.htm как не кручу, в рекламых блоках по середине, видимые границы дива всеравно пляшут по высоте, пробывал разместить через флоат лефт - не помогло, пробовал тягать див по ячейке таблицы - не помогло, полез читать - увидел что в дивах высота задается либо четкой велечиной либо задаетсо содержимым дива.... но как тогда работает это в версии #1 ???? картинка …

    Asked by BogusUA,

    0 votes
    3 answers

  15. Опять ж таки резиновый дизайн двухколоночный

    Народ, знаю, что резиновый дизайн двух колонок обсуждался сто раз. Но нигде не встречал именно верстки, удовлетворяющей следующим условиям: 1) верстаем блоками 2) две колонки. первая - фиксированной ширины, слева. вторая - растягивается во всю ширину экрана 3) высота обоих колонок одинаковая (контент любой колонки задает высоту и другой колонки) 4) наконец, высота другой колонки реальная, а не задается border. Есть решение этой задачи? <div id="header"></div> <div id="content"> <div id="left_col"></div> <div id="right_col"></div> </div> <div id="footer"></div> Какой-нибудь css к этому....

    Asked by AntonSubbota,

    0 votes
    19 answers

  16. опять же высота min-height

    Привет. Появилась задача сделать вокруг блока несколько фоновых изображений. Все получилось, но вот есть глюк, который я не знаю как исправить... если высота блока превышает 100%, то фоновые изображения остаются на месте, а контент вылазиет за их границы. Объясните с примером плз как решить данную задачу. Спасибо! <!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> <title>test</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> html, body {height:100%; margin:0; padding:0;} #wrapper {wi…

    Asked by white_kh,

    0 votes
    12 answers

  17. Опять ИЕ и background

    На этом сайте http://escort.ru/ в шапке есть background тянущейся в правом блоке шапки Везде нормально но в ИЕ6 полоска как то странно к низу прибита... Почему так подскажите пожалуйста

    Asked by Mary_RND,

    0 votes
    3 answers

  18. Опять или снова, проблема с IE6.

    Размножение контейнеров это по части ie6 Контейнеров <div id='b'> насчитывается 12 через ctrl-u, как и полагается, так от куда берутся дубликаты снизу? Слева скрин из ie6: А справа скрин из остальных браузеров. Я знаю, что тут обитают опытные верстальщики. Пожалуйста, поделитесь мудростью борьбы с этим чудо ie6. Больше всего меня убило то, что левый div в первом контейнере расположен нормально, а в остальных нет. Контейнеры посторяются в цикле, черезе PHP. Это контейнеры окантовки: #top {width:89%;height:10px;position:absolute;top:-11px;left:11px;background:url(i/b/t.png);repeat-x 0% 0%;} #bottom {width:89%;height:10px;position:absolute;bo…

    Asked by Beck,

    0 votes
    2 answers

  19. Опять маркеры пропали Х(

    Доброго времени суток. Как обычно проблемы со списками у меня. На этот раз такие - в IE маркеров нет вообще, -в Opera(10) маркеры, которые появляются при наведении мышки на ссылку, при этом же центрируюется текст внутри ссылки, тоже центрируются вместе с текстом( .Хром, Фаер, Сафари - едят все как надо, вот Оперу не уговорю никак(. Страничка : http://www.beavers-net.narod.ru/capricorn.html *Еще проблема - по непонятным причинам IE от QIP вызывает дебаггер при кликах на меню.. В ИЕ-тестере такого не обнаружил. полный css к менюшке: #menu li a{ display : block; background : #decda1; border : 1px solid #aaffaa; color : black; height : 23px; width : 105px; mar…

    Asked by tt48,

    0 votes
    14 answers

  20. опять меню

    Всем привет, такое дело, в меню при выделении скачут буквы, как это исправть, вот код ul.menu{ margin:0; padding:0; } ul.menu li{ display:inline; padding:3px; margin-right:5px; } ul.menu li a{ color:#000000; font-family:Georgia; font-size:14px; } ul.menu li a:hover{ color:#000000; font-family:Georgia; font-weight:bold; } <ul class="menu"> <li><a href="#">О стране </a> |</li> <li><a href="#">Справка туриста</a> |</li> <li><a href="#">Что посмотреть</a> |</li> <li><a href="#">Развлечения</a> |</li> <li><a href="#">Кухня</a> |</li> <l…

    Asked by -O-J-A-,

    0 votes
    10 answers

  21. Опять на тему инпутов :-)

    Народ обьясните почему инпуты находятся на разной высоте в разных броузерах не понимаю www.homeoclass.ru

    Asked by TonKhaO,

    0 votes
    15 answers

  22. опять наш любимый IE

    если нужно прописать два спец класса, первый для всех браузеров IE кроме версию 8, другой только для версии 6, выходит так что нужно в теге head прописывать 2 события??????? <!--[if lt IE 8]> <link href="" rel="stylesheet" type="text/css" /> <![endif]--> ———- <!--[if IE 6]> <link href="" rel="stylesheet" type="text/css" /> <![endif]--> можно как-то совместить?

    Asked by termoplus,

    0 votes
    5 answers

  23. Опять не могу выровнять изображение по центру

    Здравствуйте все! Вопрос к специалистам по верстке. Вот сайт http://vasyok.arvixe.ru Там есть вот такой вот рисунок на таком вот слое: #art-page-background-glare-image { background-image: url('images/Page-BgGlare.gif'); background-repeat: no-repeat; height: 718px; width: 1237px; margin: 0 auto; } С этим элементом 2 проблемы: 1. В 1280*1024 он располагается там где надо. Но в 800*600 он «едет» вправо, а в IE он вообще капитально съехан. 2. Можно его поставить над вот этим слоем ? (сейчас он под ним): art-Sheet { /*С сокращениями*/ position:relative; background: url('images/Cont.gif') top center repeat-y; }

    Asked by VasyOK{!},

    0 votes
    7 answers

  24. Опять непонятный баг в IE6

    Всем привет, недавно был вопрос о том как сделать уголки закругленные на однородном фоновом цвете, там в итоге сделал три дива, верхний, средний и нижний, и в верхнем и нижнем по 2 вложенных дива с флоатами лефт и райт! тут вот сайт http://www.tatyanavais.ru/tehnolog.html проблема похожая но тут ситуация круче так как фон сзади градиентный поэтому предыдущий вариант не сгодился так как там картинки с уголками имеют пнг прозрачность в этоге сделал немного добавив кода а именно вот кусок кода <div id="left_area_top"> <div id="left_area_top_left"><img alt="" src="images/left_top_c.png"></div> <div id="left_area_top_right"><img alt="" …

    Asked by TonKhaO,

    0 votes
    19 answers

  25. Опять о поиске на сайте

    Как сделать, если на сайте стоит Гугловский поиск, чтобы в результатах поиска к ссылке на найденную страницу добавлялся и адрес Якоря? А если это не реально, то можно ли сделать в собственном поисковике? Если да, то дайте пожалуйста ссылку на урок, а лучше на скрипт!

    Asked by chest,

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