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. Div в таблице.

    Добрый день. Есть таблица (русунок1). надо сделать вот так: Что имеется ввиду: Ячейка 1 это 2 объедененных строки в одну, позиционирование центр центр, 2 отдельная строка, позиционирование лево центр, 3 так же как 1. Хочу сделать градиентную границу между двумя одинаковыми вертикальными блоками, как на рисунке 2. Для этого создал стиль: .s_gft { padding:7px 0 0; background: url(../images/gradient_for_table.png) repeat-x;} } При этом в таблице вставляю его после TD, например <tr height="20"> <td height="20" style="text-align: center;"><div class="s5_gft"></div>1</td> <td width="658px" colspan="2"> <div class="s5_gft"></div&…

    Asked by sxxs,

    0 votes
    3 answers

  2. Div в футере

    Здравствуйте! Подскажите, пожалуйста, как поставить див в самый низ экрана, но в случае если контента больше чем одна страничка(по вертикали я имею ввиду), то он бы смещался и шёл в самом низу, за контентом? Т.е. Если контента на пол страницы, то этот див находиться внизу экрана, а если допустим контента полторы страницы, то этот див идёт сразу после контента? Хочу туда поместить счётчик 1)Пробовал ставить блоку position:absolute;bottom:5px; Но тогда, в случае если контента больше чем на страницу, то этот див налазиет на контент 2)Пробовал ставить position:relative; Но тогда в случае если контента меньше чем на страницу, тогда этот див может оказаться посерёд экрана, …

    Asked by pivkos,

    0 votes
    5 answers

  3. div в ячейке таблицы.

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

    Asked by arlek1n,

    0 votes
    10 answers

  4. Div верстка

    На скриншоте изображено как сайт выглядит сейчас на моем мониторе, элементы которые позже будут приходить в движение подчеркнуты. А вот что происходит, когда размер монитора меняется. Подчеркнутые элементы разъезжаются. А мне бы этого не хотелось, но как побороть что-то не пойму. Играл и тегами position, и с display, и с background attachment - ничего не помогло, наставьте на путь истинный пожалуйста.

    Asked by chendger,

    0 votes
    9 answers

  5. div верстка

    Парни у меня такая проблема ... как сделать высоту резиновой сайтдбаров и контента до футора ... точнее чтобы фон у меня был всегда до футора, а не так чтобы фон занимал то место на котором написано что-либо!!

    Asked by Alex_1989,

    0 votes
    2 answers

  6. div верстка

    <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>SomeSite - Главная</title> <!--<link rel="shortcut icon" href="favicon.ico" />--> <style type="text/css"> body { background: #121212; margin: 0px 135px 0px 135px; } #header { background: red; position: relative; clear: both; height: 120px; background-size: cover; } #main_menu { position: relative; display: block; height: 39px; font-size: 11px; font-weight: bold; background: blue; border-top: 4px solid rgb(179, 0, 0); } #main_menu ul { margin: 0px; padding:…

    Asked by rtl_one,

    0 votes
    2 answers

  7. Div верстка (высота и фон)

    Сперва ситуация ! Есть дизайн пытаюсь сверстать но появилась проблема в FF,Opera в IE всё нормально ! <!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" xml:lang="ru"> <head> <title>test</title> <style type="text/css"> <!-- html { height: 100%; margin: 0; padding: 0; /*background: #fa0;*/ } body { height: 100%; margin: 0; padding: 0; background: #ccc; padding: 0 15px } #page { min-height: 100%; margin: 0 auto; background: #5af } #container {margin:0 auto; width: 960px;height:auto !important;height:100%;min-height:100%;backgr…

    Asked by darewangog,

    0 votes
    5 answers

  8. DIV верстка / некоректное отображение в ИЕ6 и ИЕ7

    Добрый день, давно планировал, теперь наконец нашел время для осуществления задуманного. А оно состоит в том, чтобы переделать свой сайт используя верстку без помощи таблиц... После прочтения множества всего мне удалось сделать небольшую заготовку, я ею доволен, но проблема в том, что страница соверненно неверно отображается в ИЕ6 и ИЕ7. В дугих браузерах (Firefox 3.5 и Opera 11) все выглядит так, как и было задуманно... Хотелось бы узнать, что нужно изменить, чтобы добиться корректного отображения в ИЕ6 и ИЕ7? Хотя бы хотелось услышать мнения, в чем может заключаться проблема? Код был проверен на валидность, по наивности думал, что это является гарантией корректного отоб…

    Asked by Brodjaga_EU,

    0 votes
    16 answers

  9. Div вёрстка и css

    Не понимаю что "Не Так". Должны быть две картинки с логотипом, ксс на дивах отличаются только позиционированием, z индексом и тем что один класс, а другой ид. Помогите... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css"> div#logo {url(img/LOGO.gif); Z-INDEX: 1; relative; top: 100px; left: 100px; right: 100px; bottom: 1300px; WIDTH: 700px; HEIGHT: 200px; VISIBILITY: visible; } div.button { BACKGROUND-IMAGE: url(img/LOGO.gif); Z-INDEX: 2; relative; top: 100px; left: 300px; right: 100px; bottom: 1100px; WIDTH: 700px; HEIGHT: 200px; VISIBILITY: visible;} BODY …

    Asked by StereoFear,

    0 votes
    6 answers

  10. div верстка меню (в линию таблицей)

    Добрый вечер! Не забрасывайте яблоками, верстаю впервые по самоучителю. Столкнулся со следующей проблемой: пытаюсь сделать меню в хедере над основным контентом. Сайт верстаю в html из под css (я правильно выразился? В html у меня записано следующее: <div id="header"> <div id="logo"> <a href="/"><img src="img/logo.png" class="iePNG" alt="Сайт" /></a> </div> <div id="gor-menu"> <ul> <li><a href="">Главная</a></li> <li><a href="">О нас</a></li> <li><a href="">Услуги</a></li> <li><a href="">Отзывы</a></li&g…

    Asked by Sotnya,

    0 votes
    6 answers

  11. DIV верстка тизера без: float, position absolute, td, tr.

    Друзья, верстаю тизер для вывода в теме под друпал. Наполнение каждого div динамическое. Возможно ли сверстать такую форму анонса из <div>s без использования: 1. position: absolute 2. float: __ 3. <td>, <tr> ? Кроссбраузерность приветствуется. Буду благодарна за любой совет.

    Asked by Aventecho,

    0 votes
    4 answers

  12. div вёстка, проблема с блоками

    Здравствуйте, задача сделать такое: есть html: <div id="hmenu"> <div id="rmenu"></div> <div class="menu"> <ul> <li > <a href="" title="Главная">Главная</a> </li> <li class="page_item page-item-17 current_page_item"> <a href="" title="xcvbdhdfh">xcvbdhdfh</a> </li> <li class="page_item page-item-2"> <a href="" title="Пример страницы">Пример страницы</a> </li> </ul> </div> <div id="lmenu"></div> </div> Никак не могу сделать правильно, подскажите плз как размес…

    Asked by Monachus,

    0 votes
    9 answers

  13. div вместо iframe

    кто знает как отображать инфу не во фрейме а в слое???(к примеру нажимаешь на ссылку и информация отображается поочередно, первая ссылка-в слой отображается первый документ, вторая ссылка-в слой отображается второй документ и тд., либо вместо документов в слой рисунки отображать?помогите плиз оч. нужно!!!!!пишите в личку или http://vkontakte.ru/id28045377?20637, ну можно и здесь обсудить

    Asked by Aleksandrid,

    0 votes
    5 answers

  14. Div внутри Div

    Доброго времени суток. Появилась проблема, есть резиновый макет из трех колонок: Стиль: /* Основной контент */ #cnt { margin-top: 10px; } #cntl { margin-right: 10 px; width: 180px; float: left; } #cntr { margin-left: 10px; width: 250px; float: right; } #cntc { height: 200px; } Код: <div id="cnt"> <div id="cntl"> Содержимое левой колонки </div> <div id="cntr"> Содержимое правой колонки</div> <div id="cntс"> Содержимое центра</div> </div> Суть проблемы, при попытки добавить в центр. еще одну резиновую штучку, а именно резиновый заголовок, состоящий из двух картинок и подложки, получается что ширина этого с…

    Asked by TLD,

    0 votes
    1 answer

  15. div внутри div добавляются в одну линию

    Напомните пожалуйста, как так сделать чтобы все дивы внутри дива-контейнера выстраивались слева-направо, и если их много, то не растягивали контейнер, а добавлялась полоса прокрутки к контейнеру, а они все равно были бы вытянуты в одну линию. Ну типа галереи наверно. Сделал элементам float:left но они все равно когда в экран не влазят - создают новый ряд снизу. PS. за ранее число дивов-элементов не известно. Спасибо.

    Asked by tiHo,

    0 votes
    8 answers

  16. div внутри div по центру

    Как выронить comLine2 внутри блока comLine? При этом, чтобы текст начинался не с центра, а сам блок был по центру? <div class='comLine'> <div class="comLine2"> sdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdf </div></div>.comLine { width: 1000px; margin: 0 auto; } .comLine2 { outline: 1px solid red; width: 100px; }

    Asked by SLameN,

    0 votes
    5 answers

  17. div внутри head

    Можно ли и будет ли работать, если я вставлю в head тег div и оберну ещё им тег link?, то есть вот так: <head> <div class="myBlock"> <link href="styles.css"> </div></head> Только, пожалуйста, не спрашивайте зачем, мне просто надо знать и все тут... Спасибо.

    Asked by FanAizu,

    0 votes
    5 answers

  18. div внутри input

    Привет, подскажите, как поместить div внутри input (ввод текста). Например, пиктограмма поиска как ссылка в поле ввода текста. Возможно ли такое?

    Asked by OlegALL,

    0 votes
    3 answers

  19. Div внутри table

    Есть таблица, внутри которой находятся два div'a, один внутри другого, не понятно как так получается, но если поставить отступы, то все съезжает вправо... http://aionzone.ru/themes/aionzone/test.htm <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Test Page</title> <style type="text/css"> body{ margin: 0; padding: 10px; } div.shape{ padding: 10px; border: 1px dotted blue; width: 100%; height: 100%; } table{ border: 1px solid red; margin: 0; padding: 10px; } </style> </head> <body> <table cellspacing="0" cellpadding="0"> …

    Asked by Kenshi45,

    0 votes
    5 answers

  20. div внутри table

    делаю заготовку галереи. задумка такая, div-контейнер с width=100% растягивается на всю ширину страницы. внутри контейнера div-wapper с img. картинок очень много и все, что не влезло в контейнер должно скрыться с помощью overflow:hidden .slide_container { border:1px solid #DDDDDD; overflow:hidden; width:100%; } .slide_wrapper { white-space: nowrap; } <div class="slide_container"> <div class="slide_wrapper"> <img src="/1_image.jpg" alt=""> <img src="/2_image.jpg" alt=""> <img src="/3_image.jpg" alt=""> <img src="/4_image.jpg" alt=""> <img src="/5_image.jpg" alt=""> <img src="/6_image.jpg" alt=""&gt…

    Asked by maximt,

    0 votes
    2 answers

  21. Div внутри TD

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style> #opt { border:1px solid black; width:200px; height:200px; position:relative; float: left; margin-right:10px; margin-bottom:10px; background-image:url(http://ya.ru/logo.png); } </style> </head> <body> <table width=100% border=1> <tr> <td width=300>тут будет меню!</td> <td> <div id=opt><img src=""> </div> <div id=opt><img src=""> </div> <div id=opt><img src=""> </div> <div id=opt><img src=""> &l…

    Asked by Alex654,

    0 votes
    3 answers

  22. DIV внутри блока (div или td) с растягивающейся высотой 100%

    <table> <tr> <td style="height:200px"></td> </tr> <tr> <td> <div>Вот этот див. Он должен растягиваться по высоте td</div> </td> </tr> </table> Как в вышеприведенном коде сделать так, что бы DIV тянулся по высоте? Именно что бы объект DIV физически растягивался, а не с костылями в виде картинок на фоне

    Asked by artemhp,

    0 votes
    10 answers

  23. Div внутри другого div'a

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

    Asked by bodnar,

    0 votes
    5 answers

  24. DIV внутри таблицы не растягивается в IE на 100%

    Помогите!!! Таблица из 3-х колонок. В 1-ой колонке div при изменении размеров третьей не растягивается на 100% в IE. В других браузерах - нормально. Код прилагается <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd"> <html xmlns=http://www.w3.org/1999/xhtml xml:lang="ru" lang="ru"> <head> <title>Help</title> <style type="text/css"> body { margin:0; padding:0; height:100%; background: white; } table { height: 100%; width: 100%; border-collapse: collapse; } td { height: 100%; border: 1px solid black; } #left { height:100%; background: red; } #…

    Asked by Mechanic,

    0 votes
    2 answers

  25. DIV внутри таблицы / не растягивается в Опере

    Всем привет. Проблема в том, что div вложенный в таблицу не хочет растягиваться на 100% по высоте. В IE и FF вс? нормально, а в Опере не хочет. Вот страничка http://xhtml.ucoz.ru/1/ Помогите пожалуйста {... перенесено в Проблемы с версткой lancer}

    Asked by G-Unit,

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