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. Макет должен занимать всю высоту окна браузера, независимо от объема информации

    Здесь написано: « », — но не написано, как именно это сделать. Подскажите, пожалуйста!

    Asked by tolik89u,

    0 votes
    6 answers

  2. Макет должен тянуться

    "Макет должен тянуться,причем по сетке.Минимальная ширина 800 px,максимальная-1400 px."Как это сделать?

    Asked by guzel8,

    0 votes
    1 answer

  3. Макет и CMS

    Вопрос такой: вот сверстал я страницу, хочу залить на хостинг. Там есть Wordpress, например. 1. В чем заключается "натягивание" шаблона на движок? 2. Надо ли знать особенности конкретной CMS при верстке? 3. Шаблоны сайтов, которые лежат в большом количестве на рутрекере и продаются на http://themeforest.net/ - они вообще для чего? Для тех, кто верстать не хочет, или я могу применить данную тему на любую свою верстку? Спасибо.

    Asked by y6uBaToP,

    0 votes
    3 answers

  4. макет из трех колонок с одинаковой высотой

    Подскажите как сделать трехколонный дизайн сайта с колонками одинаковой высоты. Что-то не получается у меня Чтобы работало хотя бы в файрфоксе. Простейший пример: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Три колонки одной высоты</title> <style type="text/css"> html, body {margin: 0;padding: 0} body {font: 76% arial, sans-serif} div#container { width: 100%; min-height: 500px; min-width: 500px; } div#header { text-align: center; background: blue; colo…

    Asked by tipoc,

    0 votes
    0 answers

  5. Макет как у yahoo.com

    Добрый день! Вот изучал тут дизайны vkontakte.ru и yahoo.com и увидел интересную деталь. Вот когда нажимаешь Ctrl+прокрутка колеса мыши размер шрифта начинает меняться. вконтакте ломается весь при таком действии, а yahoo - нифига. Причем yahoo не ломается ни в лисичке, ни в ослике. Почитав этот сайт про резиновые макеты страниц и опробовав в лисичке убедился - это не то. Вопрос: как делается такая фича, чтобы сайт вслед за текстом увеличивал свои размеры, как на yahoo.com Всем спасибо за ответы заранее.

    Asked by godima,

    0 votes
    3 answers

  6. Макет под 800 по центру

    Нужно сверстать макет под 800px. Соответственно нужно расположить его по центру, дабы самые распространенные разрешения начинаются от 1024 в ширину. Каким образом это сделать?

    Asked by Rustick,

    0 votes
    10 answers

  7. Макет с выравниванием по центру и маштабирование.

    Здравствуйте. Я недавно начал изучать позиционирование с помощью CSS. Возник следующий вопрос после изучения сайта http://www.mozilla.org/. Как мне показалось, ресурс использует выравнивание по центру с фиксированной шириной, но при этом область контейнера масштабируема до определенного предела. Как реализовать выравнивание по центру с фиксированной шириной я имею представление: #container { position: absolute; left: 50%; width: 800; margin-left: -400; } Подскажите - каким образом реализуется макет с данного ресурса? А именно каким образом при фиксированном размере контейнера добавить возможность его сжатия до определенного предела при масштабировании? Или если т…

    Asked by Lazari,

    0 votes
    4 answers

  8. макет с двумя колонками одинаковыми по высоте

    Всем привет! Такая проблема: не могу сделать две колонки (одна левое меню, другая контент), чтобы та колонка в которой содержимого больше, растягивалась по размеру на это самое содержимое, а соседняя выравнивалась вровень с ней. Т.е. грубо говоря чтобы они всегда были одинаковы по высоте. Большое спасибо за ответы! Вот макет: html, body { width:100%; height:100%; margin:0; padding:0; } * html #content { height: 100%; } body { background: blue; font-family: Helvetica,Arial,sans-serif; line-height: 1.3em; font-size: 12px; height: 100%; } .header { background: red; position: relative; height: 356px; width: 998px; ma…

    Asked by xenon6,

    0 votes
    5 answers

  9. Макет сайта

    Вот есть макет сайта.Меня интересует вопрос по центральной части.Там где новости с комментами,датой.Как её можно сверстать чтобы получилось все правильно.Я уже сверстал верх и эту центральную часть начал.Вот только не пойму как сверстать так чтобы текст и дата, комменты были на одном уровне и самое главное там под каждой новостью идет линия,как сверстать так чтобы линия была и там где дата с комментами и там где новость.Короче я так понял должен получиться один блок.Но в макете получается что слои то разные и что то не получается совместить на один уровень дату с комментами и линия подчеркивающую всю новость.Подскажите пожалуйста просто на словах можно, а дальше я cам раз…

    Asked by AndreyGSPB,

    0 votes
    12 answers

  10. Макет сайта

    Здравствуйте! Сделал сайт Там архитектура следующая: Контейнер, у него BG стоит внизу - имитация Footer. Header, у него фон - верхняя картинка. И "Content" - фон белый и отрицательный margin сверху. Сам понимаю, что не очень... всё это делалось в блокноте и очень хотелось что б "Content" как бы накладывался на фоновые изображения. А ничего лучше придумать не смог. Сейчас решил переделать, но опять не пойму как сделать так, что б всё было правильно и красиво. Подскажите пожалуйста способ реализации этого макета.

    Asked by grindel13,

    0 votes
    13 answers

  11. Макет страницы

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

    Asked by Alex777-777,

    0 votes
    25 answers

  12. макет страницы в процентах - запутался, помогите

    запутался ... начал делать в дивах ... как сделать такой макте для страницы ... ??? http://www.picatom.com/1t/-14916.html - сделал схемку помогите кодом, а

    Asked by korchak,

    0 votes
    6 answers

  13. Макет фотошопа и шрифты

    Каким образом определяется какой размер шрифта нужно отверстывать? То есть я захожу в фотошоп, беру соответствующий инструмент, смотрю какой шрифт и ставлю такой же в css-файле. При этом размер шрифта я также смотрю в фотошопе, то есть если там стоит например 12pt, то я указываю font-size: 12pt; 1. Я делаю верно и соответственно шрифт в верстке будет такой же как и в оригинальном макете? 2. При верстке шрифт должен подбираться визуально?

    Asked by Rustick,

    0 votes
    1 answer

  14. Макет: мин-высота = 100%

    здрасте. Такая задача: 1. двух-колоночный макет с контентом слева и сайдБаром справа 2. мин-высота макета = 100% 3. высота - определяется высотой контента или сайдБара (что выше) 4. средствами CSS (если возможно конечно) мин-высоты знаю можно добится html,body {100%} и потом растянуть контент или обвертку контента на 100. но тогда, если содержимого будет больше чем 100%-я высота - контент будет вылазить за пределы блока. реально такое сделать на css?

    Asked by paska,

    0 votes
    9 answers

  15. Макеты

    Кто может подкинуть макеты для практики, очень надо, плз?

    Asked by Sergey410,

    0 votes
    1 answer

  16. Макеты с исходным кодом

    Здравствуйте! Подскажите пожалуйста, где можно скачать psd макет сайта и его исходный код чтобы видеть как в том или другом месте сверстано и сравнивать свое. Заранее благодарен!

    Asked by FitTech,

    0 votes
    4 answers

  17. Макрос в Dreamweaver CS3

    Здравствуйте. Я делаю галерею на сайте в ручную, только средствами ХТМЛ. Дабы работа не казалась рутиной, понял, что надо сделать макрос. Галерея выглядит слдеющим образом: <a href="oboi/big/oboi_po_3_ (1).jpg" target="_blank"><img src="oboi/small/tn_oboi_po_3_ (1).jpg" alt="Обои из фильма 1" width="169" height="128" /></a> <a href="oboi/big/oboi_po_3_ (2).jpg" target="_blank"><img src="oboi/small/tn_oboi_po_3_ (2).jpg" alt="Обои из фильма 2" width="169" height="128" /></a> <a href="oboi/big/oboi_po_3_ (3).jpg" target="_blank"><img src="oboi/small/tn_oboi_po_3_ (3).jpg" alt="Обои из фильма 3" width="169" height="128" /></…

    Asked by Sayitright,

    0 votes
    27 answers

  18. Максимальная высота у div

    Есть код: *{ margin:0px; padding:0px; } html,body{ height:100%; } #body{ position:relative; margin:0px auto; width:1000px; min-height:100%; overflow:hidden; } #content{ margin:0px 0px 0px 310px; min-height:100%; background:#ddd; height: 100%; } #left{ position:relative; float:left; padding-bottom:30px; width:300px; background:#999;} #footer{ position:absolute; left:0px; right:0px; bottom:0px; height:30px; background:#bbb;} Есть структура: <div id="body"> <div id="left"> left </div> <div id="content"> …

    Asked by prowoke,

    0 votes
    7 answers

  19. Максимальная высота элемента

    Есть несколько блоков div с одним классом, но они разной высоты, как всем блокам сделать максимальную высоту самого высого из данных блоков. А то при блоки не показываются ровно по рядам, а смещаются, решил проблему указанием высоты блока, но это не очень выглядит. Пример: http://aztshop.ru (каждый товар - блок)

    Asked by Keor,

    0 votes
    6 answers

  20. Максимальная обфускация CSS кода

    Всем привет. На данный момент в проекте столкнулся с таким требованием заказчика: "по возможности обфусцировать СSS код в местах где идет наименование классов и тегов " что бы было что то наподобие: span#span_1 = a; и потом бы это "a" указывалось везде где это необходимо(в html и CSS) вопрос: 1) это реально? (если да - буду благодарен за ссылки на подобные обфускаторы) 2) какие вообще на сегодняшний день самые лучшие обфускаторы HTML + CSS? (или же игра не стоит свечь и не стоит над этим заморачиваться особо?) P.S. Буду благодарен за любые конструктивные советы.

    Asked by Yamaradg,

    0 votes
    1 answer

  21. Максимальная оптимизация видео

    Здравствуйте. Верстаю сайт и до этого никогда не сталкивался с фоновым видео на сайте. Задача сделать видео максимально легким при этом оно не должно ухудшиться в качестве. Видео длительностью 1:36 сек, в формате mp4 , общий размер видео (несжатый) 116мб. Естественно его нужно ужать в разы, но вот без понятия, какие хорошие сервисы для этого есть. Само видео на сайте будем вставлено через тег video. И еще пару вопросов: - какие форматы видео еще стоит загрузить или будет достаточно только mp4? - в тег video так же можно прописать src картинки. Будет ли эта картинка автоматически подставляться, если видео по каким либо причинам не воспроизведется в брау…

    Asked by Akkord87,

    0 votes
    5 answers

  22. Максимальная ширина страницы в CSS

    Уважаемые форумчане, просьба помочь новичку разобраться в CSS. Создал сайт в конструкторе для чайников MOBIRISE. Все устраивает, кроме пары моментов. Сайт растягивается под разные разрешения экрана. Некоторые блоки имеют максимально допустимую ширину, а некоторые – нет, и растягиваются слишком сильно на Full HD и 4к мониторах. Особенно интересует, блок с 4-мя картинками и 4-мя кнопками под ними. Ссылки из html идут на несколько файлов css. Разобраться, где именно надо прописать максимально допустимую ширину данных блоков, мне, как новичку в данном вопросе, очень тяжело. Если укажите – где именно и как надо задавать этот параметр, буду очень благодарен! Сайт (одностраничка…

    Asked by slava853,

    0 votes
    1 answer

  23. Максимальное заполнение картинкой контейнера

    http://www.apriori-dz.ru/apriori/foto-video-galereya Изображения разных форматов и разных размеров. Можно ли как-то добиться, чтобы они максимально заполняли родительский контейнер? Т.е. растянуть в ширину и высоту по максимуму, но минимальная сторона не должна быть больше чем родитель, при этом сохраняя пропорции?

    Asked by d0ublezer0,

    0 votes
    1 answer

  24. Максимальный размер слова в абзаце

    Заметил, если в абзаце( ) слишком длинное (искусственно) слово, то из-за него контент вылазит из блока... overflow:hidden помогает, но на padding всё равно лезет... С чем это связано?? Каков максимальный размер слова в абзаце??

    Asked by DrStrangeLove,

    0 votes
    10 answers

  25. максмальная/минимальная ширина/высота..

    Здравствуйте..Помогите пожалуйста...У меня есть картинка (шапка сайта) размером 1680х180... Вот...На моем мониторе 1680х1050 отображается как надо..Как сделать так, чтобы на мониторе 1024х600 она оптимизировалась...То есть как так задать минимальную ширину и высоту, чтобы картинка(ну или весь блок div) сама подстраивалась под монитор (максимум 1680х180, минимум 1024х600)..А то получается, что на первом мониторе все нормально,а на втором картинка смотрится гигантской). Набросал в HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; …

    Asked by Panda30,

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