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

    есть родитель блок: .content-internal {position: relative; margin: 0 auto; width: 775px; vertical-align: top; padding-bottom: 310px;} в нем ещё блок второй: .block-info .page {position: relative; margin: 0 auto; display: block; font: normal 14px 'Trebuchet MS'; color: #46342c;} .block-info .page a {position: relative; font: normal 14px 'Trebuchet MS'; color: #46342c; text-decoration: none; left: 2px; top: -8px; float: left; padding: 8px 0 0 16px; width: 42px; height: 37px; margin-bottom: -2px; background: url('../images/page_yellow.png') no-repeat;} .block-info .page span {position: relative; font: normal 14px 'Trebuchet MS'; color: #46342c; left: 2px; top: -8px; float…

    Asked by okunev2,

    0 votes
    6 answers

  2. Выравнивание в горизонатльном меню

    Вот картинка : . Вот её исходный: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Menu</title> <style> body,html{ margin:0px; padding :0 px; } a{ text-decoration:none; color:#ffffff; } .center {display:block; margin:0 auto;} ul#mainNav { margin-left:70px; margin-top:70px; padding: 0; list-style: none; float: left; background-image: url(1.png); width:865px; height:60px; background-repeat: no-repeat; } #mainNav li { float: left; width: 143px; } #mainNav a { text-decoration: none; font-size: 18px; font-weight:900; color:#392411; font-family: Verdana, …

    Asked by averin13,

    0 votes
    3 answers

  3. выравнивание в диве

    Проблема возникла при создании горизонтальной мигающей менюшки, вся проблема в том что у меня не получается выровнять по вертикали текст в диве, я уже почитал форум и попробовал все шо нашол... оно либо вопще не работает либо работает не так как хотелось бы... Вот код може че посоветуете... HTML <div id="mainmenu" align="center"> <ul> <li><a href="index.html">Меню 1</a></li> <li><a href="Projects.html">Меню 2</a></li> <li><a href="About.html">Меню 3</a></li> <li><a href="About.html">Меню 4</a></li> <li><a href="About.html">Меню 5&…

    Asked by Leoben,

    0 votes
    12 answers

  4. выравнивание в линию нескольких div-ов по центру

    Здравствуйте, я нович в вёрстке исользую dremwuver 8, возникла следующая проблема. Сайт сделан таблицей из нескольких ячеек. Внутри самой большой мне нужно поместить четыре одинаковых блока (div). Но у меня не получается чтобы в общем все 4 были по центру. В самой ячейке таблицы ставлю выравнивание "center". В CSS стиле для div-ов ставлю ширину 155 px, margin=15 px, float=left - чтобы они встали друг за другом. Открываю в IE6 всё нормально, но как только в Mozila или в Opera, эти дивы смещаются к левому краю, и межстрочный интервал уменьшается. Помогите пожайлуста решить проблему.

    Asked by drimer,

    0 votes
    7 answers

  5. выравнивание в меню

    добрый день форумчане! с наступающим вас! я php программист, с версткой иногда бывает проблемы. вот как сейчас например есть меню как мне сделать чтобы картинка возле слова была посередине а не снизу? вот код <li><a href="decoration/1.html"><img src="../images/point.png" alt="•" align="middle" border="0"> Декорации</a></li>

    Asked by mcavalon,

    0 votes
    2 answers

  6. выравнивание в селектах

    Приветствую! Скажите как выровнять текст в селекте по правому краю, в мозилле все хорошо но в хроме и т.д. не выравнивается.

    Asked by chiosan,

    0 votes
    0 answers

  7. Выравнивание в списке

    Ребят, вот собственно проблема, не пойму в чем дело: это css этого списка: ul.producers { width: 112px; display: block; margin-left: 21px; } ul.producers a { color: #59778c; font: normal 12px Arial; text-decoration: none; padding-left: 16px; } ul.producers a:hover { text-decoration: underline; } ul.producers li { margin-bottom: 8px; background: url('./images/gt2.gif') 0px 5px no-repeat; } Как сделать чтобы везде выглядело как в ИЕ8 и Опере?

    Asked by okunev2,

    0 votes
    2 answers

  8. Выравнивание в столбце

    Доброго времени суток! Хочу во втором столбце сделать выравнивание текста по правой стороне. Вроде должно быть так, но работать не хочет. Укажите на ошибку. <style type="text/css"> .pricelist { border-collapse: collapse; } .pricelist TD, .pricelist TH { padding: 3px; border: 1px solid #228B22; } .pricelist TD { background: #F0FFFF; } .pricelist .category { background: #008000; color: white; font-weight: bold; text-align: center; } </style> <table width="600px" cellpadding="0" cellspacing="0" class="pricelist"> <col width="500px" align="left"> <col width="100px" align="right"> <tr> <td colspan="2…

    Asked by Тёмик,

    0 votes
    1 answer

  9. Выравнивание в таблице в разных браузерах

    Есть таблица <table width="1101" height="739" border="0" cellpadding="0" cellspacing="0"> В ней ячейка <td align="left" valign="bottom">. В эту ячейку пытаюсь вставить меню для сайта, которое представляет собой горизонтальный список картинок и которое должно прижаться к левому нижнему краю. На выходе в Опере и в Мозиле меню выравнивается точно по низу, а от левого края получается какой-то отступ. В Сафари, Хроме и Эксплорере отступы от границ ячейки есть и снизу и слева. А они мне не нужны. В чем может быть дело?

    Asked by Sanya,

    0 votes
    2 answers

  10. Выравнивание в теге <option>

    Приветствую всех! Нужно в теге <option> выровнять часть строки по левому краю, а часть - по правому. Рецепт Как разместить два слова на одной строке, чтобы одно выравнивалось по левому краю, а второе по правому? с помощью стилей не помог, а таблицы использовать не хочется. Есть ли другой способ?

    Asked by stalker_2000,

    0 votes
    2 answers

  11. Выравнивание в текстовом блоке: как так сделать?

    Здравствуйте! Подскажите, пожалуйста, как можно выровнить телефоны по правому краю. На ум пока приходят плавающие колонки.

    Asked by Светлана Г.,

    0 votes
    12 answers

  12. Выравнивание в ячейках (ie9)

    Нужно чтоб выглядело вот так и верстка была резиновой Верстаю для IE9, для контейнера задал: display:table, для потомков: display:table-cell (Flexbox не поддерживает, полифил flexie.js ставил - не действует) Нужно только выровнять элементы по вертикали http://codepen.io/anon/pen/zrQpap

    Asked by yaparoff,

    0 votes
    1 answer

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

    Есть таблица, нужно задать в некоторых колонках выравнивание по центру, а в других - по правому краю. При этом ОЧЕНЬ нежелательно писать что-либо в каждом теге td, хоть align хоть класс. Пробовал сделать с помощью тегов col, но не работает в firefox и в хроме. Также пробовал с помощью стилей, задавать для td, td+td, td+td+td, но тоже работает не во всех браузерах. Подскажите что нужно сделать чтобы работало везде? Еще раз, хочется задать выравнивание один раз на все ячейки колонки, а не в каждой ячейке отдельно. Вот пример что смог сделать, но не работает в хроме и firefox http://inna-sun.ru/pr_holm.htm

    Asked by rgl,

    0 votes
    10 answers

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

    Нужно выровнять текст в ячейке по вертикали, поставить его по центру http://codepen.io/anon/pen/qqPxmB

    Asked by yaparoff,

    0 votes
    3 answers

  15. Выравнивание в ячейке таблицы

    Есть ячайка, в ней таблища, как эту таблицы выравнить по правому краю? <table> <tr> <td class="new3"> <table class="new4"> <tr> <td> Текст </td> </tr> <table> </td> </tr> <table> это не помогает td.new3 { background: url(images/bg92.png); height: 31px; text-align: right; vertical-align: bottom; } table.new4 { border-collapse: collapse; /*table-layout: fixed;*/ border: 0px solid #000; }

    Asked by okunev2,

    0 votes
    5 answers

  16. Выравнивание в ячейки

    Можно ли с помощью css задать для <td>, чтобы его содержимое выравнивалось по центру?

    Asked by Колос,

    0 votes
    7 answers

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

    Есть меню сделанное по средствам CSS горизонтальным с выпадающими списками, нада его отцентрировать в родителе. Как это сделать? вот упрощенный кусок кода: ul#hor {list-style:none; margin:0; padding:0; color:#000066; font-weight:bold;} ul#hor li {display:block; float:left; border-left:#dadada solid 1px; height:46px; padding:0 10px;} ul#hor li a {display:block; margin-top:10px;} <ul id="hor"> <li><a href="#">item1</a></li> <li><a href="#">item2</a></li> <li><a href="#">item3</a></li> </ul> из-за float:left менюха прижимается к левому краю родителя, а нада по центру..

    Asked by mozart,

    0 votes
    2 answers

  18. Выравнивание виджета «Мне нравится» от Вконтакте

    Всем привет. Пытаюсь встроить виджет «Мне нравится» от Вконтакте к себе на сайт. В принципе, просто вставить его на сайт не проблема, однако у меня возникли проблемы с выравниванием этого виджета по центру какого-нибудь элемента. В начале я пытался выровнять его внутри <td> и/или <div> элементов, но когда совсем зашёл в тупик попытался просто сверстать обычную таблицу на всю страницу с выравниванием по центру и, очень удивился, когда просто вставленный код виджета отображается по вертикальному центру нормально, но сдвигается в сторону относительно горизонтального центра. Был бы очень благодарен за помощь в таком, казалось бы, не самом сложном вопросе. Сам, до …

    Asked by Flashist,

    0 votes
    3 answers

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

    Здравствуйте всем, есть простое меню, в нем слева отображается картинка, справа - ссылка на соответствующую страницу. Код следующий: HTML <div class="newline" style="width:100%"> <div class="accitem"></div> <div class="acclabel"> <a href="#">ПЕРСОНАЛЬНЫЕ ДАННЫЕ</a> </div> </div> CSS .newline { clear:both; } .accitem { width:13px; height:18px; overflow:hidden; float:left; background-image:url(../img/bg05.jpg); background-position:center; background-repeat:no-repeat; } .acclabel { padding-left:2px; overflow:hidden; height:18px; float:left; } .acclabel a { color: #FFFFFF; font-family: Verdana; font-size:8px…

    Asked by a_web,

    0 votes
    1 answer

  20. Выравнивание внутри ячейки

    Доброе время суток! Не могу решить такую проблему - выравнить по правому краю ячейки в IE6 (в FF все ОК) Вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Ronik-IP</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="rip_new.css"> </head> <body> <table align="right" cellpadding = "0" cellspacing = "0" class="bottom_menu"> <tr> <td width="187px" align="right" class="bottom_menu_td"> <a href="/">1111</a> </td> <td wi…

    Asked by NickAssa,

    0 votes
    1 answer

  21. Выравнивание во флексах

    Подскажите, как выровнять текст по середине вертикали? http://jsfiddle.net/c3trhgsp/

    Asked by Vlad,

    0 votes
    4 answers

  22. Выравнивание высоты блоков

    Всем ХИ. Есть 2 блока: один является контейнером для другого. Как сделать (желательно, но не обязательно, средствами css ) чтобы высота блока right_bar была такая же как и container(независела от наполнения) . #container { margin: 0 auto; width: 790px; } #right_bar { width: 190px; background: url(img) repeat-y; } <divid="container"> <div id="right_bar"> .....некоторый текст... </div> .....некоторый текст... </div>

    Asked by CoDy,

    0 votes
    2 answers

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

    Выравниваю высоту блоков при обновлении страницы, и, соответственно, по изменению размеров. <script> function setEqualSize(classBlocks) { var maxHeight = 0; $(classBlocks).each(function(){ if ($(this).height() > maxHeight) { maxHeight = $(this).height(); } }); $(classBlocks).height(maxHeight); } $(function($) { setEqualSize('.block') }); $(window).resize(function() { q=$('.block').height() $('.article-anonses…

    Asked by Vlad_P,

    0 votes
    5 answers

  24. Выравнивание высоты слоя

    Здравствуйте. Прошу обратить внимание на www.atrix63.ru Слой с главным контентом на главной странице растягивается относительно своего содержимого. Так же слой "Отзывы наших клиентов:" растягивается относительно своего содержимого. В результате получается не красивая вещь-большой пробел под главным слоем. Как сделать выравнивание его высоты по высоте слоя "Отзывы наших клиентов:" в случае если он меньше его?

    Asked by Воитель,

    0 votes
    3 answers

  25. Выравнивание горизонтального меню по центру

    Доброго времени суток, Хотел бы обратиться за помощью, так как ответа на просторах интернета найти не смог. Проблема: есть горизонтальное меню. Состоит из 4 пунктов. После второго пункта идет логотип. Все выравнено по центру. Но так как первые два пункта меню длиннее, чем последние два, логотип находится не по центру. Вопрос: как поместить логотип ровно по центру, сохраняя выравнивание пунктов меню по центру?

    Asked by rodion7195,

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