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. Центрирование больших блоков при маленьком разрешении

    Доброго времени суток! Есть проблема. Некоторые люди пользуются мониторами с разрешением 1024х768(я например ). А сейчас сайты делаются для мониторов с большим разрешением. С таким столкнулся и я. Сам сайт в ширину 1400 пикселей. Все блоки лежат в главном блоке: <div id="wrapper"> <div>1</div> <div>2</div> <div>3</div> </div> У wrapper'а задана фиксированная ширина 1400px и прописано margin:0 auto; Все бы и ничего, но когда смотришь на мониторах с разрешение 1024х768 например, внизу появляется скролл, и все не по центру как то. Подскажите пожалуйста как от этого избавиться? Заранее спасибо!

    Asked by Digidie,

    0 votes
    2 answers

  2. Центрирование бэкгроунда

    Суть проблемы: html <body> <div class="window"> <div class="sub-window"> — "основное содержимое" — </div> </div> </body> css .window { background: url(window_bg.jpg) repeat-y center top; } .sub-window { width: 1000px; background: url(sub_window_bg.jpg) no-repeat center top; } Имеем два блока на всю ширину экрана. У одной рисунок на 1400px у другой - 1000 по ширине. У первого повторяется по вертикали - у второго фиксирован на 200px по высоте и не повторяется. Фоны должны пиксель в пиксель стыкаваться при наложении один на другой. Изначально так и происходит. Но при ресайзе окна броузера (когда изменяешь ширину окна) - …

    Asked by DjTarik,

    0 votes
    75 answers

  3. Центрирование в XHTML 1.1

    Добрый день, что-то не нашел нужного ответа в поиске, потому задаю вопрос. Как мне центрировать все элементы в блоке по центру. Например в том же самом body. Раньше я центрировал с помощью <center>, но это не валидно. Как центрировать с помощью css? text-align смещает только текст, но не блоки( Заранее благодарю.

    Asked by haZe,

    0 votes
    5 answers

  4. Центрирование в зависимости от количества

    Приведствую, Вас! Есть блок в котором отображаются кнокпи в 2 ряда по 5 в каждом. Возникла такая задача. В случае если кнопок менше или равно 5, они должны центроватся по центру, можно ли это реализовать на чистом CSS?

    Asked by grifin85,

    0 votes
    7 answers

  5. Центрирование горизонтального списка

    Всем доброго времени суток. В общем, имеется меню, выполненное в виде списка <ul> и вложенными в него строками <li>, которые отформатированы, помимо прочего, с помощью float: left. Таким образом, имеется горизонтальное меню. И вот это меню нужно выровнять посередине окна, не задавая конкретного значения width тегу <ul> или же обертке. Заранее списибо.

    Asked by Upcoming,

    0 votes
    4 answers

  6. центрирование дива

    У меня есть див, с параметром position:absolute;, как его отцентрировать? Заранее спасибо. И как сделать так, чтобы элементы в диве были по горизонтали?

    Asked by vvsh,

    0 votes
    6 answers

  7. центрирование дива

    Всем привет. нужно сделать так: <div class="header"> <div class="header-left"><input type="button" value="Отменить" /></div> <span class="header-center">Twit</span> <div class="header-right"><input type="button" value="Отправить" /></div> </div> надо чтобы были header-left слева, и header-right справа, а header-center, по центру. делаю .header { overflow: hidden; } .header-left { float: left; } .header-center { } .header-right { float: right; } как сделать по центру? спасибо

    Asked by vvsh,

    0 votes
    9 answers

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

    Подскажите, пожалуйста, как отцентрировать заголовок в части таблицы, состоящей из трех, горизонтально расположенных ячеек. Заголовок размещается в средней ячейке. Все три ячейки разной ширины: - первая 30%; - вторая 60%; - третья 4%. Нужно сделать так, чтобы заголовок был в центре всего блока, состоящего из трех ячеек.

    Asked by StOK,

    0 votes
    4 answers

  9. Центрирование и футер....

    Опять проблема. Нужно, чтобы основное содержимое было центрированным. И при этом у страницы был стикед футер в подвале (не фиксед). А при маленькой высоте окна - образоывалась прокрутка. http://html2css.ru/center/success.html

    Asked by Zverushka,

    0 votes
    7 answers

  10. Центрирование изображения

    Прощу помощи) Вопрос: Как центрировать картинку по вертикали в диве(который float) с заданной высотой. Есть какие нибудь более элегантные способы чем задание подсчитанного паддинга? Должно работать в ie6.

    Asked by fragilewelldone,

    0 votes
    4 answers

  11. Центрирование изобржения

    Приветствую! Подскажите как правильно сделать, чтобы все изображения на странице были ровно по центру. Такого типа код не помогает img{ text-align:center; }

    Asked by drug_tvoi,

    0 votes
    1 answer

  12. Центрирование или нет сам не пойму

    Сайтец: опа До этого вместо flashки была просто картинка, через css background top center, нижний прокрутки не было. Вставил flashку, появилась полоса прокрутки + что-то мне подсказывает, что отцентрировал я не правильно. Как заставить flash вести себя как background? Сейчас сделал через position:absolute;z-index:5. Всем остальным элементам position: relative; z-index: 10.

    Asked by Master of Magic,

    0 votes
    6 answers

  13. Центрирование картинки

    Наворотила галлерею, адаптировала готовый скрипт. http://test.bredova.ru/index.php?id=12 Но вот незадача, помимо горизонтальных картинок есть и вертикальные этого я не знала и поэтому не учла. Сейчас мне бы их хотя бы отцентрировать. Но никак не получается Пыталась писать #wrapper{ width:550px; margin: 0 auto; } Но видимо я не там копаю, реакции не было никакой Помогите, пожалуйста!!!

    Asked by Bredova,

    0 votes
    7 answers

  14. Центрирование картинки произвольного размера в блоке фиксированного размера

    На одном из форумов видел решение для центровки элемента по вертикали относительно родителя. Я доработал этот пример под полное центрирование картинки Задача: есть картинка заранее неизвестного размера, есть блок фиксированного размера, внутри которой эта картинка должна быть размещена по центру. Решение: обязательно наличие еще одного вспомогательного элемента и главный блок фиксированного размера #Image{ width: 830px; height: 750px; line-height: 750px;//Значение равное высоте блока } #Image div{ width: inherit;//наследуем ширину родителя, относительно которой мы будем выравнивать img display: inline-block;//указываем что div - встраиваемый элемент…

    Asked by maxmaster,

    0 votes
    4 answers

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

    Решил стать правильным человеком - перейти на XHTML 1.1 и теперь не могу отцентровать контент страницы. Как хорошо было раньше - был тег <center>: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> html, body {height:100%} .contabl {width:600px; height:100%; border-collapse:collapse; border:solid 1px black} </style> </head> <body> <center> <table class="contabl"> ..... </table> </center> </table> </body> </html> Теперь же, при XHTML1.1, его не должно быть, а с CS…

    Asked by Webr,

    0 votes
    4 answers

  16. Центрирование менюшки

    Приветик всем. Пытаюсь позиционировать менюшку строго по центру. В ИЕ6 центрируется нормально, но мозилла сдвигает ее влево. Ставлю в двух дивах. Не пойму, что не так. Заранее спасибо за поддержку. Код такой: /*——————headmenubox—————-*/ #headmenubox {position:absolute; top: 290px; width: 795px; height: 30px; margin-left: auto; margin-right: auto; background-color: #F7F2EE; border: 2px outset; z-index:3;} /*——————header-menu—————-*/ #header-menu {position:relative; top:0; width: 90%; height:auto; padding-left:; margin:0 auto; font-family: Times New Roman, serif; text-align: center; font-weight: bold; font-style: italic; background-color: #F7F2EE; colo…

    Asked by Oliany,

    0 votes
    3 answers

  17. Центрирование модального окна в видимой области браузера

    Здравствуйте. Недавно задавал этот вопрос,мне ответили вот так: -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); но это не срабатывает. У меня длинный лендинг, который не адаптивен,т.е. при открытии на айфоне всё мелко. И чтобы нажать на кнопку модального окна (по ней попасть) нужно увеличить зум и нажать. Но тогда окно модальное оказывается вне видимой области. Как центрировать его именно внутри этой просматриваемой области? Вот тут http://ruseller.com/lessons/les1782/demo/index.htmlвсе работает как надо,про…

    Asked by tegowai,

    0 votes
    1 answer

  18. Центрирование на экране фиксированного элемента

    Есть див с заранее известными шириной и высотой. Подскажите, как его отцентрировать на экране по вертикали и горизонтали на любом разрешении монитора? Насчет вертикальной центрации - можно забить в принципе, но очень хочется, а горизонтальная критически необходима. Браузеры все. Слой имеет position:absolute;

    Asked by MageMerlin,

    0 votes
    13 answers

  19. центрирование не работает в IE6

    Всем привет. Приводимый код работает корректно везде кроме IE6. Что не так? Описание: в IE6 правый блок, при сжатии окна браузера, перемещается вниз. При широком окне между блоками белая полоса. Как это исправить? 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> <title></title> <!--META--> <meta http-equiv = "Content-Language" content = "ru" /> <meta http-equiv = "Content-type" content = "text/html; charset = UTF-8" /> <meta name = "description" content = "Описание в Google..." /> <m…

    Asked by ChipAlina,

    0 votes
    6 answers

  20. Центрирование плавающих блоков

    Столкнулся с проблемой. Есть 5 блоков которые должны идти в 2 ряда - 3+2 Задача центрировать получившуюся конструкцию. Блоки должны оставатся блочными элементами (тк в свою очередь тоже содержат блочные элементы) так что display:inline не подходит. Все что я нарыл в инете по этому вопросу - размноженная на куче блогов статья как центрировать меню http://dimox.name/how_to_center_floating_list/ - но этот метод не подходит - второй ряд все равно оказывается прижат к левому краю... Подскажите плз, как можно решить данную задачку

    Asked by Di.Mon,

    0 votes
    0 answers

  21. Центрирование по высоте и ширине

    есть ли решение блоками сделать такое ? всё резиновое. блок отцентрировать по высоте и ширине если размеры окна меньше, он липнет к правому краю (и к верхнему) таблицей проще некуда <table width="100%" height="100%"> <tr><td align="center" valign="middle">ddd</td></tr> </table> а как блоками ? БЕЗ ЯВЫ!

    Asked by iillyyaa2,

    0 votes
    16 answers

  22. центрирование повернутого текста

    добрый день! делаю выплывающее боковое меню. поворот его заголовка с помощью css делается так .boxRotateLeft{ -webkit-transform: rotate(270deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(270deg); /* FF3.5+ */ -ms-transform: rotate(270deg); /* IE9 */ -o-transform: rotate(270deg); /* Opera 10.5 */ transform: rotate(270deg); zoom: 1; display:block; } вопрос: как отцентрировать этот текст по-вертикали? дело в том, что для разных языков высота будет разная. вариант с картинками мне не подходит вот еще сама разметка <div id="hide" style="float:left;"> <img src="img/hide.png"> <span class="boxRotateL…

    Asked by SnowCatcher,

    0 votes
    26 answers

  23. Центрирование Попапа...

    Здравствуйте! При центрировании всплывающей формы столкнулся со следующем проблемой: если окно браузера становиться меньше высоты попапа - то содержимое начинает залазить за верх и до него невозможно доскролится... Другие варианты центрирования не подходят т.к. плагин построен именно на этом принципе и если например всё это дело помещать в таблицу(для центрирования) и т.п. то попап просто не функционирует!(почему именно понять по скрипту пока не могу...) Ещё одна проблема заключается в том, что фон на котором всплывает форма в ie-7,8 становится вместо серо-прозрачного чёрным!(браузеры не поддерживают св-во "opacity"!?) P.S. Буду благодарен ,если кто подскажет, что конкрет…

    Asked by Yamaradg,

    0 votes
    4 answers

  24. Центрирование при вертикальном скролле и vh, vw.

    Есть 4 блока (div) друг под другом, каждый из них занимает всю клиентскую область (100 hv, 100 wv). Есть фиксированное меню с 4 пунктами, по клику - скролл к нужному блоку. Необходимо разместить в центр каждого из div по одному section ровно по центру. С центрированием знаком, пробовал три разных способа. К примеру остановимся на этом section{ width:20px;height:20px;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0; } Проблема в следующем, section встают нормально в центр блока, но только не каждый в своем, а все в первом. Кто-нибудь в курсе как исправить?

    Asked by Doomsday,

    0 votes
    2 answers

  25. центрирование при помощи float

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

    Asked by cyklop77,

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