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. Выравнивание меню из списка. Абсолютное позиционирование. Как?

    Выравнивание меню из списка по центру. Абсолютное позиционирование. Как лучше сделать? CSS: * { padding: 0; margin: 0; } img { border: none; } li { list-style: none; } a { color: #333; } a:hover { color: #7dbb24; } .clear { clear: both; } #navig { position: absolute; top: 150px; left: 0px; right: 0px; height: 38px; width:100%; min-width: 1024px; background: #8a8b8b url(img/bgmenu.gif) repeat-x; text-align: center; } #navig ul { text-align: center; margin:0px auto;} #navig ul li { float: left; font-size: 12px; background: url(img/space.gif) no-repeat center right; padding: 10px 30px 10px; } #navig ul li a { color: #fff; text-decoration: none; font-s…

    Asked by setevoi,

    0 votes
    16 answers

  2. Выравнивание меню из списка. Как?

    Доброе время суток. Сделал горизонтальное меню из списка. Помогите разобраться с выравниванием. Ширина фоновой картинки 1000px, высота 30px. Надо текст выровнять по горизонтале по центру и по вертикале центру. Как? CSS .menu{ margin: 0; padding: 0; float: left; font: bold 15px Georgia; width: 100%; background-image:url(images/bg_navbar.gif); /* фоновая картинка 1000Х30px*/ } .menu li{ display: inline; } .menu li a{ float: left; color: #000; padding: 5px 15px; text-decoration: none; } .menu li a:visited{ color: #000; } .menu li a:hover, .menu li .current{ color: #FFC; } HTML <ul class="menu"> <li><a href="#" title="" class="current"&…

    Asked by Yura13,

    0 votes
    3 answers

  3. Выравнивание меню по горизонтали в ие7

    Всем привет. Уже несколько часов пытаюсь выровнять меню по горизонтали в ие7. Для решения проблемы использовал css хак для ие7: *:first-child+html .nav.menu ul li { zoom:1; display: block; position: relative; } В ие7 изменений не произошло, зато в ие8 все стало на свои места . Вот полный код, к сожалению разместить на хостинге пока не могу: /**General**/ * { margin: 0; padding: 0; } img { border: 0; } body { font-family: Arial; background: #f1f1f1; min-width: 960px; } header,nav,section,footer,aside { display: block; height: 1%; } *:first-child+html .nav.menu ul li { zoom:1; display: block; position: relative; } /*…

    Asked by IvanRu08,

    0 votes
    5 answers

  4. Выравнивание меню по центру

    Уважаемые знатоки, здравствуйте. Пытаюсь выравнять текст меню по центру, но пока не получается. Может ли кто-нибудь помочь? На меню можно посмотреть здесь: http://www.marssel.org/rus/ На данный момент прописаны такие стили: #menu ul { background-image:url(../images/menu.png); width:962px; height:52px; margin:0 auto; background-repeat: no-repeat; overflow:hidden; clear:both; } #menu ul li { background-image:url(../images/sep.png); background-position: right; background-repeat: no-repeat; width:112px; height:50px; margin-right:-2px; display: block; float:left; } #menu ul li a { width:109px; height:52px; padding:0; margin:0; padding-top:14px; color:…

    Asked by m-alberta,

    0 votes
    3 answers

  5. Выравнивание меню по центру в IE

    Доброго всем времени суток. Пациент http://systegra.zakaz-saita.com Проблема: верхнее меню во всех браузерах, кроме любой версии IE находится по центру. В IE ну никак не могу выровнять. Что-то упустила, а что - не могу найти. Беда в том, что ul меню растягивается в IE на всю допустимую ширину - на все 1000px - соответственно, его никак не удается отцентрировать. Собственно код </head> <body> <div id="all"> <div id="headerback"> <div id="header"> страшная куча дивов))) </div> <!--end-header--> </div> <!--end-headerback--> <div id="main"> <div id="senter"> <div id="topmenu">…

    Asked by Taatshi,

    0 votes
    2 answers

  6. Выравнивание нескольких таблиц

    Есть первая таблица по центру которая занимает 100% ширины. Есть вторая таблица которая располагается слева, ниже и занимает примерно 20% ширины. Теперь мне нужна третяя таблица, которая должна расположися тоже по центру и занять место уже справа от второй таблицы и ниже первой таблицы, но не ниже второй . Когда я третей таблице задаю выравнивание по центру, она располагается слева внизу от второй таблицы... Мне же она нужна по центру правее второй таблицы... Какой параметр задать третей таблице чтобы она выравнялась по центру? Я думал может не заморачиваться и сделать вместо трёх таблиц одну а в ней уже ячейки... Но может кто знает как выравнивать несколько таблиц...

    Asked by kenu,

    0 votes
    3 answers

  7. Выравнивание нескольких элементов при блочной верстке

    Доброго времени суток, господа! Такой вопрос - при блочной верстке на одной горизонтальной линии требуется разместить текст (2 строки) и картинку. <div style=float:left> <h1>TEXT</h1> <br> TEXT2 </div> <div style=float:right> <img alt="" src=""> </div> Как сделать так, чтобы картинка прижималась к правому краю экрана, а текст в левой части центрировался по вертикали? Чет не пойму... Зачитался уже... ((

    Asked by Asket,

    0 votes
    6 answers

  8. Выравнивание новостей

    Есть сайт http://architrade.cl95046.tmweb.ru/category/novosti/ На нем раздел новости нужно привести в такой вид: Т.е. надо что бы выровнять ссылки параллельно новости. Как это можно реализовать?

    Asked by LancX,

    0 votes
    0 answers

  9. Выравнивание объекта по центру страницы

    Здравствуйте. Хотел спросить, как сделать выравнивание объекта по центру страницы, как на этом сайте http://brezhneva.com/. Там логотип размещен по центру и при увеличении и уменьшении он остается ровно по центру. Как сделать такое?

    Asked by jon4eg,

    0 votes
    5 answers

  10. Выравнивание относительно центра

    Дано: картинка (w=300;h=300) ссылки, расположенные вокруг картинки (поверх картинки). Надо: свертать страницу так, чтобы картинка была посередине окна (при любой ширине и высоте окна), и чтобы ссылки были жестко привязаны к данной картинке (при изменении размеров окна не съезжали относительно заданной картинки). Заранее спасибо.

    Asked by baz1k,

    0 votes
    11 answers

  11. Выравнивание перевернутого текста

    Имеется таблица где в шапке из-за длины название необходимо текст перевернуть. Текст перевернул, но он не рационально расположен в ячейке. Как можно сузить ячейку таблицы, текст сделать в одну строку? table { border-collapse: collapse; margin: 0px auto;} td { padding: 3px; text-align: center; vertical-align: middle; } tr > td:nth-child(1), tr > td:nth-child(2) {text-align: left;} tr:nth-child(1) {background: #4682B4 !important; color: #fff; height:200px;} tr:nth-child(1) td {-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg);} tr:nth-child(1) td:nth-child(1), t…

    Asked by RK3DNP,

    0 votes
    5 answers

  12. Выравнивание по вертикали

    Добрый день! прошу помощи, возникла ситуация, не получается сделать кнопкутак как хочется. Казалось бы ничего страшного, создаю див помещаю в него текст к примеру "Главная" (стиль дива указан ниже, изначально проверяю в фаерфоксе) но текст по горизонтали text-align:center; работает, а вот vertical-align:middle; отказуется работать напрочь, и текст вместо срединки находится в верху кнопки(влияния на текст основного и других дивов более высокого порядка нет), решил обойти это с помощью padding-top:; отодвинуть от верхнего кря, отодвинул все хорошо, но вот при проверке ИЕ, див кнопки полез ниже родительского блока в котором он находится. Сделал кнопку с помощью двух дивов вс…

    Asked by Sergeo,

    0 votes
    3 answers

  13. Выравнивание по вертикали

    Привет всем. Пятница, вечер, голова не соображает). Прошу помощи. Есть див 300 на 300 пикселов. Внутри него нужно выровнять по вертикали текстовый контент. Три вида текста в трёх спанах. Количество текста в спанах заранее неизвестно. А так как спанов три, то количество комбинаций может быть разным. Несколько вариантов для наглядности набросал. Какие стили нужно задать элементам?

    Asked by ILL-JAH,

    0 votes
    3 answers

  14. Выравнивание по вертикали

    Необходимо выровнять блоки по вертикали. У меня верстка пока получается вот так http://skrinshoter.ru/s/160418/UDCfQwYu Подскажите, как это сделать? Верстка респонсив. Причем нужно чтобы и заголовки и цены тоже были на одном уровне Почему то на codepen это немного по другому выглядит. Но все равно нужно это как то выровнять

    Asked by yaparoff,

    0 votes
    7 answers

  15. Выравнивание по вертикали li без line-height

    Здравствуйте. С помощью гугла я так и не нашёл ответ на свой, вроде бы, распространённый вопрос. В общем как выровнять по вертикали ссылку<a href=""></a>, которая находится в li? line-height и padding отпадают, т.к. ссылка у меня может состоить из 2 строк. А может и из 1. Подскажите, пожалуйста. .

    Asked by prowoke,

    0 votes
    5 answers

  16. Выравнивание по вертикали блок (картинка) + 1 или 2 строки текста

    Добрый день. Задача следующая выводится список, элементами которого является ссылка (блок с фоновым изображением 45px x 45px) и справа от него идет название. Это название может быть в одну или две строчки. Необходимо чтобы при любом кол-ве строк, текст выравнивался по середине. Пример изображения здесь http://files.mail.ru/OP74ZZ?t=1 С помощью таблички такое делается в легкую, а как с div'ами?

    Asked by BAV,

    0 votes
    19 answers

  17. Выравнивание по вертикали блока внутри блока

    Всем доброго дня. Имеем код: <div style="width:500px; height:250px;" class="container"> <div class="content">Произвольный, меняющийся контент, высоту блока задать явно не получится.</div> </div> Вопрос: можно ли div.content выровнять внутри div.container ? vertical-align:middle не работает...

    Asked by goooooch,

    0 votes
    1 answer

  18. Выравнивание по вертикали в теге li

    Что-то я запарился и не могу найти правильное решение, как по вертикали оцентрировать текст рядом с картинкой. Вот, что я делаю и не получается: HTML: <ul> <li>Один</li> <li>Два</li> </ul> CSS: li { list-style-image: url(img/ok.png); list-style-position: inside; vertical-align: middle }

    Asked by LuxCore,

    0 votes
    4 answers

  19. Выравнивание по вертикали ячейки

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

    Asked by gross,

    0 votes
    7 answers

  20. Выравнивание по высоте

    Необходимо выровнять красный блок по центру по вертикали. Т.е. когда текста в <h1> становиться больше, родительский див растягивается, то и красный блок остаётся ровно по центру по высоте. Перекопал гугл, проблему не решил( <body> <div style="background:#CCC; width: 70%; overflow: hidden;"> <h1 style="width:70%; float:left"> Ах, этот текст! Ах, этот текст! Ах, этот текст! Ах, этот текст! Ах, этот текст! Ах, этот текст! Ах, этот текст! Ах, этот текст! Ах, этот текст! </h1> <a href="#" style="float:right; padding:20px 20px; background:#F00; display:block">Ах, этот текст! </a> </div><…

    Asked by goodsik,

    0 votes
    5 answers

  21. выравнивание по высоте трех колонок

    Дорогие форумчане, помогите. Я совсем начинающий. Правлю css файл для интернет магазина, тем самым меняя его дизайн. Использую макет "Фиксированная ширина 3 колонки" . Проблема - если одна из колонок выше остальных, то получаются у остальных колонок разрывы с футером. Вот сайт albaro.ru Там прямо на главной странице видна эта проблема. Хотелось бы, чтобы высота всегда была одинаковая (по самой высокой колонке). Спасибо большое!

    Asked by samulet,

    0 votes
    12 answers

  22. Выравнивание по горизонтали и вертикали

    body { margin: 0px; } .bdiv { width: 100%; height: 200px; border-color: #000000; border-style: solid; border-width: 1px; z-index: -1; position: absolute; vertical-align: bottom; } .bodydiv { width: 900px; height: 900px; min-height:900px; border-color: #000000; border-style: solid; border-width: 1px; z-index: 1; position: absolute; left: 50%; top: 50%; margin-top: -275px; margin-left: -390px; } <body> <div class="bdiv">Content for class "bdiv" Goes Here</div> <div class="bodydiv">Content for class "bodydiv" Goes Here</div> </body> </html> Хочу чтобы было вот так как на картинке. bdiv прилип к верху и все. Ко…

    Asked by triode-master,

    0 votes
    0 answers

  23. Выравнивание по максимальной высоте

    Добрый день всем. Мучаюсь над выравниванием блоков по высоте. есть такая штука: http://jsfiddle.net/kBgRH/ Надо выровнять эти 3 колонки. Добился какого-то результата по выравниванию в хроме, но в IE9 фон тянуться не хочет... .region-bg использую по причине, что вместо цвета будет background-картинка. Существующие решения не катят из-за: 1) произвольное число колонок (там еще и строк будет несколько) 2) border-radius Есть предложения сделать это без JS? P.S. заранеее спасибо P.P.S. прикольный глюк, кстати. Если убрать top:0 у .region-bg, то он прижмется к низу, если убрать bottom:0, то он прижмется кверху. это нормально. но вместе в IE9 они обрабатываются довольно странно.…

    Asked by MiReQ,

    0 votes
    12 answers

  24. выравнивание по нижней границе блока

    Есть внешний <div> внутри него <div> c текстом. Задача- выровнять текст относительно нижней границы внешнего блока. Мне казалось логичным сделать это с помощью margin-bottom. Но нифига. Относительно левой границы margin-left работает, относительно верхней границы margin-top работает и смещает блок, а вот изменение margin-bottom ни к чему не приводит...

    Asked by miknsk,

    0 votes
    10 answers

  25. Выравнивание по нижнему краю

    Всем привет! Подскажите, плз, как с помощью слоев раилизовать следующее: <table border="0"> <tr> <td align="right" valign="bottom"><img src="icon.gif" alt="12" /></td> <td align="left" valign="bottom">Такое объявление, прогнозирует The Times, вскоре появится на сайте NASA</td> </tr> </table> т.е., чтобы и картинка и текст были всегда выравнены по низу независимо от кол-ва текста.

    Asked by dimych,

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