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. CSS3 animation движение background

    У меня есть див. В нём происходит не прекращающаяся css3 анимация с движением фона. Подскажите, пожалуйста, как сделать, чтобы после 100% он не сбрасывался в указанные 0%, а как бы прокручивался и выходил с другой стороны? Как это изменить? div#web {-webkit-animation: myfirst 5s ease infinite;} @-webkit-keyframes myfirst { from {background-position: 0%;} to {background-position: 100%;} }

    Asked by gurylyov,

    0 votes
    1 answer

  2. Проблема с div'ом в IE

    Пожалуйста помогите решить проблему с div'ом в IE.Он обрезает картинку в img находящийся внутри него, когда она вылезает за его пределы. Подобная тема уже была создана но автор сразу решил проблему. Ссылка на тему

    Asked by Qwerty26,

    0 votes
    0 answers

  3. хелп с блоком!

    пытаюсь написать скрипт всплывающего блока с затемнением фона затемне ние фона сделал а вот блок хотяб просто создать нполучается! вот код хтмл <!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; charset=windows-1251"> <link href="style.css" rel="stylesheet" type="text/css" > <title>Документ без названия</title> </head> <body> <div id="blok"></div> <div id="dv"></div> <div id="page"> <div id="header"> <img src="all/images/cyber-war-photo-2.jpg" class="header" / …

    Asked by cyber_ua,

    0 votes
    0 answers

  4. Контур таблицы

    Здравствуйте,помогите пожалуйста.Хочу себе сделать Контур таблицы как на этом сайте http://patrick-star.org/ По краю сайта идет обводка.Как мне также сделать?Заранее спасибо.

    Asked by saswat,

    0 votes
    0 answers

  5. Проблема в загрузке страницы

    Добрый вечер, помогите разобраться. Есть сайт easy-diplom.ru вверху находится модуль карусели. При открытии главной страницы сайт грузиться абсолютно нормально. Но при переходе в раздел доставка или любой другой, модуль карусели падает вниз и страница грузиться очень долго. Помогите исправить проблему

    Asked by n1zee,

    0 votes
    1 answer

  6. Мелочи по php

    Привет!!! Подскажите есть ли какое небуть отличее этих функциий require("header.php"); include("header.php"); Пользуюсь обоими время от времени.

    Asked by paseonru,

    0 votes
    5 answers

  7. Кратная (минимаксная) ширина div

    Здравствуйте, столкнулся со следующей проблемой: Есть один div с 100% шириной, в нём много вложенных div'ов с заданной конкретной шириной - 150 px. Проблема состоит в том, что при некоторых разрешениях экрана ширина родительского div'a становиться не кратна ширине вложенных. Например: 1440px - в родительском div оказывается 9 вложенных div'ов и ещё где то половина пустого пространства (фона). Как без использования js можно добиться того, что бы родительский div мог растягиваться и в нём было максимальное кол-во вложенных div'ов, но при этом он облегал вложенные div'ы по ширине (т.е. например вместо 1440 получалось 1350)? Пробовал: присваивать min/max-width без указанной …

    Asked by Arkham,

    0 votes
    5 answers

  8. ширина не так ставится в хроме

    В фф,ие,опере <div style="width:740px; border:1px solid #3d3d3d;"></div> показывает 740px, но почему-то такая же длина показывает в хроме больше на 2px не пойму, в чем же дело?

    Asked by Bingo,

    0 votes
    6 answers

  9. <div /> правильна ли такая запись?

    Правильно ли писать теги, в которых не предусматривается контент в таком виде <div />? В спецификации не нашел ничего на эту тему, а валидатор ошибок не выдает.

    Asked by deMiX,

    0 votes
    3 answers

  10. проблема с рамкой вокруг инпута

    в Хроме ни как не могу убрать рамку вокруг этого элемента: <input type="search" /> когда тип = текст его нет, а вот с сэрч не получается. бордер:нон, оутлайн: нон , ничего не помогает. как это сделать, подскажите пож-та

    Asked by jumancy,

    0 votes
    2 answers

  11. RSS не реагирует на стили

    Здравствуйте, Уважаемые Специалисты! Помогите, Пожалуйста, разобрать головоломку! То ли я туплю, то ли для RSS законы верстки не писаны... Решил вывести под каждым анонсом в RSS копирайт. Все нормально. Через functions.php получилось так: function rssfooter($content) { if(is_feed()) { $content .= "<p>" . '<a class="master_link" href="http://мой-сайт.com/law"><strong><em>Copyright by и т.д.</em></strong></a>' . "</p>\n"; } return $content; } add_filter('the_excerpt_rss', 'rssfooter' ); add_filter('the_content_feed', 'rssfooter' ); Стили в CSS прописаны следующие: .master { background-color: #e9d4b9 !important; margin-l…

    Asked by Santorin,

    0 votes
    5 answers

  12. Нужна помощь! JavaScript - custom scroll bar

    Доброго дня всем! помогите советом, пожалуйста, форумчане! в двух словах суть вопроса: есть сайт. сейчас на нем планируется редизайн. начали потихоньку с того, что меняем элементы - галерею, форму обратного отзыва и тп. вопрос касается непосредственно галереи - выбор пал на Anything slider на jQuery/ галерею подключил, особых проблем не возникло. дело встало на моменте, когда необходимо сделать свой скроллбар внутри этой галереи. вообще способы создания своего скроллбара я опробовал, разобрался, как они работают на простых примерах. а именно здесь не работает. сам скрипт здесь: http://kontek.su/photogallery/fotogalereja-10 не могу понять, как организовать это дело: внутр…

    Asked by mrmixsun,

    0 votes
    3 answers

  13. Отдельный блок для баннера!

    Здравствуйте! Создал сайт который целиком находится в блоке wrapper и теперь хочу создать специальное место под баннер, например такой блок можно встретить во мноджество шаблонов. Бок находится как бы отсраненно от сайта. Пробовал и так и эдак, например если блоку banner задать float:right и скажем некий margin-right или padding-right, то наш блок будет выглядить по разному в зависимости разрешения экрана пользователей. Сам же wrapper всегда по середине, вне зависимости разрешения экрана. Тут нужно как бы разместить блок для баннера с права и задать ему отступление не от окна браузера, а от самого wrapper-а Народ посоветуйте пожалуйста какой-нибудь код, так как сама логи…

    Asked by volse6nik,

    0 votes
    4 answers

  14. Создание неоднородного фона

    Добрый день. Столкнулся со следующей проблемой. Ест макет, часть которого имеет ширину 949px и такой фон Пытался нарезать фон частями по 3px или по 20px и делать repeat-x. В результате четко видны повторяющиеся горизонтальные полосы. Вопрос как правильно вставить такой фон в блок? Неужели добавлять полно размерную картинку?

    Asked by Kelenar,

    0 votes
    2 answers

  15. Разметка в фотошопе / автофайл HTML

    Прочитал глазами новичка статью http://2people.ru/?p=23 У автора маловероятно спросить, написанному более 3х лет. Поэтому спрашиваю опытных верстальщиков: Зачем нарезать PDS файл инструменом Slice? Кстати, Влад Мержевич описывает такой подход тоже. Если PDS файл содержит слои, созданные дизайнером то, мне кажется, вместо порезки правильнее сохранить нужные изображения слоями как отдельные картинки. При таком подходе, вероятно, не сработает автогенерация HTML файла Фотошопом. Но автофайл представляет собой табличный вариант вёрстки, который менее предпочтителен по многим причинам, если я правильно понимаю материалы выложенные Владом Мержевич. Использовал ли кто нибудь авт…

    Asked by seemax,

    0 votes
    11 answers

  16. Табл.верстка. Подвал внизу

    Делаю курсовик-сайт по Web-дизайну. Т.к. это первая работа на HTML, а срок поджимает выбрал табличный тип верстки. Возникла проблема, не получается опустить подвал сайта вниз. Ни с помощью CSS, ни средствами 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; charset=utf-8"> <title>Шаблон</title> <link rel="stylesheet" type="text/css" href="style/page.css"> </head> <body> <!-- Общий контейнер --> <table cellpadding='0px' id='container'> <!-- Шапка сайта --> <t…

    Asked by lex63,

    0 votes
    2 answers

  17. вертикальное выравнивание дочернего Diva

    Доброго всем времени суток!У меня возник вопрос:как можно вертикально выровнять по центру дочерний див внутри родителя? Пробовал вот так margin:auto 0; - не получается(

    Asked by Кирюха,

    0 votes
    3 answers

  18. overflow и ie6

    Доброго времени суток.IE6 "мой любимый браузер" не поддерживает свойство overflow, как с этим бороться?Может есть какой нибудь HTC файл или что то подобное?

    Asked by Кирюха,

    0 votes
    2 answers

  19. Кнопки

    http://savepic.su/982150.htm Верхнее меню – при переключении меняется цвет на белый. При этом «главное» становится «зеленым» и остальные цвета смещаются Как реализовать такое?

    Asked by rfnfdfcz,

    0 votes
    2 answers

  20. Скрипт для изменения картинки

    Есть картинка длинной 1000px. Каждые 200px начиная сверху, есть картинка с мордой и улыбкой, чем ближе к низу тем улыбка становится больше(спрайт). Всего 5 изображений на одной картинке. Нужен скрипт который за 2 секунды промотает снизу вверх все 5 изображений, чтобы получилась анимация(как в мультике). Могли бы пожалуйста подкинуть решение. Решение найдено здесь

    Asked by SkyTrace,

    0 votes
    0 answers

  21. пересекающийся фон сверху и снизу

    Народ, бьюсь над простой, казалось бы задачей, но не могу справиться никак. Есть сайт из трёх дивов - шапка, тело, низ. Пока дивы, потом может быть таблицу сделаю. Не суть важно. <body> <div class="bgtop"></div> <div id="header">header</div> <div id="body"> body </div> <div id="footer">footer</div> <div class="bgbottom"></div> </body> Нужно в разметку добавить фоновую картинку сверху и фоновую картинку снизу. Верхняя начинается с начала экрана, нижняя лежит на футере (id="footer") Причём нижняя может налезать сверху на верхнюю (там футер png с прозрачностью) Собственно …

    Asked by Enkee,

    0 votes
    2 answers

  22. Из каких элементов лучше составить блок (цена, размеры, добавить в корзину)

    Доброго дня, подскажите как бы лучше составить блок (цена, размеры, добавить в корзину) из каких элементов. Мне интересно было бы нормально если поместить каждый в <li> и каждому свой атрибут?

    Asked by Saturn,

    0 votes
    5 answers

  23. Таблица

    Здравствуйте, подскажите как задать цвет этому border'у (белого цвета): Код такой: <table cellpadding="0" cellspacing="0" border="2" width="95%" align="center" class="mytable"> ... </table> .mytable {border-color:#353535;border-style:solid;border-collapse:collapse;}

    Asked by saber135791,

    0 votes
    1 answer

  24. А как?

    Собственно как сделать, чтобы выпадающий список выстраивался по центру а не по левому краю как сейчас? Подскажите кто знает, заранее благодарен. Сам код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" <HTML> <HEAD> <TITLE>DiMetro</TITLE> </HEAD> <BODY> <style type="text/css" media="all"> #mainmenu { float: left; width: 100%; margin: 77px -34px; list-style: none; } #mainmenu li { float: left; width: auto; padding: 0 10px; font-family:MyriadPro; font-size:14px; list-style: none; } #mainmenu li ul { display: none; width: 200px; } #mainmenu li:hover ul { display: block; position: absolute; list-style: none; margin: 0; pa…

    Asked by Imperil,

    0 votes
    4 answers

  25. Как сделать так, чтобы строчный элемент начинался с новой строки

    Есть строчный элемент (span). Нужно, чтобы он начался с новой строки. Вкладывать в блочные элементы нельзя, добавлять/убирать <br> перед элементом не очень удобно, хочется, чтобы перенос на новую строку управлялся стилем. Как можно сделать?

    Asked by fedotxxl,

    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