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

    Добрый день, у меня есть блок шириной 100% от минимальной ширины сайта 960px в этом блоке еще два блока шириной например по 400px. float у них по левому краю. Если уменьшать ширину окна браузера до минимальной то правый блок смещается вниз. Все так и должно быть но как мне выравнить эти два блока по центру когда блок не помещается в минимальную ширину и смещается вниз?

    Asked by user_name,

    0 votes
    5 answers

  2. Выравнивание блока по центру - альтернатива center

    Возникла проблема при вставке баннеров - никак не могу выровнять их по центру, кроме как былинным тегом center. Код такой: <div style="text-align:center;"><!-- Баннер--><div id="k_inline" style="display: block; width: 728px; height: 90px;"><IMG SRC="public/style_images/test/banners/728x90.gif" WIDTH="728" HEIGHT="90" BORDER="0" ALT=""></div><!-- /Баннер --></div> Обращаю внимание, что на код между <!-- Баннер--> и <!-- / Баннер--> я повлиять не могу, он формируется java скриптом. Спасибо

    Asked by Alien2001,

    0 votes
    2 answers

  3. Выравнивание блока по центру относительно body

    Сабж. Ребята, выручайте! Чего-то совсем ничего в выдаче не видно Везде описано выравнивание относительно другого блока. Т.е. нужно отцентровать блок относительно экрана без экспрешенов и прочей лабуды. Читсый css. В коде просто блок с содержимым (тоже блоки).

    Asked by Trust,

    0 votes
    22 answers

  4. Выравнивание блока с фиксированной шириной по центру страницы

    Неожиданно столкнулся с ситуацией, которую не могу решить. Сайт имеет фиксированную ширину, и размещается по центру страницы: body { text-align: center; } div.basic { margin-left: auto; margin-right: auto; position: absolute; width: 100%; /* Минимальная высота для Mozilla и Opera */ min-height: 600px; /* Минимальная высота для IE */ height: auto !important; height: 600px; } div.block { width: 960px; margin: 0 auto; text-align: left; position: relative; } В IE получается черте что...

    Asked by vadimus,

    0 votes
    3 answers

  5. Выравнивание блока элементов по центру

    Добрый день. Подскажите пожалуйста как мне выровнять блок с категориями https://yadi.sk/i/u1-b0bXx332nWw на сайте _dvapilota.com Убедиться в том, что блок с категориями не по центру можно взглянув на его расположение относительно заголовка ниже. Сейчас я весь блок с меню поместил вот в такой div: <div class="navbar" style="position:relative; width:80%; height:100%; text-align:center; margin: auto; outline:0px solid blue"> Но меню вы выровнялось по горизонтали.

    Asked by prukon,

    0 votes
    0 answers

  6. Выравнивание блоков

    Здравствуйте, уважаемые. Такова делема: на странице 3 дива: левый, правы и центр. Возникла проблема их позиционирования. Установив: display: inline-block; дивы выравниваются по нижнему краю. Можно ли сделать чтобы выравнивание было по верхнему краю? Или просто ставить position:absolute и подгонять каждый блок по пикселям? И как вообще рекомендуете позиционировать такие вещи?

    Asked by betmakh,

    0 votes
    2 answers

  7. Выравнивание блоков

    Вот вопрос,почему img и div не выравниваются по верхней границе? http://codepen.io/anon/pen/LVWORd

    Asked by user,

    0 votes
    10 answers

  8. Выравнивание блоков

    Добрый день! Помогите с выравниванием! Есть див(фиксированный 960px) в нём три блока, первый блок "preview" нужно расположить слева, блок "next" располагается справа, а третий "pager" по центру. Как выровнять эти блоки по горизонтали, если учесть то, что возможно в пейджере будут добавляться страницы, значит фиксированную ширину ему нельзя задать. https://yadi.sk/i/LMT08L57hSYgn

    Asked by migunov88,

    0 votes
    6 answers

  9. Выравнивание блоков

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>FlexBox</title> <style> body { padding: 0; margin: 0; } .container { position: absolute; background: red; width: 40%; word-break: break-all; padding: 5px 5px; margin: 60px auto 0 5%; } .lol { width: 400px; height: 400px; background: black; margin: 7.1% auto 0 50%; } </style> </head> <body> <div class="container"> <span> Husbands ask repeated resolved but laughter debating. She end cordial visitor noisier fat subject general picture. Or if offering confined entrance no. Nay…

    Asked by ErUnDAK,

    0 votes
    4 answers

  10. Выравнивание блоков + минимальная высота

    Имеется 3 вертикальных Divа, выравниваемых по высоте через java-script, футер лежит отдельно от остальных. Так же задача была сделать прижатие футера книзу при минимальной высоте вертикальных колонок. На данный момент имеются глюки: При первом открытии страницы, правый и левый вертикальные блоки короче среднего, либо же высота одинаковая, но наполнение среднего блока выползает вниз, т.е. блок не растягивается... Если обновить страницу - все встает на свои места. И так повторяется постоянно. Второй глюк - в Мозилле футер прижимается к низу не до конца, при этом нижняя ссылка в футере вываливается из блока... В Хроме наоборот, немного уходит под экран нижняя ссылка... Сам с…

    Asked by Shurrr,

    0 votes
    2 answers

  11. Выравнивание блоков div с разной высотой

    Подскажите пожалуйста, каким образом выравнить блоки - как здесь http://www.popwebdesign.net/popart_blog/ Чтобы они равномерно становились один под другим... Возможно, нужен скрипт или ещё какой то хак, скиньте ссылку если знаете - где лежит... Сайт на вордпрессе.

    Asked by ?????,

    0 votes
    3 answers

  12. Выравнивание блоков в masonry

    Добрый день. <div class="case" data-masonry='{ "itemSelector": ".prev_block", "columnWidth": 320 }'> <div class="prev_block"></div> <div class="prev_block"></div> <div class="prev_block"></div> Не получается выравнять блоки по центру. Так не работает: .case{ margin:0 auto; } Так заработало: <div class="case" data-masonry='{ "itemSelector": ".prev_block", "columnWidth": 320, "fitWidth": true }'>

    Asked by Ubhra,

    0 votes
    0 answers

  13. выравнивание блоков в ячейках таблицы

    Добрый день. У меня есть таблица, в ячейках которой сидят блоки: (границы таблицы - синим цветом, дивов - чёрным) Только не надо спрашивать, зачем я запихиваю в бедную таблицу блоки. Меня интересуют 2 блока, выделенные красным цветом. Я хочу, чтобы они были выровнены по нижнему краю строки таблицы. То есть, при любом увеличении/уменьшении окна браузера или разрешения экрана вся эта хрень принимала следующий вид: Задача вроде элементарная, но я не силён в CSS и не знаю как её решить. Будьте добры, подскажите.

    Asked by drasute,

    0 votes
    8 answers

  14. Выравнивание блоков по горизонтали без указания высоты/

    Здравствуйте! Подскажите, как выровнять блоки по горизонтали без указания высоты? Блоки идут друг за другом с помощью float:left (изменить не могу (например, на display:inline-block), так как выводится с помощью скрипта) Без указания высоты - потому что один блок может иметь бОльшую высоту, а другой - меньшую. Для понимания проблемы - набросала схему: http://savepic.ru/8815808.jpg

    Asked by Fendia,

    0 votes
    6 answers

  15. Выравнивание блоков по центру используя свойство: text-align

    Добрый день! Иногда возникает потребность размещать блоки по центру, не задавая родителю фиксированной ширины.( то есть без использования margin :0 auto,и т.п), Ширина блока равна их содержимому. А сами блоки имеют фиксированную ширину в пикселях. Свойства display: inline-block и text-align:center позволяет так сделать. Например http://jsfiddle.net/greenrow/0jaw9bn9/ Это очень удобно при адаптивной верстке (например фото-галлерея), все элементы автоматически выравниваются по центру и не надо использовать css media queries; Смущает использование строчных стилей для блочных элементов: text-align:center для div, как то не очень... Вопрос: ест…

    Asked by greenrow,

    0 votes
    4 answers

  16. Выравнивание блоков по ширине

    Здравствуйте! Помогите пожалуйста решить следующую задачу: Имеется макет (левая сторона - центр - правая сторона) с динамической шириной, в центральной части по всей ширине необходимо разместить несколько блоков с одинаковой шириной, но разной высотой, блоков должно быть 3 или 4 в одном ряду в зависимости от ширины. С разной высотой все ясно, будет использоваться: http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ , вопрос только как выравнять это все по ширине? Пробовал комбинировать с данным методом: http://forum.htmlbook.ru/index.php?showtopic=20735 , но получается совсем не то что хотелось бы.

    Asked by Faradey99,

    0 votes
    7 answers

  17. выравнивание блоков(2 в 1)

    Научите как правильно выравнивать блоки. У меня есть блок с черным контуром в который нужно поместить красный и синий блок с растоянием между ними, например 10px Для наглядности есть макет:

    Asked by atew,

    0 votes
    7 answers

  18. Выравнивание блоков/элементов

    Ребят всем привет! Я только начал изучать верстку по видео урокам на ютубе. У меня есть свой макет который я купил у дизайнера. Решил с него поучиться верстать. Подскажите как правильно сделать шапку сайта. У меня все выравнивания происходят с помощь отрицательных "margin". Судя по урокам, везде делают это с помощью flex и тому подобное. Дизайн очень оказался сложным и там много проблем с фонами. Дайте пару советов и подсказок как продолжать дальше. Заранее спасибо ? Вот: макет: Мой сайт

    Asked by Nerwoid,

    0 votes
    12 answers

  19. Выравнивание блочного элемента (CSS)

    В CSS есть свойство text-align - выравнивание текста внутри блока. А как выравнить сам блок, не используя атрибут align, а только через CSS? Например: <html> <body style="text-align: center;"> <div style="background-color: red; width: 40%;"> ... </div> </body> </html> Элемент div будет выравнен по левому краю окна, а текст внутри него по центру. А надо сам div выравнять по центру.

    Asked by Arigato,

    0 votes
    3 answers

  20. Выравнивание блочных элементов.

    Вот ресурсик мой: www.eds.gkng.ru. Проблема в чем. Вот есть там сейчас в области контента несколько элементов в виде фиолетовой карты. Надо его выровнять по центру. Самое инетересное, что текст выравнивается, а блок нет. Но это еще не все. Самое жесткое, что таких блоков может быть быть несколько (много даже). Я их всех прилепляю флоатом, как можете видеть. Т.е. в зависимости от разрешения монитора у юзера в строку будет влеплено столько блочков, сколько помещается, остальные все перенесены на след строку. И вся эта конструкция должна быть выровнена по центру. - вот с этим то и загвоздка. Если есть у кого мысли на эту тему, помогите. Заранее спасибо Да. Там только нарабо…

    Asked by shamahn,

    0 votes
    2 answers

  21. Выравнивание букв

    Немогу выравнить первые буквы с красной строки, вот смотрите на сайте http://pocciy.ru/ помогите как сделать так что-бы буквы не липли к картинкам?

    Asked by omsk,

    0 votes
    4 answers

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

    День добрый. Вопрос в нете обсуждался, но именно, то что нужно мне не нашлось. Итак, нужно в div выровнять два элемента. Один по верху (обычно) а один элемент вывести в самом низу. Высота родительского div фиксирована. Всем спасибо

    Asked by ekkl,

    0 votes
    1 answer

  23. Выравнивание в grid

    Здравствуйте. .wrapper{ display: grid; grid-template-columns: 1fr; grid-template-rows: 62px 1fr; grid-gap: 0px; } .logo{ grid-column: 1 / 2; grid-row: 1 / 2; } .menu{ grid-column: 2 / 3; grid-row: 1 / 2; } <div class="wrapper"> <div class="logo">LOGO</div> <div class="menu">MENU</div> <div class="main">MAIN</div> </div> хочу сверстать как на GoogleFonts (в учебных целях). использую гриды, как Вы уже догадалсиь. Как выравнивать текст и прочие элементы внутри .menu и . logo. Хотелось бы, чтобы было как на указанном сайте. Можно, конечно, обернуть .logo и .menu во флекс, но хочется как мо…

    Asked by Luca,

    0 votes
    0 answers

  24. Выравнивание в TD

    Привет всем Вопрос в следующем, есть конструкция типа такой <td style='text-align: center;'> <a></a> <span>ttt</span> </td> так вот, хочется чтоб ссылка выравнивалась по центру, а спан по правому краю. Можно как-нибудь это сделать? Спасибо

    Asked by maximspb,

    0 votes
    9 answers

  25. Выравнивание в XHTML

    Добрый день. Возникла проблема в XHTML с выравниванием по вертикали, подскажите, пожалуйста, как центрировать текст, при параметрах таблицы height=100% и width=100%? Спасибо.

    Asked by donval,

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