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. Выравнение блочного <img> в <td>

    Генерятся строки таблицы вида: <td><img src=some.png></td><td>text</td>Изображения и текст подгружаются из БД. Все изображения одной высоты, но разной ширины. Высота td описана в css и превышает высоту изображений, однако без display: block либо float в стилях img изображение смещается вверх и тем самым нарушает структуру таблицы. display: inline display: block Изображения разной ширины и требуется горизонтально выровнять их по центру ячейки, однако display: block не позволяет это сделать. Помогите пожалуйста решить данную проблему.

    Asked by der56,

    0 votes
    5 answers

  2. выравненный по вертикали тултип

    http://joxi.ru/uxt7U_3JTJDDMELyvMQ Можно ли вот так выравнивать по вертикали тултип с динамичесокй высотой? Или без javascript не обойтись?

    Asked by Zverushka,

    0 votes
    9 answers

  3. Выравниваени float блоков посерединке

    Народ, подскажите идеальное решение, как выровнять зафлоаченный по левому краю блок по середине родительского элемента! НО! ширина зафлоаченного блока и родительского не фиксированная

    Asked by TonKhaO,

    0 votes
    2 answers

  4. Выравнивание

    Помогите, пожалуйста. Нужно выровнять текст по правому и левому краю одновременно. Свойство justify не подходит, т.к. нет переноса строки. пам тарам пам пам Нужно выровнять на ширину, к примеру, 40em. Возможно такая тема на форуме уже была, но я ничего не нашла.

    Asked by Nomo,

    0 votes
    24 answers

  5. Выравнивание

    Здраствуйте, я делаю небольшой проект. И кое чего не понимаю. Я хочу ВНИЗ форума вставить картинку, чтобы она была там всегда. Понятно нужно присвоить атрибут no-repeat и fixed но не пойму... Как сделать выравнивание так, чтобы картинка всегда была прилеплена к низу страницы? Знаю выравнивание по left top bottom right ... но по низу как выравнивать?

    Asked by VladSharikov,

    0 votes
    3 answers

  6. Выравнивание

    http://flowers-in-the-house.ru/primer.html Справа нужно вставить картинку и что бы при любом растягивании страницы контентом она была вплотную к нижней зелёной поолске. Как так делать? Кол-во новостей естественно будет менятся и высота блока новостей. Вёрстка дивами

    Asked by SoFuWa,

    0 votes
    4 answers

  7. выравнивание

    Как выровнять? Логин <input> Пароль <input> Повторите пароль <input> Как выровнять input`ы ровно?

    Asked by web-mindfreak,

    0 votes
    5 answers

  8. Выравнивание

    Всем доброго времени суток. Такой вопрос: Есть <div id="ololo"> Ололо</div> нужно выровнять <p> так, что бы он был в центре(по Х и по У) <div>'a. Как это можно сделать "максимально кроссбраузерно"(что бы не писать для разных браузеров разный код)? Размеры дива не заданы, а если и заданы, то в процентах. "Количество" текста и параметры(тип, размер) шрифта внутри параграфа неизвестны. И еще: чем это будет проще, тем лучше. Заранее спасибо!

    Asked by gism,

    0 votes
    3 answers

  9. Выравнивание

    Здравствуйте уважаемые! Помогите пожалуйста начинающему. Пытаюсь верстать и у меня не получается выравнять текст по центру страницы. Вот верстка: <head><!--это шапка документа, здесь подключаем скрипты, стили и тд--> <meta http-equiv="Content-Type" content="text/txt; charset=windows-1251"> <!--устанавливаем кодировку документа--> <title>Планета земля.</title><!--Выравнивание слоя по центру--> <style> .center { margin: auto; } </style> </head> <body> <!--это тело документа, здесь идет основной код, который будет выведен на экран--> <di…

    Asked by T90,

    0 votes
    4 answers

  10. выравнивание

    http://clip2net.unet.by/page/m0/100228 как сделать так,чтобы все элементы формы были по центру страницы как в образце

    Asked by Dimanchik87,

    0 votes
    2 answers

  11. Выравнивание

    Приветствую, хочу сделать так, чтобы иконки соц. сетей располагались ровно под логотипом "Skype", но ничего не выходит http://jsfiddle.net/4nnbou8s/

    Asked by Vans,

    0 votes
    1 answer

  12. Выравнивание :before по центру в IE

    Доброго времени суток. Подскажите, как решить задачу в IE. Вот ссылка: http://codepen.io/anon/pen/uzHfb - footer с треугольником на CSS3 через псевдотег :before. В Firefox и Chrome под Win7 - всё ок, треугольник по центру, а в IE11 (в младших тоже наверное) - треугольник смещен влево. Та же история (смещен влево) и в Chrome на Android. Заранее благодарю за помощь.

    Asked by DarkTranquillity,

    0 votes
    1 answer

  13. Выравнивание <li>

    Приветствую. Как сделать чтобы пункт "Меню" <li>, располагался по отношению блока <ul> по центру? http://jsfiddle.net/35XYL/4/

    Asked by Vans,

    0 votes
    5 answers

  14. Выравнивание <p> по вертикали в подвале <div>

    Здравствуйте! Помогите, пожалуйста, с выравниванием по вертикали тега <p> в блоке подвала. Первый абзац прижат к левой части с отступом 5пкс, а второй к правой части блока с отступом 5пкс и все это надо выровнять по вертикали. <div id="footer"> <p id="copyright">Copyright © 2008-2009. Все права защищены. | <a class="link2" href="#">XHTML</a> | <a class="link2" href="#">CSS</a> |</p> <p id="address">Континент<br> тел. 000 00000000, моб. 111 111111<br> e-mail: <a class="link2" href="mailto:support@.ru">support@.ru</a></p> </div> Спасибо тем, кто поможет в этом вопросе!

    Asked by Triumfator,

    0 votes
    9 answers

  15. Выравнивание 2-х блоков по левому и правому краю без float

    Сабж https://jsfiddle.net/pbcab91y/2/ Можно сделать так же, но без float? (без padding и margin) margin-left: auto для inline-block походу не работает?

    Asked by torsar,

    0 votes
    2 answers

  16. Выравнивание background-image

    Здравствуйте! Возникла такая проблема: фон который я истользую отказывается выравниваться по низу страницы и Opera и FF, как нистранно в IE7 и IE7 все рабатает так как хотелось бы. Где то читал, что такое возможно если использовать абсольтное позиционирование, но у меня везде используется относительное. Буду рад любым предположениям. Заранее благодарен. P.S.: адрес странички: http://soft.als-krsn.ru/ Css: @import "reset.css"; @import "jqueryslidemenu.css"; * html, body #container { height: 100%; } body {height: 100%;background: #e3ebff url(../img/bg-body.jpg) repeat-x bottom;color:#282726;font:12px Arial,sans-serif;} #container { background:white; position: relative;…

    Asked by Icen,

    0 votes
    10 answers

  17. Выравнивание background-image

    Добрый. Need помощь. извеняюсь за глупый вопрос. Кароче прописываю: body { background-image: url('../images/lalala.jpg'); } фон вставляется с левого края, возможно ли сделать так чтобы фон центрировался.

    Asked by Vanilnaya,

    0 votes
    6 answers

  18. выравнивание DIV

    Не пиннайте сразу, дочитайте до конца.Не наш?л такой темы по поиску, поэтому создаю новую. Как выровнять меню во внутреннем тэге div по середине экрана горизонтально? Проблема в том, что не известна ширина и задать ж?стко е? нельзя, клиент сам изменяет меню, и она будет плавающей, но меню всегда должно центрироваться. Основная проблема в том, что не получается сделать минимальной ширины по контенту, расползается на 100%. А все подпункты меню разумеется должны быть выровняны слева. Вот пример кода меню: <div style="background:#FFFFFF;width:100%;"> <div style="background:#FFFFFF;color:#335533;"> <ul style="background:#FFFFFF;color:#335533;"> <li sty…

    Asked by DjDance,

    0 votes
    10 answers

  19. Выравнивание div внутри td

    Здравствуйте! Проблема в том, что не смотря на text-align: center у TD, div, который внутри, не хочет выравниваться по центру. В чем проблема? Вот кодик: <!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> <title>Man</title> <style> .fighter {width: 200px; border-collapse: collapse;} .fighter td {border: 1px solid #000; vertical-align: top;} .head {text-align: center;} .head div {width: 50px; height: 50px; border: 1px solid #777; text-align: center;} .left_hand {text-align: right;} .left_hand div {wi…

    Asked by jools,

    0 votes
    4 answers

  20. Выравнивание DIV внутри таблицы

    Здравсвуйте! Помогите начинающему. Есть такой код: http://codepen.io/anon/pen/vOxaXV Внутри ячейки таблицы может быть любое количество блоков, и они должны распологаться горизонтально (а не вертикально как по ссылке),и должны делить между собой доступную в ячейке ширину. Заранее спасибо за помощь.

    Asked by remlin,

    0 votes
    8 answers

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

    В процессе изучения и практики верстке споткнулся о такой момент: Как выровнять div блоки в стоке по высоте наибольшего (чтобы border-bottom всех трех блоков в строке был на одном уровне)? вот что сделано вот что задумано p.s. уважаемые модераторы, исправьте пожалуйста опечатку в названии темы.

    Asked by To_wave,

    0 votes
    11 answers

  22. выравнивание div по низу

    Доброго дня суток, помогите выровнять блок "two" по низу блока "one" желательно без маржинов и паддингов .one { min-height:285px; margin: 0 auto; } .two { width:960px; height:200px; background:transparent url('blablabla.jpg') no-repeat; } <div class="one"> <div class="two"> </div> </div>

    Asked by JastinB,

    0 votes
    2 answers

  23. Выравнивание div по центру страницы

    Всем привет! Нужно, чтобы сайт отображался по центру окна, для этого у мня есть контейнер class="container" Поиск по форуму дает такой ответ Fatal error: Call to undefined method IPSText::monthNameRu2En() in /home/psywalke/public_html/forum.htmlbook.ru/admin/applications/core/modules_public/search/search.php on line 254. Так же на самом сайте есть статья Слой по центру web-страницы Этого недостаточно. В вышеизложенной статье откуда-то берутся отступы слева и сверху.. Не понятен алгоритм их расчета. Я думал, что есть простое решения, типа valign: center Спасибо.

    Asked by samulet,

    0 votes
    3 answers

  24. Выравнивание div по центру страницы и max-width, min-width: сайта

    Здравствуйте. Помогите пожалуйста выравнить div по центру страницы, чтобы работала если можно во всех браузерах. Какая минимальная и максимальная ширина страницы самая оптимальная ? #wrapper{ background:#f8f8ff; border:1px solid #000000; margin:0; min-width:?px; max-width:?px; }

    Asked by Guesto,

    0 votes
    4 answers

  25. Выравнивание div через inline-block

    Здравствуйте. Пытаюсь выравнять 2 блока через inline-block. Но они выходят все равно не на одном уровне. Подскажите что не так и как исправить? <style> *{ box-sizing: border-box; padding: 0; } .container{ border: 1px solid red; margin: auto; } .row{ background: rgb(206, 200, 200); } .col-1{ width: 200px; border: 2px solid white; display: inline-block; height: 100px; } .col-2{ width:600px; border: 2px solid white; display: inline-block; hei…

    Asked by FotGOD,

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