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 под Firefox

    Доброго времени суток. Я неопытен в кроссбраузерной верстке, потому обращаюсь с вопросом. Вот моя демка сайта: http://demo.vlad-nastya.ru/ В хроме и ие верхнее меню точно по центру (так задумывалось). А в фаерфоксе сдвинуто вправо. Мысли: При загрузке в хроме на 0.5 секунды меню тоже сдвинуто, но потом становится точно по центру, вероятно из-за наложения друг на друга свойств из разных css. Хром делает приоритетным желаемое свойство, а фаерфокс какое-то другое. P.S. Оригинальный шаблон http://joombloger.com/2010/12/js-black-white-joomspirit-template/

    Asked by tau34rus,

    0 votes
    2 answers

  2. выровнять по вертикали

    Всем привет, столкнулся с такой проблемой. Есть набор елементов li (их может быть от 1 до 6) имеют min-width. Эти элементы флоачены. Находятся они как и пологается в ul, который имеет ширину и высоту. Как выровнять li по вертикали (количество елементов варируется от 1 до 6). Пример можно посмотреть тут http://jsfiddle.net/s97vJ/

    Asked by Justtie,

    0 votes
    11 answers

  3. Выровнять по верхнему краю текст в дивах

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

    Asked by StOK,

    0 votes
    13 answers

  4. Выровнять по высоте елементы

    есть страница накаторой есть табличка, в одной строке - 3 ячейки, в каждой ячейке вложеная таблица с какимто контентом, контент рястягивает вложеные таблицы по высоте, и соответсвенно внешне выглядит как блоки разной высоты, а нада чтобы они были все одной высоты, даж если при этом в одной из вложеной табличке будет пустое место.

    Asked by BogusUA,

    0 votes
    4 answers

  5. Выровнять по центру

    Как выровнять по центру содержимое тега div с помощью CSS. Если в HTML сделать вот так: <div align="center">, то всё будет по центру. <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <link href="http://www.___.ru/style-all.css" rel="stylesheet" media="all"> <title> </title> </head> <body> <div align="center"> <table class="Table-Top"> <tr class="Tr-Top"> <td class="Td-Left"> </td> <td class="Td-Center"> </td> <td class="Td-Right"> </td> </tr> <tr class="Tr-Middle"> …

    Asked by shabalin-roman,

    0 votes
    3 answers

  6. Выровнять по центру nav

    Подскажите плз, что я делаю не так? Нужно выровнять по центру nav. Спасибо! http://jsfiddle.net/d4qgg/

    Asked by JosePerez,

    0 votes
    2 answers

  7. Выровнять по ширине одну строчку текста

    Нужно сделать так, чтобы слово LIVE вверху или любое другое выравнивалось по ширине блока. Можно ли это сделать, не задавая жестко letter-spacing?

    Asked by hooey_ru,

    0 votes
    9 answers

  8. Выровнять разные по размеру изображения в списке

    Есть список пользователей. У каждого пользователя свой аватар, с индивидуальными размерами. У кого-то он широкий, но низкий, а у кого-то высокий, но узкий. Как выровнять аватарку у каждого пользователя, чтобы весь список выглядел аккуратно? http://codepen.io/anon/pen/pbJEMg

    Asked by yaparoff,

    0 votes
    4 answers

  9. выровнять сайт под моб. браузер

    Здравствуйте, подскажите пж инет магазин на ocstore в браузерах на пк сайт центрирован, а на мобильных и планшета в браузере chrome сайт прижат к левому краю как выровнять сайт на мобильных браузерах по центру?

    Asked by Rubik,

    0 votes
    1 answer

  10. выровнять слой

    вот хотелось бы что внутренний слой помещался во внешний <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> #content { margin: 0px; padding: 10px; width: 100%; background-color: grey; } #content-inner { margin: 10px 0 10px 0; padding: 5px; background-color: maroon; } </style> <title>Layout</title> </head> <body> <div id="content"> Lorem ipsum dolor sit a…

    Asked by sc@r@bey,

    0 votes
    2 answers

  11. Выровнять слой по центру position:fixed

    меню - гор список, ширина 1000пх как сделать так,чтобы он находился по центру экрана?

    Asked by Мелкий,

    0 votes
    3 answers

  12. Выровнять содержимое блока DIV по центру

    Собственно, сабж. Подскажите пожалуйста, как выровнять содержимое блока DIV по центру (по вертикали)? Блок содержит только текст и ссылки. Это строка на самом деле.

    Asked by brainiac,

    0 votes
    7 answers

  13. Выровнять содержимое ссылки по вертикали

    Здравствуйте. Как можно выровнять содержимое ссылки по вертикали? Задача сделать вот это: Есть изображение, если навести на изображение появляется ссылка с текстом, текст находится по центру, а ссылка расстягивается на всю ширину и высоту изображения. Изображения могут быть разной высоты, по этому padding думаю не подойдет :/ -- как такое можно сделать?

    Asked by Temiks,

    0 votes
    8 answers

  14. Выровнять список

    Здравствуйте. Подскажите, пожалуйста. Правильно ли я рассчитал значения margin-left и padding-left на psd-макете? Крайние линии установил по границам объектов. Среднюю линию установил "на глаз", посередине между маркерами и текстом списка. http://savepic.su/2329770.htm Дело в том, что для меня было "неожиданностью", как рассчитываются margin-left и padding-left для списков. Первоначально хотел вычислить эти два значения на макете следующим образом: http://savepic.su/2330794.htm Но потом Firebug помог определить, что установка margin-left и padding-left для списков производится совсем не так, как я себе это представлял. На деле это выглядит так: http://savepic.su/2318506.h…

    Asked by aaron,

    0 votes
    4 answers

  15. Выровнять ссылки по центру

    Помогите выровнять ссылки по центру сверху картинок... <div style="width: 100%; height: 1px; clear: both;"></div> <div style="width: 110px; height: 50px; float: left; margin-left: 0px; text-align: center;"><nobr><span style="display: block; font-size: 12px; font-weight: 700; padding-bottom: 5px; color: #cb2027;"><a href="/bronirovanie_gostinits/banya_sauna.aspx">Гостиницы или гостевые дома <br />с баней или сауной</a></span> <a href="/bronirovanie_gostinits/banya_sauna.aspx"><img width="210px" height="158px" src="/bania-i-sauna.jpg" alt="Баня и сауна" style="text-align: center;" /></a></nobr&gt…

    Asked by Guesto,

    0 votes
    0 answers

  16. Выровнять столбцы в футере

    Здравствуйте! Простите, если не сюда пишу. Пишу подвал сайта. В нем должно быть 3 столбца. Первый столбец с копирайтом относительно просто спозиционировал, остальные два не могу никак выровнять. Второй столбец должен быть по центру. Текст в нем по левому краю выравнивать. Здесь начинаются проблемы. Столбцы оформляю в div. Вот код https://jsfiddle.net/xca2j35g/ Помогите, пожалуйста. Буду благодарен советам!

    Asked by iiwanc,

    0 votes
    3 answers

  17. Выровнять таблицу

    Всем добрый день! Помогите пожалуйста, не моуг выровнять (сделать её аккуратной)! Что прописать? Щас выглядет вот так: http://itmages.ru/image/view/816632/9227541e Очень большой промежуток между "Личным кабинетом" "Панелью руководителя" и "Помощь" хотелось бы одинаковые промежутки. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Таблица в центре окна</title> <style> #sdvig{ margin-left: 250px; border: none !important; background: none; color: #ffffff; text-align: center !important; align: center; } th a:hover { background: none; /* Цвет фона под ссылкой */ } #jhg{ position: fixed; left: 1090p…

    Asked by danila_omega,

    0 votes
    4 answers

  18. Выровнять таблицу по центру окна (по горизонтали)

    Нашел только выравнивание текста

    Asked by nds,

    0 votes
    1 answer

  19. Выровнять текст в элементе select

    Может кто-нибудь знает, как в элементе select выровнять текст по правому краю в браузерах кроме FF(там банально работает text-align)? Особенно интересует IE и Safari. Буду очень благодарна за помощь!

    Asked by olya111,

    0 votes
    1 answer

  20. Выровнять текст возле картинки

    Подскажите, пожалуйста, что прописать в коде, чтобы текст выровнялся по центру. Он располагается возле картинки, но внизу. Сам код: <div style="padding:8px; border-radius:10px; background: #FF7F50"><div style="padding:15px; border-radius:8px; background: #FFFFFF; text-align:right; img-aligh: left; font-weight:bold; color: #000000"><img border="0" src="" alt="картинка 80х80px">Текст, который нужно выровнять по вертикали</div></div>

    Asked by StOK,

    0 votes
    11 answers

  21. Выровнять текст меню по вертикали

    Есть вертикальное меню, когда пункты меню короткие и вмещаются в 1у строку, все хорошо, но как сделать так что бы если текст не вмещается в 1 строчку он становился в 2е строчки но при этом становился по центру пункта меню. <ul id="left-menu-e" class="menu"> <li class="level1 item1 first"> <a class="level1 item1 first" href="#"> <span class="bg">Link link link</span> </a> </li> <li class="level1 item2"> <a class="level1 item2" href="#"> <span class="bg">Link link link</span> </a> </li> <li class="level1 item3 last"> <a class="level1 item3 last" href="#"> <span class="bg">Link …

    Asked by DrMartens,

    0 votes
    2 answers

  22. Выровнять текст по вертикали

    Как сделать текст выровненным по вертикали? https://jsfiddle.net/pz6n0c34

    Asked by user,

    0 votes
    4 answers

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

    Нужно выровнять текст по вертикали <p class="user__name"></p>

    Asked by yaparoff,

    0 votes
    3 answers

  24. Выровнять текст по центру

    Добрый вечер! Ковыряю сейчас чужой код, навыков мало, но пытаюсь разбираться. Мне нужно в обычном html (можно перенести часть в css) разместить НУМЕРАЦИЮ СТРАНИЦ. Например, есть 3 страницы одной темы, продолжение на 3-х страницах. На первой (и всех остальных) есть ссылки на все страницы: стр.1 стр.2. стр.3 Есть таблица, вот код: <!-- Start Main Content --> <div class="maincontent"> <img src="images/content-top.gif" class="block" alt="" /> <div class="content-mid"> <p><a href="index.html"><b>стр.1</b></a> <a href="index2.html">стр.2</a> <a href="index3.html">стр.3</a&g…

    Asked by Ippolit,

    0 votes
    8 answers

  25. Выровнять текст по центру и по левому краю

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

    Asked by chocolate_moles,

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