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. Центрирование при разном размере изображений

    Здравствуйте уважаемы знатоки. Заканчиваю верстку галереи, но возникла пара неприятных моментов. Первый. Это проблема вертикального позиционирования "плюса" на оверлее элемента галереи. На контейнере с плюсом у меня простые правила: position: absolute; top: 42%; left: 41%; , на скрине видно, что на верхнем элементе все выглядит как нужно, но у нижнего плюс расположен вертикально не по центру. У остальных элементов галереи такая же ситуация. Конечно есть вариант создать для каждого размера изображения свой класс, и прописать там индивидуальные координаты, но для начала решил спросить у ведующих. Какой универсальный вариант решения данной задачи…

    Asked by Константин(Mushr00m),

    0 votes
    2 answers

  2. Центрирование с отступом сверху

    Задача: 1. Расположить в шапке сайта изображение и выравнять его по центру страницы. 2. Сделать отступ изображения от верхней границы окна браузера. Например, на 10px. Первый пункт сделал путем: CSS .img{ text-align: center; margin:0 auto; } Теперь не знаю как сделать отступ, так как margin-top уже не работает. Подскажите, пожалуйста, как правильно сделать.

    Asked by Jawesome,

    0 votes
    3 answers

  3. Центрирование слоя внутри слоя

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

    Asked by TorchTT,

    0 votes
    5 answers

  4. Центрирование содержимого DIV

    Всем привет. Столкнулся с небольшой проблемой и никак не могу ее разрешить. Помогите, пожалуйста! Допустим, у нас есть контейнер .content внутри которого текст и небольшая галерея. У меня никак не получается выровнять содержимое content по центру. Margin:0 auto для content не помогает. Text-align выравнивает только текст. Пробовал взять img в <p> - результата не принесло. В общем, вопрос пустяковый, но он никак мне не дается. Дайте совет. p's: поиск по форуму почему-то не работает. <head> .content { width:60%; float:left; } .gallery { float:left; margin:4% 7% 4% 0; } .gallery2 { float:left; margin:5% 7% 0 10%; } .gallery P { margin:0 auto 5px; text-align…

    Asked by Sedli,

    0 votes
    4 answers

  5. Центрирование списка

    Извините за столь тривиальный вопрос, возможно ответ абсолютно банален. Если я засоряю форум - удалите, пожалуйста тему, как только я получу ответ. Имеется блок - контейнер. В нём список, пункты которого сделаны блоками, и выровнены в линию float'ом. <div id="content" class="block"> <ul> <li>Пункт</li> <li>Пункт</li> <li>Пункт</li> </ul> </div> #content { margin: 10px 10px 10px 24%; overflow: hidden; } .block { ... padding: 5px; text-align: center; } ul { list-style: none; margin: auto; padding: 0; } li { float: left; display: block; width: 20%; border: 1px solid; } И, несмотря на text-al…

    Asked by ViStefan,

    0 votes
    5 answers

  6. Центрирование списка

    Пытаюсь редактить готовый шаблон. Имеется список ссылок в виде маркированного списка: http://jsfiddle.net/The_Immortal/kVxDU/ Необходимо этот список оцентрировать... Я так понимаю, надо центрировать div, в котором содержится ul. Поэтому написал: <div class="usermenu"; align="center"> Но, как видите, результата никакого

    Asked by The_Immortal,

    0 votes
    3 answers

  7. Центрирование страницы

    Вроде бы простейший пример, не соображу где накосячил Необходимо разместить отображение сайта по центру. Пример: <body> <div class="wrapp"> <div id="left"> </div> <div id="right"> </div> </div> </body> *css style html,body { font: normal 10pt Arial,Helvetica,sans-serif; background:#D0DCF4 url(bg.jpg) repeat-x top; } .wrapp{ width: 1200px; } #left{ float: left; /*min-height для IE*/ height: auto !important; height: 100%; min-height:650px; width: 400px; background:#D0DCF4 url(menu.jpg) no-repeat top; } #right{ float: r…

    Asked by cul8er,

    0 votes
    9 answers

  8. Центрирование страницы после якоря

    При клике на якорь, браузер продергивает документ что бы якорь оказался в верху. Можно ли его каким нить образом убедить что бы якорь оказывался в центре окна.

    Asked by Guest Гость_Still Swamp_*,

    0 votes
    4 answers

  9. Центрирование строчных элементов

    Доброго времени суток. .post-metadata { height: 20px; margin-top: 10px; background-color: #FAFAFA; border: 1px solid #CFCFCF; font-family: Arial, Helvetica, sans-serif; } span.date { background-image: url(images/date.png); background-repeat: no-repeat; padding-left: 20px; margin-left: 2px; } span.author { background-image: url(images/author.png); background-repeat: no-repeat; padding-left: 20px; margin-left: 10px; } Как сделать, чтобы span.date and span.author распологались вертикально по центру div.post-metadata?

    Asked by Veit,

    0 votes
    1 answer

  10. Центрирование таблицы по вертикали и горизонтали

    Здраствуйте,моя проблема заключается в том , что у меня не удается установить таблицу в центре экрана по горизонтали и вертикали , теги - align="center" valign="middle" ситуацию не исправляют. Отображение страницы в dreamweaver dreamweaver Отображение страницы в браузере браузер http://www.nimax.kz Взгляните на код страницы: <!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>Главная страница » NIMAX.KZ - фотосессии и видеосъемка в г.Кокшетау<…

    Asked by tnj23,

    0 votes
    0 answers

  11. Центрирование таблицы, которая шире экрана

    Не могу сообразить, гугление что-то не помогает(( Такой вопросик: есть таблица, которая имеет размер, к примеру, 1600px в ширину. А разрешение экрана допусти 1366px. Как средствами css/html отцентрировать таблицу - чтобы была видна её средняя часть?

    Asked by Laroux,

    0 votes
    3 answers

  12. Центрирование текста по вертикали в списках заданной высоты

    Доброго времени суток! Подскажите, пожалуйста, нетямущему, как вот в этом примере двухстрочный текст отцентрировать по вертикали. line-height для этих целей не подходит. Эту верстку делает модуль меню Джумлы, следовательно крутить могу только CSS, т.к. переделывать модуль геморно

    Asked by radeugen,

    0 votes
    2 answers

  13. Центрирование фоновой картинки для тега body

    Здравствуйте уважаемые веб-мастера! Подскажите как сделать фоновое изображение тега body по середине экрана? Пример: Прописал в стиле следующее: body { background: url(../img/bg_body.jpg) no-repeat ; height: 1000px; margin: 0 auto; width: 960px; } размер изображения bg_body.jpg 960px на 100px. расширение экрана 1600х900. Но в окне браузера, фоновое изображение расположено не посередине окна, а у левого - верхнего угла окна.

    Asked by Raura,

    0 votes
    2 answers

  14. Центрирование эелементов по их центру

    Доброго времени суток форумчане. У меня возникла проблема с центрированием элементов на странице. Отцентрировать элемент получается, это не проблема но он центрируется по левому и верхнему краю - то есть получается ниже и правее центра и в случае изменения размеров элемента он может доходить да правого края или даже растягивать страницу. Мне нужно чтобы элемент всегда своим центром находился в центре страницы. Надеюсь понятно? ) Чтобы лучше понять вот картинка: — Красные линии показывают центр страницы и самого элемента, но такого результата я достичь не могу но хочу. — А вот так у меня всегда становится, но мне так не надо http://s42.radikal.ru/i096/1301/ec/f8bd7698e…

    Asked by OriuS,

    0 votes
    8 answers

  15. Центрирование элемента!

    Всем привет!Произошла проблемка при верстке.Значит создал элемент с классом "wrapper" и присвоил в стилях атрибут "width:1000px;margin:0px auto;" Но элемент по чему-то не центрируется.В чем может быть проблема? Сори))Проблему решил)

    Asked by ELBegemotos,

    0 votes
    0 answers

  16. Центрирование элементов и background.

    Подскажите, пожалуйста. Есть следующий простенький код: <div class="wrapper"> <div class="InnerWrapper"> Blablabla </div> </div> И цсс к нему: .wrapper { height:100px; width:100%; background: #eee; } .InnerWrapper { margin:0 auto; height:100px; width:400px; background:#3D6AA2; } При этом, все работает как нужно, див с blablabla центрируется. Но мне нужно сделать так, чтобы при фиксированной ширине внутреннего дива, слева от него был такой же цвет. Думаю, не очень понятно написал, но другими словами мне нужно чтобы бэкграунд с внутреннего дива шел от начала страницы, но контент его центрировался посредине страницы. Для наглядности приложу ск…

    Asked by DmitryG,

    0 votes
    1 answer

  17. Центрирование элементов списка

    Замучался уже, никак не могу расположить элементы по центру, хотя вроде всё по правилам делаю Подскажи как сделать чтобы li по центру распологались? http://jsfiddle.net/bsZ67/

    Asked by johan,

    0 votes
    3 answers

  18. Центрирование...

    Такое дело, заказчику нужно чтобы сайт был расположен по центру, делаю таким образом #centerLayer { position: absolute; /* Абсолютное позиционирование */ width: 280px; /* Ширина слоя в пикселах */ height: 180px; /* Высота слоя в пикселах */ left: 50%; /* Положение слоя от левого края */ top: 50%; /* Положение слоя от верхнего края */ margin-left: -150px; /* Отступ слева */ margin-top: -100px; /* Отступ сверху */ background: #fc0; /* Цвет фона */ border: solid 1px black; /* Параметры рамки вокруг */ padding: 10px; /* Поля вокруг текста */ overflow: auto; /* Добавление полосы прокрутки */ } и вроде всё хорошо, пока не поменяе…

    Asked by johan,

    0 votes
    23 answers

  19. Центрирования content

    Вот такой код. Фаяфокс и Опера в порядке, ИЕ не центрирует маргин: авто. Речь идет о "после" шестой версии) Центрировал, все было в порядке. Начал править что-то совсем другое... и все. В чем может быть проблема? Спасибо! html, body {margin: 0; padding:0;} body {font-family: Arial, Sans-serif; font-size: 10pt; background-color: #e5f0f6;} #container {margin: 0 auto; width: 900px; background: white;} p {margin: 3px 0px 4px 0px;} h2{font-size: 13pt; margin: 3px 5px 4px 5px;} h3{font-size: 11pt; margin: 3px 5px 4px 5px;} a:link {color: #1450aa; text-decoration: underline;} a:visited {color: #525f66; text-decoration: none;} a:hover {color: #525f66; text-decoration: none;} a…

    Asked by Rootical,

    0 votes
    2 answers

  20. Центрирования по осям X и Y

    Есть HTML: <div id="wrapper"> <div id="cell"> <div class="content"> Content goes here </div> </div> </div> Задача: расположить div.content аккурат по центру окна браузера, при этом, у блока неизвестны width и height Решение №1: #wrapper { display: table; } #cell { display: table-cell; vertical-align: middle; text-align: center; } .content { display: inline-block; } Вопрос: как можно добиться аналогичного результата без использования display: table/table-cell и JS?

    Asked by rookie,

    0 votes
    5 answers

  21. Центрированное горизонтальное меню на ul

    Есть страница фикс. ширины,меню на списках <div id="navbar"> <ul> <li><a href="...">1</a></li> <li><a href="...">2</a></li> <li><a href="...">3</a></li> <li><a href="...">4</a></li> </ul> </div> #navbar ul { float: left; width: 100%; padding: 0; margin: 0; list-style-type: none; font-size: 100%; text-align: center; border-bottom: 3px solid #fff; background: #e6e6e6; color: #000; } #navbar a { float: left; width: 11.6em; height: 25px; text-decoration: none; color: #009; background: #E6e6e6; padding: 0.2…

    Asked by Silvandir,

    0 votes
    6 answers

  22. Центрировать галерею Widgetkit

    Добрый день. Столкнулся с такой проблемой. Установил на Joomla 1.5 галерею Widgetkit. В материале прописал <p style="text-align: center;">[widgetkit id=4]</p> И о чудо! Галерея появилась в материале, но она не по центру, т.е. она становится по левому краю и все тут. Подскажите какие есть варианты решения проблемы. Вот страничка с проблемой: http://10dance.com.ua/ Спасибо.

    Asked by gumuch,

    0 votes
    2 answers

  23. Центрировать картинку в div

    имеется блок l_photo в который помещена ссылка, в ссылке находится картинка в блоке l_users_photo. нужно отцентрировать картинку в блоке l_users_photo, причем, чтобы картинка была полностью в нем и не растягивалась. как сделать? код шаблона <div id="l_photo"> <a href="index.php"> <div id="l_users_photo"> <img src="image.jpg" alt="альтернативный текст"/> </div> </a> </div> код стиля #l_photo{ width:100%; height:550px; float: left; } #l_contain{ width:50%; height:100%; float: left; }

    Asked by cebephb1y,

    0 votes
    3 answers

  24. центрировать надпись

    подскажите пожалуйста хороший способ, которым можно центрировать по горизонтали надпись в подвале. страница только не предлагайте сделать обёртку из дива с правилом margin: 0 auto; так как в разных браузерах длина строки из символов будет немного отличаться. следовательно надпись будет не совсем по центру. кроме того при изменении размера шрифта в ие будет появляться та же проблема

    Asked by cyklop77,

    0 votes
    1 answer

  25. центрование двух и более div по центру

    Итак есть футер, текст которого я хочу выравнять по центру <div id="footer_wrapper"> <div id="footer"> <div id="copyr">траляляляля, самый лучший проект</div> </div> </div> #footer_wrapper { position: relative; display: block; width: 100%; height:50px; } #footer { position: relative; display: block; height: 30px; width: 1002px; } #copyr { position: relative; display: block; height: 30px; width: 400px; } нужно выравнять #copyr внутри #footer по горизонтали и вертикали

    Asked by rtl_one,

    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