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. Сложный фон

    Здравствуйте! Есть макет https://dl.dropboxusercontent.com/u/27003510/01_home_page_kessonov_ru_3.jpg Не могу сообразить, как лучше поступить с фоном. Если ставить ahy целиком, то фоновая картинка весит около 3 Mb - это много. По хорошему надо наверное горизонтально резать на 3 части...но как потом на это еще и текст наложить, у меня текст сползает. В общем ничего не выходит. Ткните, может есть похожие решения?

    Asked by Bredova,

    0 votes
    3 answers

  2. Полоска в верху сайта.

    Парни прошу помощи, кто что подскажет, CMS SW13, я думаю проблема в хостинге. Ставлю любой шаблон, и вверху сайта появляется полоска, а именно в <body> Когда я нажимаю на сайте "F12", что бы посмотреть исходный код, то я замечаю под <body> такие символы " " выглядит оно вот так. и если их удали, то все стает нормально, но я не могу их найти.

    Asked by andLike,

    0 votes
    8 answers

  3. Ищу учителя по веб дизайну

    d

    Asked by hristofor,

    0 votes
    7 answers

  4. Text-shadow в IE lt 10 для кнопки и input[text]

    Доброго времени суток уважаемые форумчане. Реализовать text-shadow для статичного текста в ранних IE не проблема, благо есть фильтры, плагины jQuery и техника подложки. Столкнулся с проблемами добавления text-shadow тексту на кнопке и в поле ввода. 1. Кнопка Условия: кнопка с градиентом, тенью и текстом с тенью. Скриншот Попытки: a) Реализовать просто <a>: не универсально при желании использовать input[button], фильтры и плагин jqueryTextShadow создают тень для всего блока <a>, не только текста. б) Реализовать <а><span>text</span></a>: опять же не подходит для input[button] и span блокирует ховеры и клики по кнопке в IE (сделать его про…

    Asked by only_dimon,

    0 votes
    0 answers

  5. Как опустить вниз текст анонса?

    Здравствуйте! У меня не получается опустить на 10рх текст анонса. Так чтобы он отделялся от заголовка "Сценарий: Уэс Крейвин" т.е. между двумя строками. У меня почему-то образуются пробелы между несколькими строками. А нужно между двумя. http://s.ygastik.ru/glavnoe-menyu/molodezhnye-uzhasy

    Asked by slaip,

    0 votes
    3 answers

  6. Помогите разобраться с полем!

    Всем доброго времени суток. Только начал свой путь верстальщика. Сейчас работаю над одним из учебных шаблонов данного форума. Мой style.css html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote { padding: 0; margin: 0; font-size: 100%; font-weight: normal; } table { border-collapse: collapse; border-spacing: 0; } td, th, caption { font-weight: normal; text-align: left; } img, fieldset { border: 0; } ol { padding-left: 1.4em; list-style: decimal; } ul { padding-left: 1.4em; list-style:square; } q:before, q:after { content:''; } #header { height: 401px; background: url(images/header_bg.png) repeat-x; } #header .contact…

    Asked by west456,

    0 votes
    3 answers

  7. Расположение элементов на странице

    Очень долгое время меня уже мучает вопрос относительно того, как правильно размещать элементы в нужных позициях. Например есть текст в контейнере. Контейнер без границ, фона. Текст необходимо расположить скажем на некотором расстоянии от верха. Чисто визуально ведь этого можно добиться используя padding-top, или margin-top, или и то и другое вместе. Или используя position, воспользоваться top. То же само касается правого, нижнего и левого краев. И то же самое касается не только текста. Так что же все таки предпочтительнее и в каких ситуациях использовать? Может есть некие "правила"? Например для одних элементов одно, для других другое.. Или это вообще дело вкуса? Подскажи…

    Asked by Vulner,

    0 votes
    1 answer

  8. Как убрать бордер в background-image?

    Доброго времени суток всем! Кто нибудь сталкивался с такой проблемой: При увеличении экрана и при просмотре сайта на мониторах с разрешением от 1600 пх на картинке background-image] появляется вертикальная черная полоса в 1 пикс. как бордер. И я не могу понять что это, на самой картинке ничего нет. Может это горизонтальный повтор background-image, но тогда почему его нет при просмотре на мониторах со стандартным разрешением? Верстка в простых таблицах. Я пробовал заменить картинку для этого background-image, просто обрезал белую часть картинки где появляется эта черная полоса. Проблема вроде решалась в этом месте, но в других местах пошли не состыковки картинок общего бе…

    Asked by luckyvad,

    0 votes
    1 answer

  9. Неправильный вывод специального символа HTML

    Приветствую всех! Имеется символ ⌕ (лупа поиска) который правильно отображается в Firefox 21 и Opera 12, но полностью игнорируется Chrome 27 и Explorer 8 (отображается пустой квадрат). Есть ли возможность заставить эти два броузера отображать его, ну и в чем вообще природа этой загвоздки? Нет, я конечно могу вставить иконку, но чисто из спортивного интереса хочу сделать страницу минимальной в объеме. Что также вообще скажете про использование специальных тегов вместо элементарной легковесной графики, не мовентон ли это, а то может мой спортивный интерес имеет дурное начало? Спасибо!

    Asked by Ryv,

    0 votes
    0 answers

  10. Почему DIV внутри DIV'а растягивается по ширине?

    http://jsfiddle.net/b7bDy/ Почему-то DIV внутри (с зеленым бордером) растягивается по ширине, а не прижимается к картинке вокруг. Почему так?

    Asked by GuitarFan,

    0 votes
    3 answers

  11. Почему один и тот же шрифт разный?

    Допустим есть сайт: http://www.adme.ru/tipografika/25-krutyh-sajtov-s-besplatnymi-shriftami-449555/ На котором якобы используется Тахома 14 Вот я сделал тоже самое http://jsfiddle.net/vJjM6/ Но как видно, шрифты отличаются. В первом случае он кажется тоньше и немного красивее. Почему так? Я что-то не дописал? Сам всегда пользуюсь Тахомой, но раньше не замечал.

    Asked by GuitarFan,

    0 votes
    1 answer

  12. Странные пустоты...

    Я даже незнаю как это назвать, так то по сути мой косяк, но в коде немогу его найти. суть: вот собственно обведенное красным и есть то непонятное образование. Код странички нужен?

    Asked by gifron,

    0 votes
    4 answers

  13. проблема с widgetkit gallery

    После размещения сайта на хостинге, нельзя изменить или добавить галерею widgetkit. Галерея открывается, но кнопки создать/добавить папку неактивны. Подскажите в какую сторону копать. P.S.: права доступа на папки установлены. На локальном сервере все было ок. Все что сделано на локальном сервере, отображается правильно, проблема появилась после переноса на хостинг.

    Asked by Mardok,

    0 votes
    18 answers

  14. Помогите с "резиновостью" элемента

    Всем привет. Ребята, подскажите пожалуйста, не могу сообразить, как сделать вот такой элемент резиновым. Заранее благодарю!

    Asked by lolka84,

    0 votes
    6 answers

  15. Смена фона кнопки при клики

    Ребят не получается сделать смену фона кнопки, точнее на кнопки у меня картинка, при клике на нее она должна меняться на другую и оставаться в таком состоянии. Подскажите мне как это сделать!!!!

    Asked by prettyremage,

    0 votes
    4 answers

  16. смена фона страницы по наведению на ссылку

    Товарищи, нужна помощь! Не подскажите как при наведении на ссылку, в данном случае на кнопку меню менялся фон страницы? код прилагается : <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" type="text/css" href="css/reset.css" media="screen" /> <link rel="stylesheet" type="text/css" href="css/style.css" media="screen" /> <style type="text/css"> #container { width:960px; margin-left: auto; margin-right: auto; padding: 0; } .clear { clear: both; margin: 0; padding: 0; } p { margin: 1.6em 0; line-height: 1.6em; } h2 { font-size: 20px; line-height: 20px; margin: 22px 0 18px 0; }…

    Asked by nick1403,

    0 votes
    4 answers

  17. С помощью чего добиваются того, что страница не обновляется?

    То есть при переключении скажем по ссылке контент меняется, но не видно обновления страницы. Если страница была прокручена чуть вниз - страница не начинается с самой вершины, а остается на том же месте. Очень интересно, что для этого используется.

    Asked by GuitarFan,

    0 votes
    1 answer

  18. Вопрос по jquery

    Прохожу видео курс Евгения Попова jQuery для начинающих В предыдущем уроке он обьяснил как сделать чтобы сначала загрузился сайт а потом прогружались скрипты, но вот у меня картинки непрогружаются пока ненажмёш OK окна alert, собственно.. в чём ошибка?

    Asked by radioactive,

    0 votes
    5 answers

  19. Не понятная проблема с CSS

    Не пойму на все поля работает CSS, а одно поле почему то было не охвачено, проверил вроде всё идентично, помогите? <div class="focus-example cont1" style="text-align: center;"> <input id="liqpay-pay-1" class="liqpay-pay-1" readonly="readonly" value="10" size="3" original-title="Введите сумму"> <span class="letter">UAH - ₴</span> <input type="hidden" value="" name="operation_xml"> <input type="hidden" value="HRu+rVD+RN9RTDC1R3nN7t+lS2w=" name="signature"> </div> <div class="focus-example cont1" style="text-align: center;"> <input id="rupay-pay-1" class="rupay-pay-1" type="text" value="10" size="3" name="recipientAmou…

    Asked by lev99,

    0 votes
    2 answers

  20. два div relative + центрование второго div внутри первого

    Как отцентровать wrapper внутри container 1) по горизонтали и вертикали ? 2) по горизонтали ? 3) по вертикали ? <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Html</title> <body> <style> * { margin:0; padding:0; } html,body { background: none; height: 100%; width: 100%; } .container { display: block; position: relative; height: 10…

    Asked by rtl_one,

    0 votes
    1 answer

  21. Знак вопроса вместо русского текста.Для опытных верстальщиков

    Здрасьте всем! Вот появилась проблема с отображением русского текста: Некоторые говорят что проблемма с кодировкой, но это не так. Вот сам код: <!DOCTYPE HTML> <html> <head> <link rel="stylesheet" href="" type="text/css" /> <meta http-equiv="content-type" content="text/html" charset="utf-8" /> <meta name="author" content="" /> <title>Statements</title> </head> С другими страничками все норм, русский текст отображается нормально, но в этой что-то не так. Подскажите пожалуйста

    Asked by Doctor_Chil,

    0 votes
    14 answers

  22. как сделать border-top только для верхнего края

    Всем добрый день! Я сделала разделитель по низу за счет border-bottom, но не знаю как сделать для первого элемента border-top?

    Asked by Nailya,

    0 votes
    12 answers

  23. Ссылки

    Здравствуйте! Как сделать так, чтобы в адресной строке не было расширения файла .html ? Пример: http://vk.com/im http://htmlbook.ru/html

    Asked by dmsirotenko,

    0 votes
    5 answers

  24. градиент в canvas

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

    Asked by cyklop77,

    0 votes
    2 answers

  25. Css - изменение стиля 1-й буквы при наведении мышью

    Здравствуйте, я почти не разбираюсь в CSS, поэтому столкнулся с такой проблемой: "Нужно изменять стиль 1-й буквы при наведение мышью на слово (ссылку)", вот код к которому следует применить класс: <ul class="css-menu-2"> <li><a href="/index.php"><span class="ClassForMenu">Г</span>лавная</a></li> ... Вот сам класс: a.ClassForMenu:hover { color: orange; font-weight:bold; } Когда делаю так, ничего не происходит при наведении мышью, а когда убиваю ":hover" то буква применяет стиль (независимо от того, навели ли на нее курсором или нет). Подскажите что я не так делаю, заранее благодарю за помощь!

    Asked by Mike_tm,

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