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. Как залить фон градиентом?

    Здравствуйте! Я начинающий верстальщик. Столкнулась с такой проблемкой. Есть полосочка - градиент, для фона. Размер 1500Х1. Градиент заливается, но он не растягивается на всю высоту, то есть если не уменьшать масштаб, все отлично, а когда уменьшаешь, то градиент как обрывается. Repeat делать смысла нет, как я поняла... Помогите пожалуйста. Есть ли выход из этой ситуации??

    Asked by Lucky_Malina,

    0 votes
    12 answers

  2. Chrome: Анимация срабатывает сразу после загрузки страницы

    Привет всем. Обнаружил странную особенность Хрома: анимация выполняется сразу после загрузки страницы. Вот, сделал тестовую страничку: http://www.photonoob...sition-bug.html Там всего один div, которому прописана анимация. Проверял на последних версиях Хрома (25.0.1364) на Win7 и MacOSX 10.6.2. (Если у кого-то не срабатывает, то попробуйте, находясь по вышеуказанному адресу, перейти на другую страницу, а затем нажмите кнопку «Назад» чтобы вернуться.) То что это баг я решил потому что такое поведение свойственно только Хрому. В других браузерах такого нет. Более того, даже в Сафари баг не обнаруживается. Вообще, поискав информацию на эту тему, выяснил, что уже существует о…

    Asked by ExtendedPlay,

    0 votes
    1 answer

  3. RTL в input Opera

    Всем привет! Доделываю верстку одного небольшого проекта присутствуют две версии шаблонов, один в ориентации LTR (стандартный) и RTL (зеркальный) так вот есть такой баг в Опере в инпутах текст не зеркалится, тость rtl не работает правила в стилях такие: .rtl body { unicode-bidi: bidi-override; direction: rtl; } .rtl .text_input input { unicode-bidi: bidi-override; } Версия оперы 12.14 ПС. Кто знает как решить помогите) .. это последний баг который нужно устранить

    Asked by howtomake,

    0 votes
    0 answers

  4. Фокус на текстовом поле при заходе на страницу

    Есть страница входа, там есть несколько полей. Логин, пароль и так далее. Мне бы хотелось, чтобы после открытия страницы фокус стоял на самом первом поле, чтобы не нужно было щелкать по полю и начать вводить текст. Как это реализовать?

    Asked by novickOk,

    0 votes
    1 answer

  5. Не применяется картинка для 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

  6. Проблема с line-height в Firefox

    Привет всем. Заметил, что в firefox выравнивание текста по baseline происходит отлично от других браузеров. Baseline не совпадает на 1px. Вот что я имею ввиду: Кто как с этим борется? Исходник на jsfiddle: http://jsfiddle.net/KtbDU/

    Asked by ExtendedPlay,

    0 votes
    2 answers

  7. em vs px

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

    Asked by SuperJerk,

    0 votes
    9 answers

  8. Срезанный угол у всплывающего блока

    Очень нужна помощь. Как сделать срезанный угол у всплывающего блока, срез должен быть прозрачным. Блок должен тянуться в высоту в зависимости от контента. Тянущийся всплывающий блок - http://savepic.ru/4179335.png

    Asked by AndM,

    0 votes
    3 answers

  9. Фон из нескольких картинок

    Собсно, сабж в чем: нужно сделать подобие блока, который растягивается Мы имеем 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

  10. Как пересилить браузерные шрифты?

    Здравствуйте. Пытаюсь на лету подправить код загруженной страницы в "инструментах разработчика" Хром. Ширину таблицы получилось уменьшить, а вот уменьшить шрифт текста в таблице и установить его равным 12пикс. нет. В чем моя ошибка? Взгляните пожалуйста на принтскрин. Видно, что используются некие браузерные стили:

    Asked by borus,

    0 votes
    1 answer

  11. Как масштабировать изображение при изменении окна браузера

    При верстке адаптивного шаблона возник вопрос, как масштабировать изображение при изменении окна браузера? Сколько не пробовала - никак не получается. Вот код: <ul> <li> <a href="" title=""> <img src="[url="view-source:http://test1.ru/wp-content/uploads/9-111x111.jpg"]1.jpg[/url]" alt="" height="[url=""]111[/url]" width="[url=""]111[/url]"> </a> </li> <li> <a href="" title=""> <img src="[url="view-source:http://test1.ru/wp-content/uploads/9-111x111.jpg"]1.…

    Asked by Mila,

    0 votes
    8 answers

  12. Слайдер

    Здравствуйте. Верстаю макет и там два слайдера, один большой на главной странице http://savepic.ru/4104812.jpg и один поменше http://savepic.ru/4120174.jpg Подскажите, пожалуйста, реально ли сделать идентичные сладеры или получится только похожые? Заранее спасибо.

    Asked by Kuzyo,

    0 votes
    3 answers

  13. Как запретить фоновому изображению увеличивается при масштабировании сайта

    Как запретить фоновому изображению увеличивается при масштабировании сайта, должна ли вот эта строка выполнять эту функцию background-repeat: no-repeat;

    Asked by 4237723,

    0 votes
    0 answers

  14. Полное название Тега

    Т.к некоторые теги в html сокращены,то где найти полное название всех тегов на английско языке.Например <tr>-table row,<td>-table date.И так далее....

    Asked by ts-alan,

    0 votes
    1 answer

  15. картинка при наведении на текат

    Подскажите, пожалуйста, как сделать, чтобы при наведении на текст (имя) появлялась картинка (фотография). Дело в том, что на каждое имя должна появляться соответствующая картинка, т.е. каждый раз разные. Это делается с помощью псевдокласса hover?

    Asked by udiga,

    0 votes
    2 answers

  16. Аномалия с <img>

    Доброе время суток. Столкнулся с проблемой: при выведении изображения внутри ссылки появляется ненужный отступ внизу. Вероятно тема не нова, в таком случае буду благодарен за ссылку на ресурсы. Код: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> a, span, div{ display: inline-block; border: 1px solid green; margin: 0; padding: 0; } img{ margin: 0; padding: 0; } </style> </head> <body> <a href="_foto/5.jpg"><img src='_foto/5.jpg'/></a> </body> </html>

    Asked by illya_v,

    0 votes
    3 answers

  17. Работа с <area>, или "Дурдом для новичка"

    Здравствуйте, уважаемые пользователи данного форума! У меня возникли трудности при написании сайта, потому прошу у вас помощи и совета. Собственно, задача передо мной такая: На странице висит квадратное изображение (1000х1000), разбитое через <map> и <area> на 25 областей (тоже квадраты, 196х196). Каждый фрагмент "заякорен", то есть на него ведет ссылка вида www.site.ru/index.html#a20 Нужно сделать так, чтобы после перехода по такой ссылке, нужный фрагмент выделялся (любым образом). Пример - карта луны, разделенная на участки для покупки. Клиенту дается ссылка на его участок, после перехода он на карте видит свой участок подсвеченным. Я начинал с разреки ориги…

    Asked by Spooch,

    0 votes
    15 answers

  18. Опера

    Здравствуйте. При регистрации и сохранении опера опера выделяет поля желтым цветом. Как убрать это безобразие?

    Asked by tyareg,

    0 votes
    5 answers

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

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

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

    0 votes
    6 answers

  20. Выравниевание сайта по центру

    Здравствуйте! Не могу как надо сделать выравнивание сайта по центру. Делаю так, на body задаю такие значения margin: auto; после этого сайт становится по центру. Но правый меню уходит за пределы экрана, и появляется нижняя прокрутка! Вопрос: как сделать правильную выравнивание по центру что бы правый меню поместился на экране? Сайт имеет структуру <body> <div id="main"> <div id="wrapper"> <div class="content"> <div class="header"> <div class="left"> <div class="top"> <!-- логотип --> &…

    Asked by breadfruit,

    0 votes
    2 answers

  21. Как выстроить блоки 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

  22. Background в IE

    Здравствуйте! Есть сайт www.iana-fomina.site88.net Во всех браузерах всё отлично работает, но в IE как всегда проблемы. Если потянуть за скролл, то background растягивается до неограниченых размеров. Помогите разобраться в проблеме. body{ background:#f5f5f5 url("../images/geral/bkg-pat.png") repeat scroll 0 0; font: 12px/1.5em Arial, Helvetica, sans-serif, "Arial Narrow"; color:#a5a5a5; position: relative; width: 100%; height: 100%; }

    Asked by Iana-Fomina,

    0 votes
    1 answer

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

    Привет всем! С праздником!!! Не могли бы подсказать, как лучше сделать лого на сайте. Всё содержимое сайта помещается в блок с максимальной шириной 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

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

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

    Asked by Postscripter,

    0 votes
    9 answers

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

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

    Asked by cyklop77,

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