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. Высота элемента

    Всем привет. Я недавно начала изучать css бла бла бла бла бал бла.... В общем подскажите люди добрые. Намерен сделать шаблон. Высота шапки 30px все остальное пространство должен занимать div. Ничего не нашел дельного. решил сварганить сам. Получилось как то так: HTML: <div id="head"></div> <div id="content"></div> CSS: #head{ width: 100%; height: 30px; background: #0f0; } body{ margin: 0px; } #content{ position: absolute; top: 30px; width: 100%; background: 00f; height: 10px; } Jsvascript: function updateContentHeight() { document.getElementById('content').style.height = document.documentElement.clientHeight - 30; } updateCo…

    Asked by kokoc80,

    0 votes
    2 answers

  2. Высота элемента на всю страницу

    Всем привет! У меня такая проблема: я не могу сделать так, чтобы элементы, находящиеся в теге main имели высоту в 100%. Я уже все перепробовал, даже скрипт написал, ничего не выходит. В html и body прописывал min-height и height в 100%. У main высота также 100%. Вот картинка

    Asked by Askhat7,

    0 votes
    7 answers

  3. Высота элементов формы в опере

    Форма расположена в строчку, в ней присутствуют элементы <label>, <input>, <button>, <select>. Этим элементам заданы одинаковые font-size, height, line-height, padding, margin. В большинстве браузеров всё в порядке, но в Опере высота элементов значительно отличается даже на глаз, хотя DragonFly считает, что высота одинаковая. Притом Опера на маке показывает только смещённый вверх <select>, а Опера на Windows 7 показывает смещённый вниз <select> и приплюснутый <button>. Тестовая версия сайта здесь: http://domosed.agroup.tmweb.ru/ Речь о горизонтально расположенной форме фильтра в верхней части. Заказчик Оперу очень любит и в таком …

    Asked by wildhind,

    0 votes
    8 answers

  4. Высота ячеек в IE

    Проблема такая: Наверстал страничку, сделал таблицу примерно таким образом: Тейбл сделал по ширине 100%, по высоте 100% (чтобы при неполном заполнении желтой ячейки по высоте не уезжал) Проблема такая, в IE если текста в желтой ячейке больше по высоте, чем экран (т.е. тейбл уезжает по высоте), голубые ячейки тоже увеличивают высоту. Пробовал фиксировать и через свойста тега и через CSS. Вот код тейбла: <TABLE cellspacing=0 cellpadding=0 class="big" rules="none"> <TR><TD colspan=3 height=259> <TABLE width=100% cellspacing=0 cellpadding=0 border=0 height=259> <TR><TD rowspan=2 width=756 height=234> <TD background="/images/toptop.…

    Asked by k@ss,

    0 votes
    6 answers

  5. Высота ячеек с rowspan

    Как в таблице _ __ !1 !3! !_ ! ! !2 ! ! ! _!_! 13 2 сделать высоту ячейки 1 минимальной, а 2 - максимальной? В Опере так и происходит, а в IE и FF ячейки 1 и 2 по высоте выравниваются относительно содержимого. height ни в виде стиля и в виде аттрибута не помогает...

    Asked by vv73,

    0 votes
    4 answers

  6. высота ячейки 100%

    Есть ячейка таблицы, высотой в 100%. В ней сверху написан текст. Как в этой ячейке к низу прижать изображение? Сделать таблицу высотой 100% и valign="bottom" не катит по спецификации... Помогите пожалуйста! {...отредактировано kiD}

    Asked by SIN,

    0 votes
    8 answers

  7. Высота ячейки 100% в IE - действительно решения не существует?

    Проблема очень простая и несколько раз уже обсуждалась на форуме (тут, например), но решения так никто и не нашёл. Дано: простейший макет - таблица из трёх строк (хидер, контент и футер), растянутая на 100% по высоте. Хидер и футер имеют фиксированную высоту, контент занимает всё остальное пространство. В quirks mode это замечательно работает, а вот при добавлении любого валидного доктайпа начинаются проблемы: в Опере и ФФ всё показывается нормально, а в IE6 вертикальные размеры ячеек игнорируются, и в итоге (при пустом содержимом) все три ячейки занимают по трети высоты таблицы. Пример кода: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html…

    Asked by RedRat,

    0 votes
    10 answers

  8. Высота ячейки в IE без указания высоты родителя

    Добрый день! Как сделать 100% высоту таблицы в ячейки ...<td height=100%><table height=100%>....</table></td>... без указания 100% высоты body ?

    Asked by Ademar,

    0 votes
    1 answer

  9. высота ячейки и разрешение\тип монитора

    Наткнулся на определ?нную проблему. У меня картинка разрезана на 2 фрагмента, которые вставлены фоновыми рисунками в 2 ячейки (TD). При отображении ячеек одна под другой получается целый рисунок. Верхнюю ячейку фон заполняет целиком (утрируя - ширина и высота рисунка=ширине и высоте ячейки). В нижней ячейке background-position:top; Поверх фона ид?т текст, а в верхнюю ячейку встроена ещ? одна таблица с текстом ( <table> <tr> <td style="background-attachment:fixed; background-image:url(imagesban.gif);....."> <table><tr><td>ля-ля-ля</td></tr></table> </td> </tr> </table> ). К таблицам приминяются отсту…

    Asked by toro,

    0 votes
    7 answers

  10. Высота ячейки меньше чем ее содержимое.

    Как можно(если можно) уменьшить высоту ячейки таблицы и сделать ее меньше чем ее содержимое? Если задавать ячейке свойство height то это будет минимальное значение, которое в случае если содержимого в ячейке больше просто игнорируется. Пробовал в связке с overflow: hidden; задавать height: и max-height:, с разными доктайпами и вообще без доктайпов, не получается. Цель ячейка в строке .description: <tr class="offer"> <td class="name"><i>вввввв</i></td> <td class="time">10</td> <td class="price">35</td> </tr> <tr class="description"> <td colspan="3">ТАОТАВОТМАОЛТМАЛОТ</td> </tr>

    Asked by rediskavet,

    0 votes
    4 answers

  11. Высота ячейки по высота iframe

    Доброго времени суток всем! Как растянуть высоту ячейки по высоте iframe? Чет не хочет хочет меняться - ячейка думает что у меня iframe до сих пор имеет скроллинг и остается таким же вот код странички: <head><!--Frame size--><script type="text/javascript"><!--function mySize(){$('iframe').contents().find('body').css({"min-height": "100", "overflow" : "hidden"});setInterval( "$('iframe').height($('iframe').contents().find('body').height()+5)", 1 );}//--></script><!--Frame size--></head><body><table width=100% border=1 cellspacing="0" cellpadding="0"><!--Start row 1--><tr><td>1.1</td><td width=…

    Asked by HarPy,

    0 votes
    1 answer

  12. Высота ячейки по содержимому

    Помогите, я уже совсем запуталась) У меня есть таблица из двух колонок. В первой колонке одна строка (rowspan="2"), во второй - две строки. Во второй колонке первая ячейка получается слишком высокой, а текст второй ячейки уползает вниз. В итоге между ними белое пространство. Как сделать чтобы первая ячейка была ровно по высоте своего содержимого (заранее высоту я не знаю).

    Asked by Nadyu,

    0 votes
    3 answers

  13. высота ячейки при 100% hieght таблицы в IE

    есть талица, которая растянута на 100% по высоте в ней 3 строки: верхняя и нижняя с фиксированной высотой, средняя все остальное место. вот я не понимаю почему, но ие (7..в 6 не проверял, но думаю тоже самое) не смотря на фиксированную высоту всеравно растягивает эти ячейки по высоте. <table class="table"> <tr> <td colspan="2" class="up"></td> </tr> <tr> <td></td> <td></td> </tr> <tr> <td height="90"></td> <td height="90"></td> </tr> </table> html, body{ margin:0; padding:0; height:100%; } .table{ height:100%; } .up{ height:224px; } * код сократил.…

    Asked by paShaman,

    0 votes
    16 answers

  14. Высота ячейки таблицы

    Всем день добрый. Глупый вопрос: есть таблица - три столбца и три строки, я объединяю второй столбец на все три строчки. В этот второй столбец помещается большой по высоте контент, высота заранее неизвестна. Как мне выставить высоту первой и третьей строчки? Ни в какую не хочет. Заранее спасибо! Простейший код, имитирующий данную ситуацию: <html> <body> <table border="1"> <tr height="15"> <td width="100">1</td> <td width="100" rowspan="3">2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2&l…

    Asked by RegEditor,

    0 votes
    24 answers

  15. Высота ячейки таблицы "плывёт" в зависимости от содержимого страницы и браузера

    Здравствуйте! Посетить мою домашнюю страницу В Mozilla Firefox всё отображается нормально. В IE верхняя ячейка таблицы вёрстки отображается неправильно. На страницах projects.htm и index.htm верхняя ячейка таблицы (заголовок) имеет большую высоту (видимо, из-за малого объёма данных на странице). На странице dmxconv.htm - высота нормальная. Как сделать нормальную высоту ячейки таблицы? Почему такое происходит? Я ведь жёстко задал высоту ячейки 50px.

    Asked by Николай,

    0 votes
    8 answers

  16. Высота ячейки, выравнивание, collapse...

    всем привет. табличка должна быть такой: http://www.afi-pallada.ho.ua/table/table.jpg a получается такая хрень: http://www.afi-pallada.ho.ua/table/signup.html код: <div class="right"> <table cellpadding="0" cellspacing="0"> <tr> <td class="left th no-bg">Feature</td> <td class="th">Members</td> <td class="th">Non Members</td> </tr> <tr> <td class="left">Play Short Clips</td> <td><img src="images/design/signup/yes.gif" width="15" height="15" alt="yes" /></td> <td><img src="images/design/signup/yes.gif" width="15" height="15" alt="yes" /><…

    Asked by kalyaka-malyaka,

    0 votes
    4 answers

  17. Высоты video background-a не подстраивается под текст

    Подскажите пожалуйста как сделать что бы был текст внутри Video DIV-a и высота Video DIV-a была в зависимость от текста внутри? Вот кот который я пытаюсь сделать. http://cssdeck.com/labs/fp6hr6q4 Спасибо!

    Asked by dany994,

    0 votes
    1 answer

  18. Выставить блоки по ширине

    Как выставить n'ое количество блоков таким образом, чтобы они растянулись по всей ширине красного блока, но между ними были отступы?

    Asked by chocolate_moles,

    0 votes
    6 answers

  19. Выстраивание картинок в блоке

    Здравствуйте дорогие форумчане. Честно говоря сложно описать мою идею по реализации, но я надеюсь я смогу разрешить эту проблемы картинками Прошу помочь мне создать блок в котором бы картинки были наклонены. Идея такова, есть блок на сайте в котором я бы хотел реализовать такое: Всего нужно, чтобы в блоке было 4 такие картинки(короче как на картинке, только на всю ширину блока), нужно их реализовать на всю ширину блока. В каждом из этих четырех будет кнопка и текст сверху. Сам блок который называется "Каталог // наши товары" связан с бутстрапом. Ну а теперь в чем заключается моя проблема. Я не знаю как сделать такие наклонные блоки с из…

    Asked by MadSandwich,

    0 votes
    12 answers

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

    Друзья привет! Очень прошу вашей помощи. В общем я совсем новичок. Только прошел основы html по курсу хан академии. Пытаюсь сейчас верстать свой первый сайт по макету псд. И вот столкнулся с проблемой. Просто в отчаянии уже не знаю как решить. Перепробовал все что мог, все что нашел в гугле, пытался и тут поиском искать, вроде бы нашел несколько похожих тем но так и не смог применить решения к своей странице, видимо просто не хватает опыта и не получается правильно УВИДЕТЬ решение проблемы. Суть. Пытаюсь заверстать одностраничный сайт типа визитки или блога. Сайт состоит из 3х вертикальных элементов. Хедер, тело сайта с текстом, и футер. Так вот я в упор не понима…

    Asked by Good-Kid,

    0 votes
    2 answers

  21. выстроить li в два столбика

    здравствуйте. подскажите, пожалуйста, как можно вот на этой картинке сделать список в два столбика: вот его код (li я сократила немного, чтобы вас не утомлять): <div class="za-post-inner"> <h2 class="za-postheader"> <div class="za-postcontent"> <div class="za-article"> <div id="article-index"> <h3>Article Index</h3> <ul> <li> <li> <li> <li> <li> <li> </ul> </div> </div> <div class="za-article"> </div> <div class="cleared"></div> <div class="za-postfootericons za-metadata-icons"> </div> <div class="cleared"></div> что нуж…

    Asked by Нusuf,

    0 votes
    7 answers

  22. Выстроить блоки в круг

    Задача: в одном блоке расположить 3 штуки или больше по кругу или по треугольнику острием вниз. В блоках информация от постов, код <div class="my-blok"> <div class="1"> <div class="2"> <div class="3" style="background: none center center no-repeat !important;"> <a href="<?php the_permalink(); ?>"><img src="<?php echo $src[0]; ?>" alt="" onmouseover="this.src='<?php echo nimble_portfolio_get_meta(''); ?>'" onmouseout="this.src='<?php echo $src[0]; ?>'" /> </a> </div&gt…

    Asked by OLGANICHIC,

    0 votes
    12 answers

  23. выстроить иллюстрации по ширине экрана

    Голова кругом, а работающего решения нет: Статья оформлена картинками(рисунки,схемы, фотографии). Все картинки имеют подпись(иногда одна подпись на несколько картинок), выравненную по центру изображения. Каритнки текстом не оптекаются. ЗАДАЧА: если подряд идут несколько иллюстраций, блоки (картинка-подпись) должны выстраиваться в линию и, если возможно, центроваться по доступной ширине экрана.

    Asked by Allexandr,

    0 votes
    4 answers

  24. Выстроить таблицы в ряд от левого края

    Добрый день есть следующая проблема: Фиксированную высоту табличке (голубой прямоугольник) задавать нельзя. По-разному пробовал, не помогает. У всех табличек прописан float:left; Таблички, как видно из рисунка, расположены в ячейке таблички. Спасибо!

    Asked by ХОЛОДный,

    0 votes
    7 answers

  25. Выступ текста в теге <pre> при переносе

    Есть текст в теге pre с переносом слов. Можно ли как-то сделать выступ на перенесённый текст (начинался бы с красной линии)? Есть: Нужно: Сам текст: <pre> 19.25 Тема дня. 19.40 “Се человек”. Художественный руководитель Национального академического театра балета Республики Беларусь Валентин Елизарьев. 20.10 Криминальная хроника. 20.40 Колыбельная. 21.00 Панорама. 21.50 Кто это? 22.00 “Рожденная революцией”. Худ. фильм. 1-я серия. 23.10 Концертный сезон. Белорусские народные песни в исполнении Нины Ковалевой и инструментального ансамбля Белтелерадиокомпании. </pre> Перенос текста формируется так: pre…

    Asked by PavelDAS,

    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