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. Верстка: одна шапка-меню, и меняющееся содержимое

    Здравствуйте! Мне необходимо относительно оперативно создать себе относительно простой сайт. ДЛя этой цели пришлось заняться изучением азов html. Оно очень интересно, но к сожалению время поджимает, а представление у меня, как именно сделать то, что мне нужно, остается весьма смутным, поэтому прошу помощи. Структура планируется такая: шапка с логотипом, меню (4-5 пунктов) - должны быть неподвижны и неизменны. Содержание - меняется (на части страниц текст, на части - фотогалерея). После изучения азов html и в частности учебника на вашем сайте у меня мысль такая: сделать страницу с фреймами, для фрейма с содержанием (страницы с фотогалереей) - сделать фотогалерею средствами…

    Asked by freefly,

    0 votes
    3 answers

  2. Верстка: проблемы

    Поставил страницу http://rang56.ru/pages/aboutus/ в Опере она отображается правильно, а в IE почему-то смещается вниз? В чем проблема?

    Asked by help26,

    0 votes
    1 answer

  3. Верстка!

    Получил заказ на создание сайта. Со слоями не разу не сталкивался. Вот макет сайта.Рисовал сам. Вопрос? Можно ли както обойтись без слоев? Если можно то как?

    Asked by 3d_max_9,

    0 votes
    16 answers

  4. Верстка.

    Всем привет! До сих пор понять так и не могу.Вот все говорят,что дабы div`ами верстать надо,всё же мне более удобно верстать на таблицах.Буду благодарен за Ваши ответы ...

    Asked by SteeLZzZ,

    0 votes
    6 answers

  5. Верстка. Картинка по центру div

    Здравствуйте, уважаемые гуру! Не могли бы вы подсказать, как выровнять картинку по центру div'а в коде, который будет представлен ниже. Я знаю, что код не совершенен, и если вам будет не трудно, укажите на ошибке и если можно с объяснениями, чтобы я мог исправить их в дальнейшем. Буду очень признателен за помощь. css: body { width:100%; height:100%; } body div#rotator{ float:left; min-width: 60%; max-width: 65%; min-height: 70%; max-height: 80%; } #rotator li img { min-width: 85%; max-width: 100%; min-height: 75%; max-height: 80%; } #rotator div > ul.list{ position: relative; list-style: none; padding: 0px; …

    Asked by morohon,

    0 votes
    19 answers

  6. Верстка. Правая колонка уехала вниз

    Подскажите в чем может быть проблема. Перечитал код 100 раз. Но в браузере отоброжается так : все нормально - а правая колонка уехала в низ. Спасибо за помощь. <html> <head> <title>Верстка</title> <style type="text/css"> div#block {width:1000px; margin: 2px 15%; background-color: #FDF5E6; font-family: Vivaldi} div.header {width:1000px; height:50px; background-color:#F8F8FF;font-size:30px; font-family: Vivaldi} div.left_col {width:150px; height:550px; float:left; background-color:#F0F8FF} div.center_col {width:698px; height:550px; font-family: monospace; font-size:13px;} div.right_col {width:150px; height:550px; float:right; backgrou…

    Asked by Shroet,

    0 votes
    1 answer

  7. Верстка.Как быть?

    Здравствуйте. Возникли сложности с совмещение таблиц.В наличии есть 3 таблицы, 2 из которых должны находиться в 1. Помогите в решение.За ранее благодарю. Сам код html: general table. <table id="Table_01" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="5"> <img src="images/modul-lef-tmaket_01.gif" width="261" height="8" alt=""></td> </tr> <tr> <td align="left"> <img src="images/modul-lef-tmaket_02.gif" width="4" height="344" alt=""></td> <td><img src="images/left_menu_06.gif" width="27" height="13" alt=""></td> / кнопка промотки вверх <td><img src="imag…

    Asked by E.Markitan,

    0 votes
    7 answers

  8. верстке модального окна нет отступа между строками

    Всем привет, В верстке модального окна jsfiddle нет отступа между строками. Чем их установить и почему не сработал form-group класс ? спасибо !

    Asked by mstdmstd,

    0 votes
    3 answers

  9. верстку панели приподнятую вверх со всеми своими элементами хочу

    Всем привет, Дайте, пожалуйста, ссылочку на бутстрап совместимую верстку панели, которая как-бы приподнята вверх со всеми своими элементами. и панелку обратного вида, которая какбы вдавлена со всеми своими элементами. Спасибо !

    Asked by mstdmstd,

    0 votes
    0 answers

  10. Вертикалное направление текста в таблице

    Добрый день. Как стандрартными стредствами html и css кроссплатформенно перевернуть текст в таблице? Есть способ переворота с помощью transform: rotate(-90deg); transform-origin: left top 10; но текст вылазит за пределы ячеек таблицы. существуют другие рациональные варианты??

    Asked by 3DBTChe,

    0 votes
    2 answers

  11. Вертикаль-центр

    как сделать, чтобы обеъкты группой расположились по центру экрана не только в горизонтали, но и вертикально?

    Asked by Rilo,

    0 votes
    1 answer

  12. Вертикальная линия

    Здравствуйте, какой тег используется для рисования вертикальной линии, (горизонтальная <hr>)?

    Asked by raiden,

    0 votes
    3 answers

  13. Вертикальная Линия

    Извините, если повторюсь. Вот есть горизонтальная линия. Она задётся тегом <hr>. А есть ли вертикальная линия? Зарание благодарен.

    Asked by DeD_AvToRuTeT,

    0 votes
    14 answers

  14. Вертикальная линия во всю высоту

    Имеется блок 1, который имеет ширину 1000 пикс, у него фон картинка. Этот блок растягивается полностью вниз. Необходимо сделать вертикальную линию (блок 2) на блоке 1 на всю высоту, при увеличении высоты, линия так же растягивалась бы в низ. Блок 1 работает с параметром min-height, а блок 2 не хочет. <body id="body"> <div id="blok1"> <div id="blok2"> </div> </div> </body> #blok1{ width:1000px; margin:auto; background-image:url(../images/zz.jpg); background-repeat:repeat; min-height:100%; _height:100%; } #blok2{ width:46px;; min-height:100%; _height:100%; background-image:url(../images/l…

    Asked by RK3DNP,

    0 votes
    3 answers

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

    При таком CSS получается 1 строка текст ровно по центру, а как сделать, чтобы еще 2 строки были ровно по центру? <style> ul li { height: 30px; line-height: 30px; text-align: center; } </style> <ul> <li>1 строка</li> <li>2 строки<br>2 строки</li> <li>1 строка</li> <li>2 строки<br>2 строки</li> <li>1 строка</li> <li>2 строки<br>2 строки</li> </ul>

    Asked by aquapasha,

    0 votes
    2 answers

  16. вертикальная полоса

    привет всем. помогите пожалуйста разобраться! Вертикальная полоса отделяет один контейнер от другого, но проблема в том что никак не могу её найти эту полосу. Хотелось бы её удлинить по вертикали.

    Asked by bobb,

    0 votes
    10 answers

  17. Вертикальная полоса прокрутки

    Здравствуйте. Есть стандартный макет: * { margin: 0; padding: 0; } html { height: 100%; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; width: 100%; height: 100%; } #wrapper { width: 1000px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; } /* Middle —————————————————————————--*/ #middle { width: 100%; padding: 0 0 50px; height: 1%; position: relative; } #middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; } #container { width: 100%; float: left; overflow: hidden; } #content { padding: 0 270px 0 220px; } /* Footer —————————————————————————--*/ #footer { width: 1000px; ma…

    Asked by param,

    0 votes
    7 answers

  18. Вертикальная полоска с помощью div

    Добрый день, подскажите как сделать резиновую вертикальную полоску. PS так же порадуюсь ссылоскам на учебники по div блокам.

    Asked by nouqart,

    0 votes
    6 answers

  19. вертикальная прокрутка в DIV

    Есть страница с <div style="width:1024; height:100%; overflow:auto">%какой-нибудь текст</div> Требуется, чтобы высота div была равна высоте страницы. Все так и есть, пока текста внутри мало. Если текста больше, чем высота страницы, то div растягивается и появляется скролл именно в окне браузера, а не в самом div'е. Все нормально работает, если высоту задать в пикселях, а не процентами. Как вариант можно с помощью java узнать высоту страницы и задать высоту div'а числом. Но хотелось бы что-нибудь проще. Помогите, 2 дня форумы читаю.

    Asked by Fluid,

    0 votes
    2 answers

  20. Вертикальная прокрутка при выходе элемента за пределы окна с правой стороны

    Проблема заключается в том, что когда слой (div) выходит за предел окна с правой стороны, то возникает вертикальная прокрутка. При этом такого не случается, если слой вылазит за пределы слева. А его выхода за пределы окна требует дизайн страницы. А точнее на случай разной ширины экрана. Пример: <!DOCTYPE html> <html> <head> <title></title> <style> html, body { width: auto; height: 100%; } body { margin: 0px; } div { border: 1px dotted black; } #spacer-1 { background: red; opacity: 0.7; margin: 0 auto; width: 100%; min-width: 1024px; max-width: 1280px; height: 160…

    Asked by Arantir,

    0 votes
    2 answers

  21. Вертикальная разделительная черта между колонками в таблице

    Пожалуйста помогите, между двумя колонками таблицы нужно сделать разделительную вертикальную линию, но не во всю высоту, а с небольшими отступами сверху и снизу. Высота таблицы естественно динамическая. То есть нужно сделать примерно так: Пробовал сделать в отдельной колонке закрашенный блок, но он отказался растягиваться на всю высоту таблицы (только статичная высота в пикселях) PS: Если не в тот раздел написал - прошу прощения, я новичок на вашем форуме.

    Asked by Roman-NN,

    0 votes
    2 answers

  22. Вертикальная резина

    Сайт резиновый по ширине - понятно, много раз видел. Но что значит сайт вертикально резиновый?? Как выглядит вертикально резиновый сайт?? Можно примеры с отличиями от вертикально нерезиновых?? Заранее Спасибо!!

    Asked by DrStrangeLove,

    0 votes
    7 answers

  23. Вертикальная тонкая полоска

    на своем сайте я такую полоску сделал с помощью таблиц "width" на 0.1 % в теге TD, поставил но эта полоска все равно получается толстоватая. нельзя ли как то по другому решить эту проблему?

    Asked by Melted,

    0 votes
    6 answers

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

    <table width="100%" height="100%" border="0"> <tr> <td align="center" valign="middle"> <table cellpadding="0" cellspacing="7" border="0"> <tr> <td></td> </tr> </table> </td> </tr> </table> Не могу сделать так, чтобы вложенная таблица (будет 980пх) была выравнена по центру экрана вертикально, вне зависимости от размера экрана, как не пробывал, вс? равно прикручивается к верху.

    Asked by дизайнеръ,

    0 votes
    3 answers

  25. вертикально опустить

    помогите пожалуйста на страничке кроссбраузерно до ie8 прижать надписи к низу блока .must_read li

    Asked by cyklop77,

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