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 контента, фон которого состоит из 3 изображений: нужно закрепить первое изображение к верху блока, нижнее к низу, и чтобы среднее растягивалось в зависимости от высоты блока, но чтобы не перекрывало верхнее и нижнее изображения фона. css-код блока: .main { margin: 0 auto; padding: 200px 60px 0 150px; float: left; background-image: url(img/main1.png), url(img/main2.png), url(img/main3.png); background-repeat: no-repeat, repeat-y, no-repeat; background-position: center top, 0 924px, center bottom; /* 924px - высота первого изображения */ background-size: contain; width: 70%; }

    Asked by LanStorm,

    0 votes
    2 answers

  2. Не применяется картинка для background

    Привет, подскажите пожалуйста, почему не применяется картинка <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Maket</title> <link href="css/style1.css" type="text/css" rel="stylesheet" media="screen"> </head> <body> <div class="background"> <div id="shadow_bg"></div> <div id="paper_down_base"></div> <div id="slider_bg"></div> </div> <div id="ribbon_effects"> <div id="shadows"></div> </div> <div id="header"> &lt…

    Asked by d.dee,

    0 votes
    7 answers

  3. Explorer не хочет понимать #cover_img_3:hover>.text{ display: block;}

    Здравствуйте коллеги, это мое первое обращение на форуме, так как не могу самостоятельно понять что происходит с этим факнутым эксплорером) в общем привожу ниже код, все просто. есть блок. наводишь на него мышкой и появляется текст с описанием. Все браузеры отлично воспринимают этот простейший код, проблема именно с эксплорером. <div id="cover_img_3"> <img src="1.jpg" /> <div class="text"> <p>Тут располагается скрытый текст..</p> </div> </div> #cover_img_3{ cursor:pointer; position: relative; float: left; margin: 30px; width:370px; height:200px; } #cover_img_3:hover>.text{ display: block; top: 200px; background: #000; -web…

    Asked by Березовский,

    0 votes
    7 answers

  4. Верстка масштабируемого фона

    Здравствуйте! Нужно сверстать сайт с фоном, подстраивающимся под любые экраны. Чтобы фоновая картинка была на всю ширину и высоту. Примерно так, как здесь: http://themes.themeg...om/?theme=Keres http://themeforest.n...preview/3801554 Подскажите, пожалуйста, какие есть варианты. Хотелось бы обойтись без фреймворков типа Bootstrap.

    Asked by Светлана Гр.,

    0 votes
    17 answers

  5. В Chrome не работает псевдокласс focus для моего кода. помогите разобраться!

    Всем привет! помогите разобраться. очень нада. есть вот следующий код с эффектом раскрывающегося списка при клике на нем используя только css c псевдоклассом focus. хочу испольховать его. пример тут Но проблемма! В Chrome данный эффект не работает, а в остальных браузерах работает. если кто знает как эту проблемму можно решить? заранее благодарен.

    Asked by exctac,

    0 votes
    3 answers

  6. Как вернее использовать логотип?

    Логотип должен быть картинкой или фоном?

    Asked by Маленьке Звірятко,

    0 votes
    6 answers

  7. Прижать блок к правому блоку без скрола при смене разрешения экрана

    Здравствуйте! Столкнулся с такой проблемой: Дано: Два блока. 1-ый блок содержит контент, 2-ой как элемент дизайна. Задача: Прижать 2-ой блок к правому краю экрана (ширина монитора 1900px по ширине) при условии, чтобы блок оставался именно в правом блоке, без смещений и при ширине экрана, к примеру, 1200px, соответственно чтобы небыло полосы прокрутки. Вот наглядные скрины: http://splotnikov.ru/1.jpg http://splotnikov.ru/2.jpg Подскажите пожалуйста как сделать. Заранее благодарен!

    Asked by 13bis,

    0 votes
    9 answers

  8. em vs px

    Всех приветствую. Сабж, собсно такой: имеет ли смысл на сегодняшний день, задавать размер шрифта в em? Все более-менее современные и не очень браузеры нормально зумят шрифт, который задан в px ( да и зумить страницу гораздо проще, чем лезть в настройки и менять размер шрифта ). Ну а для резины проценты, имхо, гораздо удобней. В em меня не устраивает то, что некоторые элементы при увлечении шрифта, ломаются. Например, горизонтальная менюшка: на всю ширину, текст в em. В итоге меню лезет на новую строку... nowrap не катит. Как исправлять подобные вещи? Использовать в таких местах px?

    Asked by SuperJerk,

    0 votes
    9 answers

  9. Растянуть фрейм/див/картинку/etc на всё незанятое пространство родительской ячейки - как?

    Доброго времени суток! Вроде бы простая задача... Может, я что-то не так объясняю, или гуру вёрстки обходят стороной такие пустяковые темы... Но я уже на трёх форумах побывал, и нигде никто не смог дать ответ. А вопрос в следующем: Есть табличка на две колонки. В левой - меню, а под меню - iframe (с котёнком). В правой - как обычно - контент. Как сделать так, чтобы таблица растягивалась за счёт контента, а фрейм занимал всё оставшееся свободное пространство под меню? На скриншоте слева - то, чего я хочу добиться. Собственно, для Оперы - уже добился, работает. Установил фрейму высоту в 100% и overflow hidden для ячейки. Однако это решение НЕ работает в хроме (скринш…

    Asked by Postscripter,

    0 votes
    9 answers

  10. Как выстроить блоки div с разной шириной в один ряд

    Всем привет, такая вот у меня проблема: <div class="block"> <img src="img.jpg" /> <h3>Заголовок</h3> <span>Текст, примерно одно предложение</span> </div> Это будут товары в каталоге, блоков будет много, как можно выстроить их в ряд, типа float:left, но с тем условием, что ширина картинки может быть разная, и в зависимости от этого менялась бы ширина блока и текста в span, в итоге лишние блоки переносятся на нижнюю строку, а в строке их может быть, в одной 3, в другой 4, в зависимости от ширины картинки и соответственно блока. При фиксированной ширине - это понятно, а вот так, не знаю куда копать

    Asked by galaydas,

    0 votes
    10 answers

  11. Масштабирование ЛОГО

    Привет всем! С праздником!!! Не могли бы подсказать, как лучше сделать лого на сайте. Всё содержимое сайта помещается в блок с максимальной шириной 1240px Есть фоновое изображение логотипа (1240x315) и нужно что бы в шапке сайта было это изображение (не перекрытое контентом и масштабируемое в зависимости от ширины окна браузера). Вот как делаю я: #wrapper { margin: 0 auto; overflow: auto; max-width: 1240px; min-width: 400px; background: #FFFFFF; border: 1px solid #F1F1F1; margin-top: 3%; } .logo { width: 100%; background: url("img/UPLER.jpg") 0% 0% no-repeat; background-size: contain; min-height: 102px; height: 100%; max-height: 315px; display: block; } <section id="w…

    Asked by winston3d,

    0 votes
    1 answer

  12. Шапка

    Есть такой код, взятый с раздела "Макеты": http://tinkerbin.com/CQZ76oBi Сейчас у шапки есть отступ сверху, который мне нужно убрать. Пробовал ставить margin-top равным нулю, но не помогло. Что сделать, чтобы убрать отступ?

    Asked by novickOk,

    0 votes
    2 answers

  13. CSS свойства стиля с потолка

    Не подскажите, можно ли в CSS стиле как-то хранить простые данные, к которым потом можно было бы обратиться через window.getComputedStyle Например, что-то типа этого .znak { background-color:red; border:1px solid; dyadyaVasya:100mb; } Т.е чтобы найдя елемент по классу znak, можно было вытащить из стиля свойство dyadyaVasya со значением 100mb ? alert(window.getComputedStyle(elem).dyadyaVasya); // выдало бы 100mb Или такое невозможно? Если нет, то каким другим простым способом можно так сделать ? Подскажите, пожалуйста, кто что думает.

    Asked by фонарик,

    0 votes
    5 answers

  14. Позиционирование

    http://jsfiddle.net/y3xmG/ Почему элемент не располагается в центре окна браузера?

    Asked by daniluch,

    0 votes
    1 answer

  15. javascript .replace

    Подскажите пожалуйста, как из строки "-896px -324px" при помощи replace в переменную a присвоить значение -896, а в переменную b значение -324? Числа могут быть и не отрицательные и разных порядков. Иными словами, нужны символы что идут как цифровое значение до символов "px". Никак не осилю как эта штука вообще работает

    Asked by фонарик,

    0 votes
    4 answers

  16. Отображение другого сайта во фрейме. Нужна помощь.

    Здравствуйте, друзья. Поставлена такая задача: есть домен, нужно отобразить два фрейма, в одном будет шапка, которая не должна изменяться, а в другом сайт с другого домена. Как можно это реализовать? Графический пример: Буду очень благодарен за помощь! Спасибо!

    Asked by gaptr,

    0 votes
    0 answers

  17. Полоса прокрутки!

    Привет всем. Меня интересует как сделать полосу прокрутки чтобы она появлялась с определенного масштаба. Допустим чтоб полоса появлялась с 1200px. Заранее спасибо!!!!!!!

    Asked by ivanu6kin,

    0 votes
    3 answers

  18. Как убрать непонятную рамку?

    Для тех, у кого Гугл Хром. http://anti.chashniki.net/uncategorized/название-предмета-12/ Покликайте на слайдер (4 изображения внизу) и закройте его. Появится под изображением непонятная рамка: https://www.dropbox.com/s/xfyadkigytit98c/21-02-2013_181908.jpg Подскажите, пожалуйста, как её убрать?

    Asked by Torm,

    0 votes
    3 answers

  19. Некорректное отображение верстки в IE8

    http://test.idea-book.ru Буду очень благодарен, если кто-то подскажет, в чем проблема. Верстка выполнена с использованием Zurb Foundation. Привожу скриншоты: http://itmages.ru/image/view/907818/7dc7e38a http://itmages.ru/image/view/907820/cc91771f Самое необычное в том, что верстка отображается таким образом во ВСЕХ браузерах под Win XP (SP 2) Может кто-нибудь объяснить, почему так происходит? Ведь браузер должен быть ос-независимой платформой, разве нет?

    Asked by EugeneGlushkov,

    0 votes
    2 answers

  20. вертикальный градиент текста

    помогите пожалуйста сделать вертикальный градиент текста текст расположен на фоне сложного узора. нужна возможность точно настраивать характеристики градиента(как минимум яркость и величину смещения) устроит любое решение(js, css3), даже не 100% кроссбраузерное здесь мне помочь не смогли

    Asked by cyklop77,

    0 votes
    10 answers

  21. Два фоновых изображения в div`e

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

    Asked by PeterLS,

    0 votes
    1 answer

  22. Убрать рамку и тень

    Имеется два блока, возможно ли убрать рамку снизу, а также тень маленького блока снизу ?Нужно чтобы блок смотрелся как единый целый http://jsfiddle.net/jVPa9/.

    Asked by jaster,

    0 votes
    6 answers

  23. Как рисуется треугольник ?

    #triangle-down { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 100px solid red; } Не могу понять как рисуется треугольник, контент по нулям, слева рамка толщина 50 px, справа 50 px, а сверху в два раза больше, по идее же квадрат рисуется ?

    Asked by jaster,

    0 votes
    3 answers

  24. Как отобразить текст со стороннего сайта?

    С картинками все просто - указал ссылку в img и все. А как с текстом? <div class="fileURLs"> <ul><li id="file_1">blablabla</li></ul> <div class="filelist-summary"> <span class="fltlft">Всего: <strong id="totalFilesBefore">5 файлов</strong> файлов общим размером <strong id="totalSizeBefore">5.5 Гбайт</strong></span> <span class="fltlft">Последний раз обращались сегодня. </span> <span class="success fltrt"></span> </div> </div> как отобразить фразу "5.5 Гбайт" со стороннего сайта на другом ?

    Asked by gendalv,

    0 votes
    3 answers

  25. <Input type="text"> and ie8

    html: <div class="form-item"> <input type="text" name="" value="Search" maxlength="128" /> </div> CSS: * { margin: 0px; padding: 0px; } .form-item input { height: 19px; width: 100px; border: 1px solid black; } .form-item { height: 21px; } Screen from IE8 Как видите есть отступ сверху. margin-top: -Npx не помогает. Ума не приложу что с этим делать. Возможно из-за полнодневной борьбы с ie разум не видит очевидные вещи.

    Asked by dmitriydrachov,

    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