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. Выравнивание ячеек таблицы по высоте

    Здравствуйте. Столкнулся с проблемой - есть таблица, в которой имеются ячейки, разные по высоте из-за контента. Поэтому высота ячеек получается разной. А нужно прижать один элемент к низу ячейки.Будь они одинаковой высоты - воспользовался бы position: absolute . А так все скачет и получается некрасиво. Есть какие либо варианты выравнивания ячеек по самой высокой в ряду?

    Asked by drdorian,

    0 votes
    13 answers

  2. Проблема с фиксацией фона

    Добрый день форумчани. Собственно проблема такая: - При уменьшении окна браузера фон макета начинает сдвигаться, что не есть правильно. Пробовал его зафиксировать с помощью min-width, реакции 0. Примеры: http://www.rzonline.ru/ - Фон не фиксированный (как у меня) http://pw.mail.ru/ - Фон фиксированный (как нужно) Фотографии моей проблемы: - Нормальное разрешение - При уменьшении окна CSS: HTML Заранее спасибо за помощь.

    Asked by DarkSim,

    0 votes
    2 answers

  3. wingdings

    пишу <p style="font-family:Wingdings; font-size:8pt; color:#595959">(</p> везде получаю значок телефона, как и положено, а в файрфоксе получаю скобку. проверено на 2 компах в ff 5. вопрос: почему он игнорирует четко прописанный выбранный шрифт? при том, что в верстке еще использую arial и arial black, которые отлично воспринимаются.

    Asked by MasterP,

    0 votes
    2 answers

  4. дропдаун меню

    меню при наведении на элемент перекрывает див котрый под ним, подскажите, как исправить? посмотреть можно тут arsenalprint.kz/archive/archive.html если уменьшить высоту блока mainmenu

    Asked by like2dev,

    0 votes
    8 answers

  5. Сайт по центру экрана

    есть такое дело. сайт едет влево. как его сделать по центру? #page-wrapper { min-height: 100%; margin: 0 0 -85px; width: 995px;

    Asked by Tchorteg,

    0 votes
    2 answers

  6. Резиновый макет с контентом в центре с полосой прокрутки

    Подскажите как реализовать такой макет правильнее? Этот неправильно отображается в старых IE, мобильных браузерах, возможно где-то ещё.. http://jsfiddle.net/QeW7E/ <!DOCTYPE html> <html lang="ru" > <head> <meta charset="utf-8" /> <style> * { margin:0; padding:0} body { width:100%; height:100%; background:#CCC;} #wrapper { width:1000px; height:100%; margin:0 auto;} #header { width:100%; height:200px; position:absolute; top:0; background:#EEE;} #content { width:1000px; position:absolute; top:200px; bottom:200px; background:#999;} .sidebar-left, .sidebar-right {float: left; width: 200px; height: 100%;} #center { width:600px;…

    Asked by Munk,

    0 votes
    3 answers

  7. Организация таба

    Ребят подскажите, каким способом можно сверстать такой таб. Я нашел такое http://www.pmob.co.uk/temp/tabmenu_mine2.htm , но мне не подходит т.к. задний фон белый, подскажите пожалуйста или дайте ресурс где можно прочесть. Календарь сверстан табилцами.

    Asked by like2dev,

    0 votes
    11 answers

  8. Проблема верстки

    Здравствуйте! Помогите мне решить проблему с кроссбраузерностью. Вот так у меня выглядит меню в Opera: А вот так в остальных браузерах: То есть в последнем случае появляется в заголовке лишние пиксели и фоновая картинка начинает дублироватся. <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="50" valign="middle" class="menu2"><strong class="toptext2">База вещей</strong></td> </tr> <tr> <td valign="middle" class="menuBody"> тут ссылки меню </td> </tr> </table> .menu2 {background-color:#887b56;background-image:url(ссылка на фоновое изображение);font-size:16px;…

    Asked by _ZheKA_,

    0 votes
    3 answers

  9. Регулярное выражение

    Добрый день, прошу прощения, что беспокою по такому пустяковому вопросу, но что-то у самого не получается. В общем не могу я составить регулярное выражение на нахождения знака равно в строке Пытался так /^=$/, не получается. Подскажите пожалуйста

    Asked by MC WEST,

    0 votes
    4 answers

  10. логотип в шапке

    Есть 3 картинки нужно чтобы они все были в шапке(резиновой) по центру.При наведении на каждую картинку должно появлятся слово и оставаться.К каждой картинке своё слово .Как это реализовать? http://itmages.ru/image/view/229056/d046e59a

    Asked by Rambo2045,

    0 votes
    20 answers

  11. Резина по высоте проблема с футером

    При уменьшении по высоте окна браузера, футер почему-то наезжает на центральную часть. Не пойму как поправить код чтобы не наезжало, и при уменьшении по высоте, просто футер сдвигался вниз, а так он и так прижат всегда к низу. Буду благодарен за помощь, профи <!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" lang="ru"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta http-equiv="Content-Language" content="ru" /> <meta name="description" content="descri…

    Asked by okunev2,

    0 votes
    7 answers

  12. автодобавление ссылки cайта на картинки

    помогите пожалуйста! строю свой сайт на Ucoz. Вот он . Мне нужно сделать так чтобы на каждуюю загружаемую картинку на сайт налогался бы адрес моего сайта как вот тут: видите в нижнем углу? мне так же нужно.. я честно в нэте искал ничего не нашел... Помогите..

    Asked by digo112,

    0 votes
    3 answers

  13. Создание начального макета

    Нужно создать вот такой вот макет что бы было без разделения (линий) между частями. Когда я делаю больше двух колонок, то у меня начинается белебера из-за недостатка опыта. Может быть есть тема в которой рассказывается по создание колонок. Работаю в Adobe Dreamweaver CS5 заранее благодарна всем.

    Asked by Livandey,

    0 votes
    33 answers

  14. проблема при размещении рисунков

    Добрый день! Возникла проблем при вставке 2-х изображений в ячейку таблицы. Нужно чтобы одно отступало сверху-слева на 10 пикселей, а другое было прижато вправо-вниз ячейки. Пытаюсь использовать такой код <td colspan="2" rowspan="2" ><img src="tel.gif" style="float:left;margin-right:100px" alt="" /><img src="drevo.gif" style="padding-right:0px; padding-bottom:0px" alt="drevo" /></td> не помогает. Заранее благодарю за совет)

    Asked by ilya111,

    0 votes
    2 answers

  15. Появление отступов

    Здравствуйте! При изменении масштаба появляются пробелы между резаными картинками, как от этого избавиться? Вторая проблема связана с кнопкой в слайдшоу, левая кнопка в разных браузерах отображается в разных местах, в опере глубже, в хроме сверху, а в мозиле нормально, потому что как раз верстал под Mozilla. http://testinsidesquad.seopremier.com.ua/ Заранее спасибо, с уважением Андрей!

    Asked by Vendetta-V,

    0 votes
    8 answers

  16. Не отображается картинка тега <img>

    Здравствуйте. Не отображается картинка: <img class="picture" alt="" src="/images/heart.png"> Название картинки и путь правильные. Почему?

    Asked by OlegALL,

    0 votes
    2 answers

  17. Позционирование картинки "с ушами" по центру окна

    Привет. Есть макет 2 колонки 970px фиксированный (хедер, левый сайдбар, контент, футер). Между хедером и контентом есть картинка больше размера body (неоднородная переходящая в фон) 1222px (типа с ушами слева/справа). Задача была чтобы картинка всегда была по центру, а при сворачивании окна, "уши" картинки прятались слева/справа, под окно браузера. Короче, я ее спозиционировал относительно. Проблема в появлении горизонтальной прокрутки, может кто подскажет как убрать? картинка: Код css: html, body { margin:0 auto; padding:0; border:0; width: 970px; background: #f7d100; } .centerimage { position:relative; left: -125px; width: 1222px; height: 300px; } код html: &l…

    Asked by сс9000,

    0 votes
    39 answers

  18. Помогите прибить подвал

    Добрый день форумчане, нужна помощь. Есть страница и с ней проблема. Не получается прибить подвал к низу. Загвостка как я думаю в том, что родительский блок #wrapper не хочет вытягиваться по высоте дочернего блока в данном случае content. Помогите разобраться как это можно исправить.

    Asked by yujin11,

    0 votes
    4 answers

  19. Сео вопрос

    Здраствуйте, форумчани! У меня вопрос к опытным и неочень сеошникам : Я слышал, что лучше не регистрировать самому сайт в ПС, а лучше, чтобы они нашли где-то ссылочку на него и проиндексировали сами. Говорят, что это может повлиять и на рейтинг в выдаче. Правда ли это? Пользовались ли вы таким методом? И как работает?

    Asked by Shader,

    0 votes
    4 answers

  20. Рисованная шапка блога

    Доброго всем времени. Вопрос такой- у скачанной темы вордпресса я полностью перерисовал шапку в фотошопе, т.е. и название блога нарисовал и описание тоже НАРИСОВАЛ!, теперь не могу разобраться как название сделать H1, а описание H2, и чтоб название с описанием были кликабельными. Первоначально было так, в админке пишешь название и описание, и они автоматом появлялись в шапке, но меня не устраивал дизайн шрифта, я удалил из хедера вот этот код (<?php $tmp=(is_single() || is_page())? "div":"h1";?> <<?php echo $tmp;?> id="blog_title"><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></<?php echo $tmp;?>>…

    Asked by vvalera12,

    0 votes
    1 answer

  21. Сглаживание шрифтов, в чем разница?

    Народ, наблюдается следующая картина В обеих случаях шрифты 11px Tahoma, где это поставить, что бы в верхнем случае сглаживание было таким же как и в нижнем

    Asked by lessless,

    0 votes
    8 answers

  22. Склеивание блока

    Народ помогите разобраться как склеить блок ,есть 2 части и ,нужно получить . Помогите разобраться как склеить такой блок ,позиционированием и другими способами какими будет не сложно.И еще вопрос какая структура вложености тегов html? Буду очень благодарен за помощь.

    Asked by coldug,

    0 votes
    2 answers

  23. игнорируется p:first-child

    p { margin: 0 0 0px; color:#FFF; text-align:justify; text-indent: 1em; } p:first-child { text-indent: 0; } не пойму в чем причина. перепробовал и записи вида .text p {....

    Asked by z-0091,

    0 votes
    10 answers

  24. Избавление от отступа

    Доброго времени суток. Вновь взялся за изучение объекта вожделения, а именно, вёрстки. При поиске решения для создания основного поля (где будет размещаться весь контент) с закругленными углами, попробовал решения через css (отказался, т.к. не достиг успеха отображения в IE) и остановился на внедрении двух картинок (низ, верх) с закругленными углами, а между ними растянул фон, в который и хотелось бы заносить основную информацию. Однако, столкнулся с проблемой: не получается ликвидировать отступы от "закругленных" изображений: код: Подскажите пожалуйста, в чём мой косяк?

    Asked by ProRus,

    0 votes
    5 answers

  25. HTML5 + правильная разметка документа

    Давайте возьмём за основу самый простой схематический макет: И так имеем: Шапка. Содержится в теге <header> Контентная часть. Содержится в теге <article> Боковая панель. Сожержится в теге <aside> Ну и по логике вещей всё это дело можно положить в <section> ? Или же контент должен хранится в <section> а <aside> уже будет к нему как второстепенный блок? Как правильно?

    Asked by klierik,

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