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-подвал НЕ фиксированной высоты

    Нужно сделать подвал, прилепленный к низу страницы. Но есть особенность: подвал должен растягиваться по высоте в зависимости от контента. Во ВСЕХ найденных мною примерах верстки блочных подвалов, прилепленных к низу страницы, используются подвалы с заранее заданной высотой. А как быть, если высота заранее не известна? Вот пример на основе таблицы. <HTML> <BODY> <STYLE> html,body {height:100%;} </STYLE> <TABLE cellpadding=0 cellspacing=0 height=100% width=100%> <TR> <TD bgcolor=pink> Page content...<BR>111<BR>222<BR>333 </TD> </TR> <TR> <TD bgcolor=yellow id=footer style="height:…

    Asked by Flex25,

    0 votes
    4 answers

  2. Как сделать DIV,меняющий размер по вертикали

    Подскажите плииз как сделать DIV, меняющий размер по вертикали в зависимости от контента и чтобы он раздвигал родительский слой??? Существует контэйнер с тенью из трх частей,на не? навешивается другой слой-контэйнер,состоящий также из тр?х частей... Средняя часть контэйнера должна раздвигаться HTML: <div id="containerShadow"> <div id="shadowTop"></div> <div id="shadowBase"></div> <div id="shadowBottom"></div> <div id="container"> <div></div> <div></div> <div></div> </div> </div> CSS: div#containerShadow { width:922px; min-height:755px; height:auto; margin:0 …

    Asked by qwertyuiop,

    0 votes
    2 answers

  3. Как сделать fade блоку при изменении размеров окна?

    Задача: При изменении размеров окна элементы должны фейдиться. То есть исчезать с эффектом. я так полагаю, что нужно делать через скрипт. Прошу помощи и мудрого совета.

    Asked by tefery,

    0 votes
    3 answers

  4. как сделать float?

    один блок: ... menu { padding:8px; float:left; border-right: 1px solid black; width:10%; } ... дальше под ним идет, тоесть вот так: </menu> <section> <div id="bar">{bar}</div> <article> {bar} - адрес где мы находимся, в article - контент section { padding:10px; float:left; } дело в том что когда я вставляю например таблицу она не на весь блок, если в article поставить width:100%; или в table тоже ничего, а если в section то блок будет не справа от меню, а снизу, а если допустим section width поставить 70%, то если блока menu нет, то не 100%, как сделать так чтобы блок был 100% и с меню слева и без меню

    Asked by AquaGen,

    0 votes
    4 answers

  5. как сделать google maps карту позади блока?

    В общем, надо сделать ,чтобы над картой при нажатии на кнопку открывался блок div. Но он всегда открывается позади карты, даже делая я-index этого блока равным 15000 , я не смог сделать то что мне нужно. Хотя на некоторых сайтах с картой гугла я видел открывающиеся над картой блоки . В общем, как это сделать, чтобы блок открывался поверх карты?

    Asked by челХ,

    0 votes
    3 answers

  6. Как сделать google карту в таком виде

    Возможно ли сделать такую карту интерактивной и как? зеленый фон не фиксированый и может менять масштаб.

    Asked by swandev,

    0 votes
    9 answers

  7. Как сделать hello world по центру

    Как сделать hello world здесь http://jsfiddle.net/0yamrL7h/2/ по центру

    Asked by riaron,

    0 votes
    4 answers

  8. Как сделать html таблицу с объединением ячеек?

    Доброго дня всем матерым верстальщикам. Есть задача сделать табличку графика на сайт. Технологии - понятно, что html и css. Табличка не большая, но с особенностями. А именно, в табличке есть группы объединенных ячеек, при чем не только внутри строк, но и между строками (объединяется несколько строк). Табличку прикрепил. Каркас table tr td без объединения ячеек могу сделать, но нужно объединить. Как правильнее всего сделать такое объединение? Было бы классно, чтобы ответ был сразу с примерами.

    Asked by Evsey,

    0 votes
    3 answers

  9. Как сделать iframe поверх iframe

    Добрый день. Такой вопрос как сделать чтобы поверх одного ифрейм был другой ифрейм. Не рядом, а именно поверх. Вот например беру я сайт гугла через iframe и хочу добавить поверх него ещё один iframe: <html> <head> <body> <iframe src="http://google.com" style="width:100%; height:100%;" frameborder="0" scrolling="auto"></iframe> </body> </html> Как сделать чтобы получилось вот так, страница полностью гугловская, но в ней есть мой ифрейм Заранее спасибо.

    Asked by cccvvv,

    0 votes
    3 answers

  10. Как сделать image на все окно браузера?

    Вставил картинку через "<img></img>" на страницу, но она не захотела располагаться от левого верхнего пиксела страницы. Получился зазор. Скрин ниже: Подскажите, как можно это исправить? Дополнительный вопрос: Существует много сайтов, где нет необходимости скроллить - все умещается в рамки одного экрана, причем не видно чтобы фоновый рисунок, который является цельным, а не размноженной текстурой и.т.п., увеличивался при просмотре на большом мониторе. Например: http://www.thewildernessdowntown.com/ Подскажите, каким образом этого можно добиться?

    Asked by Feel,

    0 votes
    12 answers

  11. Как сделать input type="text" прозрачной

    Здраствуйсте подскажите как сделать input type="text" прозрачной. И возможно ли это вообще. Спасибо за ранее

    Asked by Qwerty123@,

    0 votes
    2 answers

  12. Как сделать input как в facebook?

    В точности как у него не надо, мне как кнопки так расположить надо узнать и впринципе все

    Asked by RuslanHeYca4ev,

    0 votes
    1 answer

  13. Как сделать input(text) и select в IE визуально одинаковыми?

    Сабж. Собственно, проблема такая, если селекту и инпуту с типом текст задать одинаковую ширину, например, 100px, то в FF и Opera они выглядят визуально идентичными, а в IE6 инпут нехило лезет вправо (на пикселей 5, не меньше, если не больше)! Кто-то решал уже такую проблему?

    Asked by thekap,

    0 votes
    25 answers

  14. как сделать legend?

    del

    Asked by AquaGen,

    0 votes
    0 answers

  15. Как сделать scroll у среднего элемента

    Хелп! Есть такой сайт: http://works.maksimslepov.ru/new.html Задача так стоит: шапка и подвал всегда должны быть сверху / снизу экрана, при любых разрешениях. Естественно, существует какой-то min-height, допустим, как у меня сейчас. Между шапкой и подвалом располагается блок. Содержимое блока по высоте - 1500px. Сейчас там фоновая картинка примерно такой высоты. Не получается вот что: как сделать так, чтобы при маленьком разрешении экрана этот блок скроллился? В блок main поставил overflow:auto, но результата почему-то нету... upd. Да, забыл сказать, что сайт должен обязательно располагаться по центру. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN' 'http://www.w3…

    Asked by botyaslonim,

    0 votes
    2 answers

  16. Как сделать text-shadow в ie?

    У меня возникла проблема с text-shadow в ie во всех других браузерах проблемы нету а в IE не как не хочет показываться, я пробовал прописать: filter: DropShadow(Color=#666666, OffX=1, OffY=1, Positive=0);

    Asked by serg_ss,

    0 votes
    4 answers

  17. Как сделать transform:scale поверх соседних элементов?

    Привет! http://apriori.leveler.ru/в нижней части страницы есть три баннера, при трансформации они увеличиваются за соседями, что в принципе логично. Но в Firefox например с такой версткой z-index работает и картинка всплывает над соседями. Посоветуйте пожалуйста, как правильно сверстать такое? Чтобы и bootstrap остался (при изменении размеров окна картинки должны выстраиваться вертикально) и над соседями подняться?

    Asked by d0ublezer0,

    0 votes
    7 answers

  18. Как сделать width 80% - 200px

    Здравствуйте. Подскажите, как сделать ширину блока или поля input да и вообще чего угодо, чтобы было 80% -200px Например ширина родителя 1000 пикселей, значит ширина должа быть 800-200 = 600 пикселей.

    Asked by sss2019,

    0 votes
    2 answers

  19. Как сделать автоматический переход по картинке?

    Есть такой полезный Java-скрипт ввиде ссылки. При подводе мышке на ссылку, скрипт автоматически перебрасывает вас на web адрес, указанный в сылке. <A href="http://site.ru" onMouseOver="click('')"><b>Ссылка!</b></a> Можно ли сделать то же самое, но только с картинкой?

    Asked by arked,

    0 votes
    5 answers

  20. Как сделать адаптив?

    Помогите сделать адаптив для игры. Главное меню, вроде нормально выглядит на мобильных версиях, но когда начинаешь игру Канвас не помешается на экран. Как это исправить? http://develop.2di.site

    Asked by Retro_b0t,

    0 votes
    0 answers

  21. Как сделать адаптивную таблицу?

    Делаю адаптивный дизайн. Запутался, что с таблицами делать. Вот например дано: <style type="text/css">.tg td{border-style:solid;}.tg th{border-style:solid;}</style><table class="tg"><tr> <td rowspan="2" >Ячейка 1</td> <td nowrap >Ячейка 2</td> <td>Ячейка 3</td> <td rowspan="2">Ячейка 4</td></tr> <tr> <td colspan="2">Ячейка 5</td> </tr> </table> Погуглил, предлагают делать на основе дивов. заменил на дивы <style type="text/css">.mytable {width:500px; border:1px solid black;}.mytable td{border:1px solid black;}.tr {border:1px solid black; }.td {border:1px soli…

    Asked by nikki4,

    0 votes
    6 answers

  22. Как сделать адаптивные изображения

    Всем привет! Структура такая: <div class="tovar"> <div class="kartinka"> <img ... > <div> <div> Высота дивов фиксированная. Ширина меняется под ширину браузера. Сама картинка (img) и высоту и ширину меняет пропорционально при изменении ширины браузера, но не должна вылазить за пределы своего дива <div class="kartinka"> Все картинки разного размера, квадратные, прямоугольные, большие, маленькие, вертикальные, горизонтальные. Надо чтобы весь этот сброд автоматом втиснулся каждый в свой див, выровнялся по горизонтали и в дальнейшем масштабировался. Какие стили нужно задать? Сам пробовал. Делал обертку для <img> с помощь…

    Asked by barrel,

    0 votes
    4 answers

  23. Как сделать адаптивный сайт 2015-2017

    Прикинул как лучше вопросы задавать... попробую все в одной теме. Будут рассмотрены следующие темы:meta_name="viewport" во всей красеmedia запросы - взгляд изнутриособенности мобильных браузеров - как происходит обработка-подстройка кода странички под реальный экран мобильникашрифт - как подстраиваться под размер экрана мобильных браузеровфотографии - легкие но не мелкие, с видом на будущее, retina-дисплей,IE хакиИконка сайта Обо мнеВерстальщик-любитель. Знания - только HTML и CSS.о PHP знаю только что собирается из отдельных кусков кода. Сервисных технологий и терминов не понимаю.По теме адаптивной верстки прочитал довольно много. Другими словами базовые знания есть. …

    Asked by autit,

    0 votes
    39 answers

  24. Как сделать адаптивный треугольник?

    Доброго времени суток, уважаемые форумчане! Подскажите пожалуйста, как реализовать треугольник внизу блока, чтобы при уменьшении блока он тоже уменьшался? http://www.screencapture.ru/file/22327B50 В принципе я нашел поведение, которое мне нужно http://jsfiddle.net/webtiki/x9cxz423/199/ , только совместить не могу то что в примере с моим блоком. Сам блок здесь: https://jsfiddle.net/tLsd4aa2/1/ Спасибо!

    Asked by web-monster,

    0 votes
    0 answers

  25. Как сделать адаптивным такой блок?

    Как сделать так, чтобы этот блок уменьшался по ширине экрана? На обычном ПК он максимально 960px в ширину. Я сделал изображение через тег <img> с шириной 100%, а блок с кружками со свойствами position: absolute; top: 50%; margin-top: -78px; right: 1.2%; width: 100%; Сами кружки прописаны так: margin: 0 0.9%; float: right; Но они сильно съезжают влево с фона при уменьшении разрешения. Как их оставить на своем месте и уменьшать динамически? Т.е. чтобы кружки (и их отступы) уменьшались вместе с блоками Вот что при уменьшении случается:

    Asked by iBars,

    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