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. вырезать фон из psd

    помогите пожалуйста вырезать фон из psd-макета. проблема в том, что после кадрирования(фон в правой колонке) и сохранения(в .png или в .jpg) исчезает переход между тонами, который есть в оригинале. наличие перехода я проверяю при помощи pixie(на глаз тоже заметно) результат размещения фона на странице выглядит так

    Asked by cyklop77,

    0 votes
    6 answers

  2. Выровнить

    Здравствуйте дорогие друзья. Подскажите пожалуйста, вот HTML код <!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> <!-- В контакте --> <link href="http://stg.odnoklassniki.ru/share/odkl_share.css" rel="stylesheet"> <script src="http://stg.odnoklassniki.ru/share/odkl_share.js" type="text/javascript" ></script> <script type="text/javascript" src="http://vk.com/js/api/share.js?11" char…

    Asked by Favorskij,

    0 votes
    1 answer

  3. выровнить DIV по нижнему краю

    всем привет. опять я! ребят подскажите плиз как выровнить Див по нижнему краю. Например есть две колонки, левая например 600 пик в высоту, правая 450 и 150, так вот во всех браузерах див (150) по разному отображается, точнее доли мм. хочу воровнить его по нижнему краю левой колонки. можно? спасибо

    Asked by termoplus,

    0 votes
    14 answers

  4. выровнить блоки =\

    Всем привет! у меня есть блок контейнер, в нем еще два блока. ________________________ | ____________ __________| | | | | | | | | | | | | | | | | | | | | | | | | | |___________| | _________| | ————————————— имею две проблемы... 1 - как сделать так, чтобы внутренние блоки всегда оставались одинаковой длины, равной длине большего из них? (смотря какой получится длинее, в зависимости от наполнения) надеюсь понятно объяснил = 2 - впринципе проблема отпадет если решить первый вопрос) но сейчас она такая - в опере внешний контейнер всегда выравнивается по первому (более широкому блоку), а в ие7 по тому который получается длинее. в общем чтобы не было такого: ___________…

    Asked by Calvin,

    0 votes
    4 answers

  5. Выровнить меню по центру

    html <!doctype html> <html> <head> <meta charset="windows-1251"> <title>Тест</title> <link href="test.css" rel="stylesheet" type="text/css"> </head> <body> <div class="menu"> <ul> <li><a href="">Главная</a></li> <li><a href="">Обучение</a></li> <li><a href="">Новости</a></li> <li><a href="">Видео</a></li> <li><a href="">Фотоальбом</a></li> <li><a href="">Форум</a></li> </ul> </div> </body> </html> и css @ch…

    Asked by RussiaStorm,

    0 votes
    10 answers

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

    Привет! Как выровнить текст в списке относительно маркера. http://jsfiddle.net/KstMK/

    Asked by parabola,

    0 votes
    6 answers

  7. Выровниять по вертикали текст с разными разными шрифтами

    Есть плавающий блок содержащий одну строку за ней следует два значка (icon-font) Проблема в том, что значки визуально выше строки текста. Чего я только не пробовал и line-height и padding/margin все равно значки выше строки. Еще меня волнует непонятный отступ внутреннего контейнера от нижнего края плавающего блока. margin / padding здесь кадется ни при чем. Стили (LESS) и контейнер #confirm { position: absolute; height: auto; border: 1px #230D33 solid; z-index: 1000; display: inline-block; overflow: hidden; text-indent: 0; box-sizing: border-box; background: #f9f0ff; box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); .content { padding: 2px 8px; display: inline-bloc…

    Asked by ekkl,

    0 votes
    0 answers

  8. Выровнять 3ри блока в headere

    привет всем! Люди подскажите ответ на такой вопрос: как все это выровнять? <div>//блок header <div>//картинка главное меню, должна быть прижата к левому краю и нижнему левому углу <img> </div> <div>//надпись в центре фотопечать ФОТОПЕЧАТЬ </div> <div>//картинка должна быть прижата к правому краю </div> картинки прилагаются! И еще один вопросик по картинкам. В ашкуащчу все становиться ровно, а вот в IE 6 появляется два пикселя в углу их можно как то убрать? </div>//блока header http://narod.ru/disk/21502444000/firefox1.JPG http://narod.ru/disk/21502471000/pipec.JPG

    Asked by Ju87,

    0 votes
    3 answers

  9. выровнять div с плавающей высотой по центру

    Здравствуйте. Столкнулся с такой проблемой - требуется разместить div с плавающей высотой по центру экрана... погуглил, и в основном предлагают решение через display:table-cell; vertical-align:middle; у родителя, но вот как не пробовал биться головой об стенку у меня это не работает. Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>div</title> <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"> <style type="text/css"> body { padding:0; margin:0; } .wrapper { width:100%; height:100%; position:absolute; background-color:#3FC; display:table-cell; vertical-align:mi…

    Asked by Garnet,

    0 votes
    4 answers

  10. выровнять div-блок по центру монитора

    div { position: absolute; width: 1000 } <div> </div> для мониторов с маленкьим разрешением всё содержимоей страницы запаковано в тот блок. а если страницу откроет человек, у которого разрешение 1500 по вертикали, то блок будет с правой стороны страницы. как сделать "плавающий блок", чтобы он всегда был по центру окна?

    Asked by Guest Гость_Rilo_*,

    0 votes
    4 answers

  11. Выровнять sidebar

    Помогите пожалуйста выровнять sidebar http://styagka-msk.ru/test/ sidebar нужно сдвинуть немного влево чтобы выровнять его с картинками как справа

    Asked by BTN,

    0 votes
    6 answers

  12. выровнять блок меню с любым количеством пунктов

    подскажите пожалуйста метод, с помощью которого можно выровнять по горизонтали меню с произвольным числом пунктов или посоветуйте сайты использующие хорошо работающий подход к решению проблемы. я сверстал страничку, на которой использовал метод равномерного распределения пунктов меню по горизонтали, найденный на этом форуме. для центрирования блока меню я задал отступы по 60px слева и справа. в случае сайта, работающего на движке с админкой заранее узнать количество пунктов невозможно. например если их будет в два раза больше, то меню будет выглядеть так. то есть слева есть оступ в 60px, а с права нет - несимметрично. задача типовая и, я думаю, должны существовать наработ…

    Asked by cyklop77,

    0 votes
    3 answers

  13. Выровнять блоки

    Возникла прроблема при верстке немогу решить уже второй день, есть неизвестное количество блоков в родительском(их высота и ширина известна заранее) нужно выровнять эти блоки по левому краю и родительский блок отцентрировать в блоке photos_list <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <div class="photos_list"> <div class="container" style="text-align: left;"> <div style="float:left; width: 100px; height: 100px; border: 1px solid #ccc;;"> <img src="/fw/files/thumb/6fd36c7e6759050b03bb22871550554f.jpg" alt="WallpapersMania.nnm_.ru_vol141.jpg" width="100" height="62"> &…

    Asked by Toxin_G,

    0 votes
    22 answers

  14. Выровнять блоки

    Есть блок с заданной высотой и шириной, в нем список, у элементов списка не задана ширина, они расширяются в зависимости от содержимого: Вопрос, как выровнять элементы списка по ширине чтобы не было так некрасиво как сейчас?

    Asked by FitTech,

    0 votes
    3 answers

  15. Выровнять вертикально текстовый блок

    Здравствуйте! Подскажите, пожалуйста, как выровнять вертикально текстовый блок находящийся в родительском блоке, чтоб вне зависимости от количества текста он всегда был вертикально по центру? http://jsfiddle.net/E7P4R/

    Asked by stan07,

    0 votes
    3 answers

  16. выровнять высоту div'ов

    У меня 2 дива - слева менюшка с раскрывающимся списком, справа текст. Как сделать, чтобы когда содержимое одного дива увеличивалось (больше текста), второй увеличивался автоматически? Засовывала их еще один div, там делала 100% height, но тогда когда менюшка полностью раскрывается, то выходит за границы дива. (Прокрутку делать не хочу)

    Asked by Lanfear,

    0 votes
    2 answers

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

    Подскажите,почему у меня картинка в нижнем блоке съезжает вниз?Вот код: <section class="recent_news"> <article> <img src="images/05.png" alt="pic" class="pic"> <div class="text"> <time>05.12.11</time> <p><a href="#">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters.</a></p> </div> </article> <article> <img src="imag…

    Asked by eleonore,

    0 votes
    4 answers

  18. Выровнять изображение и текст

    Здравствуйте! Сразу скажу, что плохо в этом соображаю Дело в том, что мне нужно на одной странице по левому краю выровнять 2 изображения. Одно ниже другого. А с правой стороны текст. Ниже код с одной картинкой. Не пойму как сделать с новой строки новое изображение и текст. Помогите пожалуйста. Уже два дня маюсь. <tr> <td width="270" align="left" valign="top"> <img src="http://read.ru/images/delivery_place/861.jpg" style="float:left;margin:10px;"> <b>Адрес:</b> ул. Ленинского Комсомола, д. 35, офис 77<br><br> <b>Телефон:</b&gt…

    Asked by iiwanc,

    0 votes
    1 answer

  19. Выровнять изображение по центру Bootstrap

    Если экран сужается все блоки складываются один под другим, в двух у меня текст и я ему задаю значение выравнивание по центру ! А вот фото в первой колонке тулица по левому краю даже в том случаи если с права все колонки ушли под низ ! Пробывал дать значение margin 0 auto - все одно с лева ( https://fotki.yandex.ru/next/users/sawenkov-o-s/album/429223/view/970932

    Asked by virtas,

    0 votes
    16 answers

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

    Привет! Делаю локальную стартовую страничку. Подскажите пожалуйста как выровнять иконки и текст, чтобы они были на одном уровне. Пример для наглядности: <style type=text/css media=all> * {padding:0; margin:0;} img {border: 0;} table {border-collapse: collapse; border: none;} table th, table td {font-weight: normal;} a:focus {outline: none;} a, a:hover {text-decoration: none; font: 12px arial; color: #464646;} a:hover {text-decoration: underline;} ul li {list-style: none; margin: 0 0 5px 0;} ol li {list-style: decimal inside;} html {height: 100%;} body {height: auto !important; font: 12px arial; color: #000; line-height: 18px; } #wrap {min-width: 985px; margin:…

    Asked by iahromenko,

    0 votes
    4 answers

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

    Уже перебробовал много методов и сам сидел мучился, но так ничего и не получается. В примере из-за того, что картинки разные по размеру, колонки получаются разные по высоте. Сделать колонки одинаковой высоты вроде как и не проблема. Проблема в том, что не знаю как выровнять по вертикали картинки, чтобы отступы сверху и снизу между ними были одинаковые в одной колонке. Может решение совсем простое? https://jsfiddle.net/4p05m9cj/ P.S. Добавил внизу футер и желтый фон для наглядности. https://jsfiddle.net/4p05m9cj/2/

    Asked by WhatIsHTML,

    0 votes
    5 answers

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

    Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как выровнять картинку по центру блока (по высоте, по ширине я её выровнял) Вот код - http://jsfiddle.net/ko542jer/

    Asked by stan07,

    0 votes
    8 answers

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

    Народ привет. Хочу поместить социальные кнопки, кнопки вставил, но пока не могу выровнять их. <div id="content"> <div class="addthis_sharing_toolbox"></div> </div> </div> <div id="footer"> </div> .addthis_sharing_toolbox {line-height:40px;text-transform:uppercase;color:#999;font-size:11px;border-top:1px dotted #ccc;padding-top:15px;margin-top:15px; } Кнопки вставляются, но пока не могу их выровнять по середине. Код кнопок виден только в исходном коде странице. Подскажите пожалуйста как ещё вставить текст перед кнопками?

    Asked by bobb,

    0 votes
    0 answers

  24. Выровнять контетн по середине

    Здравствуйте, проблема в следующем. Есть отдельный фон для хедера, контента и футера. У всех разные цвета. Нужно сделать так, чтобы фоны для них были по всей ширине экрана, все объекты сайта находились в центре. минимальная ширина 1000рх. Пробовал марджин 0 авто - не помогает. Как быть?

    Asked by pashtetina,

    0 votes
    2 answers

  25. Выровнять меню

    Как выровнять синие блоки чтобы они были стык в стык с красными (с нижним левым уголком)? http://jsfiddle.net/HZ3yR/2/

    Asked by Kenshi24,

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