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. Не работает background-image для блока div

    Не могу понять почему не работает свойство background-image для блока <DIV ID="HEADER"></DIV> картинка просто не появляется в блоке..я новичок, может кто знает в чем причина? Все картинки в папке images. Сам код: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test</title> <link href="style.css" rel="stylesheet" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="js/custom.js"></script> </head> <body> <div id="wrapper"> <div id="header"> </div> <div id="nav"> </div> <div id="content"&gt…

    Asked by Quadder,

    0 votes
    2 answers

  2. Разные картинки в таблице

    День добрый! Имеем вот такой скрипт <script language="JavaScript" src="http://shop.digiseller.ru/asp/agent_g_src.asp?idn=81893"></script> и css <style> <!-- .table_goods { margin: auto; } .tr_head {} .td_head_name {padding: 3px; background-color:#ffffff;} .td_head_price {padding: 3px; background-color:#ffffff;} .head_name {12px; Verdana, Arial, Helvetica, Sans serif; font-weight:300; font-style:normal; color:#ffffff;} .head_price {12px; Verdana, Arial, Helvetica, Sans serif; font-weight:300; font-style:normal; color:#ffffff;} .tr_row { float: left; } .td_row_name { background: linear-gradient(top,#FDFDFD 0,#FCFCFC 10%,#F6F6F6 60%,#F0F0F0 80%,#EDED…

    Asked by isamael,

    0 votes
    9 answers

  3. Несколько вопросов..

    Здравствуйте уважаемые форумчани... Недавно начал заниматься вёрсткой и вот столкнулся сразу с несколькими вопросами... 1.Вопрос Допустим я верстаю под ucoz... Как сделать так что бы картинка контейнера сама растягивалась по высоте по мере заполнения самого контейнера, вот сама картинка http://s16.radikal.ru/i190/1212/08/af6daa214cfd.jpg (P.S это для явного примера что бы поняли) 2.Впрос хотел очень бы узнать как верстать такие части как input.. Дело в том что их сверстать не так просто как мне казалось особенно scrol, надо заме нить его на картинку а потом ещё по мере его сделать что бы он сам расширялся.. В общем вот такие проблемы кто поможет буду очень благодарен, за…

    Asked by SanyaSV,

    0 votes
    13 answers

  4. Что за стрелки в CSS коде?

    li a.active > img {} li a:hover > img {} Не могу понять зачем нужны стрелки > и как они работают Подскажите плиз

    Asked by Racer021,

    0 votes
    2 answers

  5. Размеры сайта

    На сайте, когда окно браузера, открыто на всю, все работает вроде норм. Только размер окна изменяется, сайт сразу едет. В чем, может быть, причина? Сам сайт: http://www.tim-profi.ru/

    Asked by werwen,

    0 votes
    2 answers

  6. Position в Android 4

    Столкнулась с проблемой работы position:fixed в Android 4 Причем в Android 2.3 все отображается и работает нормально... Нашла способ отделения Android от других мобильных систем... Но как разделить Android 4 и Android 2.3?

    Asked by madhed,

    0 votes
    4 answers

  7. Как грамотно прекратить отсечку изображений?

    Здравствуйте. На сайте внизу у самой последней программы обрезается нижний кончик изображения коробки программного продукта: Как правильно убрать отсечку изображения?

    Asked by borus,

    0 votes
    3 answers

  8. Резинавая верстка

    Подскажите пожалуйста список большинства популярных разрешений для резиновой верстки с использованием: @media screen and (max-width: ***px){} Для деспотов: 1024x768, 1280x1024, 1680x1050, 1920x1080 эти как я понял ноутбуков: вообще не знаю планшетов: 7" и 10.1" но как понимаю есть еще небольшой зоопарк от Sumsung + Ретина дисплеи + еще горизонтальное и вертикальное расположение смартфонов: ??? там вообще грандиозный зоопарк... игровых приставок: (PS3 Xbox) точнее скорее для широкоформатных телевизоров. цель простая. хочу сделать собственный набросок или пару набросков для адаптивной верстки под свои нужды. Вообще идеальным было бы если бы дали ссылку на статейку или …

    Asked by stDragon,

    0 votes
    3 answers

  9. "границы сайта"

    Сайт состоит из div-блоков. По краям страницы (после div-колонок) - бэкграунд. На лэптопах/ПК все нормально. А вот планшет автоматически "отрезает" все что находится вне div-блоков. И получается некрасиво. Нужно каким то образом очертить границы сайта, чтобы бэкграунд частично считался "полезным". Самый простой способ - создать пустые div-ы по краям... Но я не уверен что это "профессионально". Может быть есть существуют "правильные, общепринятые" способы?

    Asked by deFISH,

    0 votes
    1 answer

  10. Текст ведет себя как банный лист

    Всем джамбо господа. Wordpress. Сайт. Кидаю изображение <img src='...' align='left' hspace='50'> но текст прям как я летом на пляже, все так же прилипает к изображению. Может есть альтернатива hspace? или я просто бибилов (не в обиду футболисту).

    Asked by CatInTheBread,

    0 votes
    5 answers

  11. верстка для facebook like

    Проблема моделируется под maсos Safari кнопка блок от фэйсбука обрезанный: вокал.яскович.рф/news/32-stupeni-shkoly-energo-zvuka (наверху слева) даже не знаю что придумать -не могу найти ошибку в цсс причем в ff - отображает нормально цсс здесь http://вокал.яскович.рф/sites/all/themes/Obosmeysya/css/application.css?mf9h2w спасите!!! =)

    Asked by zeves095,

    0 votes
    2 answers

  12. Border у фигуры

    Раньше не юзал фигуры, решил попробовать, ну тут какие-то грабли)) div { width: 0; height: 0; border-top: 50px solid transparent; border-right: 100px solid red; border-bottom: 50px solid transparent; } получается красный треугольничек, но мне надо цвет #F7F7F7, меняю, и о чудо, у треугольника появляется border, что за странность?

    Asked by inex,

    0 votes
    8 answers

  13. Аттрибут у <a>

    Добрый день! Преамбула: я использую твиттер бутстрап у себя на сайте. С помощью модального окошка я хочу организовать удаление элементов их списка. У каждого элемента есть свой id: 1. aaaaa 2. bbbbb 3. ccccc Сама форма выглядит вот таким образом: <div id="catDelModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="catDelModalLabel" aria-hidden="true"> <div class="modal-header"> <h3 id="catDelModalLabel">Удаление каталога</h3> </div> <form id="catDelModal" action="" method="post"> <div class="modal-body"> Вы действительно хотите удалить этот каталог? Действие не может быть отменено. </div> &lt…

    Asked by denisromanenko,

    0 votes
    2 answers

  14. Есть ли хук для реализации выравнивания по символу в таблцах?

    Добрый день. Очень жаль, что такой важный приём для правильной и читабельной вёрстки как выравнивание по символу, не прижился в html. Для 4-ой версии стандарта он так и не получил поддержку ни одного из браузеров, а в 5-ой и вовсе был выкинут из спеки. Может кто знает какой-нибудь трюк? В яндексе ничего найти не удалось, к сожалению. Может скриптовое решение есть готовое? В принципе представляю как это реализовать на jQuery, но прежде чем громоздить велосипед, хотелось бы попросить у многоуважаемого сообщества консультации по данному вопросу. PS: опечатался в на названии темы,

    Asked by Быколай,

    0 votes
    14 answers

  15. копирование кода в буфер

    выскажите пожалуйста ваше мнение относительно юзабилити сейчас на многих даже солидных сайтах популярно копирование в буфер при помощи ссылки. пример можно увидеть на этой страничке. отличие от ctrl+v в том, что приходится совершать лишнее действие(закрытие модального окна "ок"). я не понимаю чём удобство

    Asked by cyklop77,

    0 votes
    3 answers

  16. Чекбокс и скрипт

    Помогите пожалуйста подправить код. Нужно стилизировать чекбокс, решил с помощью java скрипта и спрайтов. В html прописал так: <span class="check-box" onclick="changeCheck(this)" id="check-box1"><input type="checkbox" name="check-box"/></span> сам скрипт: <script type="text/javascript"> function changeCheck(el) /* функция смены вида и значения чекбокса el - span контейнер дял обычного чекбокса input - чекбокс */ { var el = el, input = el.getElementsByTagName("input")[0]; if(input.checked) {el.style.backgroundPosi…

    Asked by Kuzyo,

    0 votes
    1 answer

  17. Ищу учителя веб-мастера!

    Друзья! Ищу себе учителя-наставника веб-сенсея! Есть базовые знания html, css Хочу научиться верстать сайты, стать "настоящим веб-мастером"! Готова учиться, выполнять задания! Спасибо)

    Asked by weblady,

    0 votes
    7 answers

  18. Выравнивание элементов

    Добрый день уважаемые программисты) На сайте uslugi34.ru в шапке есть икноки,и при уменьшении масштаба они уплывают... Как бы мне это исправить? Заранее спасибо)

    Asked by develsnik,

    0 votes
    2 answers

  19. Семейство шрифтов смотрится по разному в современных FF и Chrome

    Здравствуйте. Заметил, что используемое семейство шрифтов Verdana bold сгенерированное на font2web.com выглядит по разному в Хроме 23 и Фаерфоксе 17. Это нормально?

    Asked by borus,

    0 votes
    7 answers

  20. Выравнивание пунктов меню (без li)

    Нашел интересную менюшку с анимашкой. Расположил все пункты горизонтально. В верстке не используется ul, li. http://karelin.tk Не получается отровнять пункты...видим как у пункта Design по бокам много пустого места, а между Typography и Freebies слишком мало и т.д. В зависимости от длинны слова (пункта) верстка плывет. Помогите решить проблему. Вот css: http://karelin.tk/css/default.css

    Asked by xSPiRiTx,

    0 votes
    7 answers

  21. Хайд

    Здравствуйте. Подскажите как можно сделать данную вещь: Есть html сайт, вот его меню: А вот хайд (или хз как его назвать): при нажатии на него открывается карта. Каким кодом можно сделать так что бы при нажатии на пункт меню, открывался сам хайд? В данный момент на кнопке стоит такой код: <a href="#karta">Районы бесплатного выезда мастера</a> А на хайде такой: <a name="karta"><h2 class="receiving_centers" style="background: #e1eaf0; cursor: pointer;"> <span style="font-size: 16px; color: #000;">Карта районов Москвы с бесплатным выездом мастеров!<br /> <span style="text-transform: uppercase;">(Нажмите, чтобы …

    Asked by EvilDoom,

    0 votes
    6 answers

  22. Меню на сайте билайна

    Не могу разобраться, как собрано меню на сайте билайна http://mobile.beeline.ru/msk/index.wbp Скопировала стили и часть html, но локально выпадающие пункты не работают (в смысле не выпадают), и пунктики меню не подсвечиваются при наведении мышкой. Из оригинала на странице убрала все скрипты (через Inspect Element), оставила только часть с меню, там работает...

    Asked by maritca,

    0 votes
    7 answers

  23. Help! Не понимаю, почему текст вылезает вправо

    На одной странице тексты выводится нормально, на другой без переносов вылезают за правую границу Здесь норм: Главная Здесь вылезает вправо: Страница новости CSS один и тот же, шаблон тоже... Почему оно лезет вправо??? Перепробовал уже версии с white-space, word-wrap и добавлял float контенту...

    Asked by ershov.ilya,

    0 votes
    4 answers

  24. Не помешала бы помощь.

    Возможно ли сделать мгновенное затемнение и если можно то как?

    Asked by Bitaller,

    0 votes
    1 answer

  25. При зуме в Chrome появляются лишние пиксели

    Доброго времени суток! Есть следующий код html: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/style.css" /> <!--[if lt IE 9]> <script> var e = ("article,aside,figcaption,figure,footer,header,hgroup,nav,section,time").split(','); for (var i = 0; i < e.length; i++) { document.createElement(e[i]); } </script> <![endif]--> <script> function hide_input_value(iv) { if (iv=="Search website") { document.getElementById('field_search').value=""; } } function show_input_value(iv) { if (iv=="") { docu…

    Asked by zodcyi,

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