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. выравнивание горизонтального меню с картинками

    Здравствуйте,столкнулся с проблемой,не могу выровнять в горизонтальном меню картинки,сейчас это выглядит вот так http://slayers.zz.vc/ ,а нужно что бы ссылки были под картинками. <style> .menu_head{float:right;margin-top:17px;display:table;}.menu_head li{display:table-row;float:left; }.menu_head li a{display:table-cell;text-align:center;}</style> <ul class="menu_head"><li><a href="#"><img src="img/home.png"/>Про комплекс</a></li><li><a href="#"><img src="img/key.png"/>Квартири</a></li><li><a href="#"><img src="img/shopping.png"/>Покупцям</a></li><li><a …

    Asked by BlooDSikeR,

    0 votes
    7 answers

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

    привет!! Есть горизонтальный список такого вот примерно вида: не могу дойти до мысли, как выровнять эти элементы по высоте(middle) Подскажите какие есть пути, но интересует только вариант со списком, таблицы не нужны.

    Asked by axigreat,

    0 votes
    8 answers

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

    ... .... в файле s.css #out { text-align:center; margin:0 auto; width:760px; padding:4px 5px;} #in { display:table-cell; } ul.in { float:left; margin:0; padding:0; } li.in{ float:left; margin:0 5px; padding:0 5px; list-style:none; padding:4px 5px 20px;} не выравнивается по центру. где я перемудрил? чувствую что при делах ul.in иили li.in просто написать ul или li.in не могу, в контейнере main списки с определенными стилями используются. есть еще списки с определенными для них параметрами. подскажите. благодарю.

    Asked by minelli,

    0 votes
    2 answers

  4. Выравнивание группы слоев

    В гугле куча статей как выровнять слой по центру, а о том как группу подобных слоев выстроенных в ряд с float:left; например списка <li> - не нашел на первых двух. Если подумать, то выровнять группу можно заключив их в слой с известной шириной и дав ему маржин 0 ауто. А если количество юнитов не известно, а если не в один ряд, ну тут наверно динамически нужно задавать слою обертке ширину через jquery. Еще можно дать слою display: inline-block; вместо флоата и поместить слой в таблицу 100% с одним столбцом, которому прописать align="center". Вот css: #nav li{ display: inline-block; width: 100px; height: 100px; background: red; margin: 10px; list-style: none; …

    Asked by sergio_ktt,

    0 votes
    0 answers

  5. Выравнивание данных таблицы относительно заданного символа

    Задача: допустим есть таблица с данными 0.33 23.34 0.3445 234.56666 нужно выровнять их по "." нашел в хтмл параметр align="char" но он не работет =( как это можно реализовать? ксс, ява?

    Asked by AstIIL,

    0 votes
    7 answers

  6. Выравнивание двух DIVов по высоте в таблице

    Здравствуйте, возможно вопрос элементарный, но к сожалению ответа на него не нашел, Имеем такой кусок css. .roundedcornr_box_919346 { background: #e2e2e2; } .roundedcornr_top_919346 div { background: url(images/roundedcornr_919346_tl.png) no-repeat top left; } .roundedcornr_top_919346 { background: url(images/roundedcornr_919346_tr.png) no-repeat top right; } .roundedcornr_bottom_919346 div { background: url(images/roundedcornr_919346_bl.png) no-repeat bottom left; } .roundedcornr_bottom_919346 { background: url(images/roundedcornr_919346_br.png) no-repeat bottom right; } .roundedcornr_top_919346 div, .roundedcornr_top_919346, .roundedcornr_bottom_919346 div, .rou…

    Asked by diden05,

    0 votes
    3 answers

  7. Выравнивание двух дивов на одной строчке

    Скажите пожалуйста, как сделать так, чтобы тектовый инпут был на одной строчке с кнопкой сабмита? Интересует способ без задания ширины дива с кнопкой сабмита, и указания маргина для дива с тектовым инпутом <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>test</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <div style="border:2px red solid;width:100%;float:none;position:static;"> <div style="border:2px green solid;float:right;position:static;"> <input style="" type="…

    Asked by Altex,

    0 votes
    17 answers

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

    Добрый день! Есть проблема: CSS: #container { position: absolute; width: 99%; height: 99%; min-width: 780px; min-height: 580px; } #cell { position: relative; top: 50%; width: 700px; height: 400px; margin: -200px auto; } HTML: <div id="container"> <div id="cell"> </div> </div> При отрисовке этого дела, слой с ID="CELL" как положено всегда посередине родителя. В браузерах FireFox и Opera при масштабировании окна, родитель уменьшается до минимального предела, после чего перестает это делать. Соот-но его центр всегда в разумных пределах, и дочерний слой, выровненный по этому центру отображается нормально. А вот в Chrome и IE8 при…

    Asked by Mytis,

    0 votes
    12 answers

  9. выравнивание дивов в 1 строчку

    Скрытый текст Есть строчка. в начале на треть страницы 1 блок, 2 блок разделяется на 2 маленьких, и 3 блок тоже большой. 3 блока нормально встали, но 4 (2 маленький) не хочет. вот, что выходит. должно быть так. как это сделать? Скрытый текст < <div> <div class="stock_left"> <a href="#"><img src="img/content/stock400x500.jpg" alt="stock"></a> </div> <div class="regist"> <img src="img/content/regist400x240.png" alt="regist"> </div> <div class="stock_right"> <img src="img/conte…

    Asked by OlegBrony,

    0 votes
    2 answers

  10. Выравнивание для firefox

    Здравствуйте! Столкнулся с проблемой, при вставке в Wordpress кода ротации тизеров. На хроме и сафари сайт отображается нормально. А все остальные браузеры(проверял в сервисе) отображают баннеры вправо, тем самым закрывая сайдбар. Пытался выравнить код через div - эффекта нет. Подскажите, как выравнить блок в нормальное положение?(сразу после поста)

    Asked by Olegok,

    0 votes
    11 answers

  11. Выравнивание заголовков

    Привет всем. Я создаю свой сайт на HTML. Как подвинуть заголовок и вообще все немного вправо, т. к. у моих друзей экран с более низким разрешением, плохо видны первые буквы ? И еще я слышал о плавно подстраевымоих системах, когда сайт хорошо виден на любых мониторах. Как это сделать? Вадим.

    Asked by vadimfls,

    0 votes
    3 answers

  12. выравнивание заголовков

    хочу сделать выравнивание заголовков, как на картинке: черные поля - край страницы, линия показывает центр выравнивания пробовал: position: relative - при нем 3 и 4 строки уезжают влево margin - из-за 4 строки страница становится шире окна браузера padding - 3 и 4 строки переносятся, некрасиво выглядит выделение ссылок (заголовки кликабельны)

    Asked by anton-tsyganenko,

    0 votes
    7 answers

  13. Выравнивание и overflow

    Здравствуйте. Есть у меня сайт http://www.wanderer88.tu2.ru/gbook.php. Когда я ввожу длинный www или e-mail таблица смещается. Как я понимаю нужно использовать overflow, но для таблицы его использовать нельзя, поэтому мне кажется нужно использовать div'ы. Но как это вс? организовать? Я уже div вставлял во всю таблицу (отдельное сообщение), в отдельную строку, в отдельный столбец - ничего не получается. Использовал свойство hidden у overflow. Или я иду не в том направлении?

    Asked by Александръ,

    0 votes
    3 answers

  14. Выравнивание изображений

    Здравствуйте. Есть список ul, также изображения около каждого пункта, которые появляются при наведении курсора на пункт. Ниже css и список. div.firmwares ul li { position: relative; } div.firmwares ul li img { display: none; position: absolute; top: 0; border: 1px solid #228B22; left: 40%; } div.firmwares ul li:hover img { display: block; } <ul id="se"> <li><a src="/se_c510">Aino</a><img src="img/se/Aino.png" /></li> <li><a>C510<img src="img/se/c510.png" /></li> <li><a>C702<img src="img/se/c702.png" /></li> <li><a>C902<img src="img/se/c902.png" /></li> …

    Asked by Jonathan,

    0 votes
    6 answers

  15. выравнивание изображений в тексте

    подскажите пожалуйста способ, при помощи которого можно точно выравнивать изображения по обоим краям justify-текста без применения дополнительных классов здесь выровнено с дополнительными классами, а хотелось бы без них

    Asked by cyklop77,

    0 votes
    7 answers

  16. Выравнивание изображения

    подскажите мастера, как можно выровнять изображение по центру в топике форума, вставленного по ссылке с помощью bbкода img ? как вот это

    Asked by dimdimin,

    0 votes
    2 answers

  17. Выравнивание изображения без класса

    Имеется конструкция типа: <p><img src="image.jpg"></p>Как можно с помощью CSS, указать выравнивание по середине?

    Asked by Nigelist,

    0 votes
    7 answers

  18. Выравнивание изображения в CSS

    Подскажите, пожалуйста, как мне выровнять изображения в ячейках по центру на странице http://moscow.domolink.ru/users/oplata/ Там где логотипы платёжных агентов. Прописал в стилях: td img { text-align: center; } Не помогло.

    Asked by SCooTERina,

    0 votes
    4 answers

  19. Выравнивание изображения в резиновом блоке

    Здравствуйте. Не могу найти решение, надеюсь, вы мне поможете. Есть div1 с шириной 100% В нем еще два div'а: .div2 { width: 80%; height: 60px; border: 1px solid blue; display: inline-block; float: left; overflow: hidden; } .div3 { float: right; width: 19%; height: 60px; display: inline-block; background-image: url("{T_THEME_PATH}/images/bg_tex2.jpg"); border: 1px solid #BFBFBF; } В левый (div2) вставляем картинку и она прижимается к верхему и левому краям div'а. Можно кроссбраузерно выровнять данное изображение по вертикали и горизонтали без использования php и js?

    Asked by Andyk,

    0 votes
    10 answers

  20. выравнивание изображения в таблице

    Помогите разобраться. Вопрос следующий: необходимо выровнять кнопку Играть по центру по вертикали. код html: <table class="opis"> <tr> <td class="opis"> Статус: открытое бета-тестирование Разработчик: Gaijin Entertaiment Жанр: Симулятор, MMOAaction Дата выхода: 1 ноября 2012 Оплата: Free-to-Play (бесплатно) Официальный сайт: <a href="http://lnk.do/24sWy">warthunder.ru</a> </td> <td class="opis2"> <a href="http://lnk.do/24sWy"><img alt="play" src="http://gamevestnik.ru/wp-content/uploads/2013/07/play.png" width="250" height="69" /></a> </td> </tr> </table> CSS: table.opis { width: 100%; bord…

    Asked by Gr1n4,

    0 votes
    1 answer

  21. выравнивание изображения в ячейке

    добрый день. подскажите, пожалуйста. есть таблица, с ячейками 200х200 пикселей. в каждой ячейке должна быть картинка, с высотой 200 и разной шириной. ячейка при этом должна сохранять ширину 200. короче надо чтоб в ячейке отображались только 200 пикселей из середины картинки. т.е. чтоб картинка выходила за края ячейки. в общем выглядеть должно так: http://500px.com/Senecarus

    Asked by alazankin,

    0 votes
    7 answers

  22. Выравнивание изображения и текста по центру

    <p class="forimg"> <img src="img/image1.jpg"> <div class="textimg">текст текст текст текст</div> </p> В стилях p.forimg { display: inline; text-align: center; } .textimg { background: #e1e2e6; color: #000000; font-size: 14px; width: 580px; padding: 10px; } Нужно выровнять изображение с текстом под ним, по центру Если в стилях убираю строку (display: inline;) то выравнивание происходит, но текст смещается вниз Как сделать так чтобы и выравнивание происходило и текст прилегал к изображению?

    Asked by gadjet,

    0 votes
    5 answers

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

    Помогите выровнять изображение по середине(по вертикали) строки. Если использовать vertical-align: middle, то изображение немного смещено от центра по высоте. Вот пример Вот код: <!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> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title></title> <style type="text/css"> body { font: 0.86em/1.5 Arial; } div { background-color: #eee; font-size: 2em; } img.img-middle { vertical-align: middle; display: inline-block; } spa…

    Asked by CoDy,

    0 votes
    0 answers

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

    Добрый день, необходимо сверстать блок как на картинке, но не могу понять как сделать правильно. Пробовал уже разными способами, но адаптивная верстка не получается. Где красная стрелка - там изменяется расстояние между иконками в соответствии с размером текста справа. Иконки соединены вертикальной линией, которая не должна прерываться. Кто подскажет?

    Asked by vvamsk,

    0 votes
    1 answer

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

    Какой раз я сталкиваюсь с проблемой: если в одном месте вставишь элемент (рисунок, текст), то в каком-то другом месте происходит выталкивание других элементов. Как обойти эту проблему в коде, для того чтобы рисунки (иконки) располагались слева от пунктов меню Каталог товаров (и чтобы пункты меню типа Крупная техника для кухни, Крупная техника для дома располагались по центру блоков): <html> <head> <link rel="stylesheet" href="mysite.css"> </head> <body> <div class="mainwrap"> <div class="mainmenu"> <span> <span> <button data-toggle="dropdown" data-target="#menu" c…

    Asked by newmandvin,

    0 votes
    1 answer

  • Обсуждения

    • 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