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. Картинка в таблице

    Добрый день, уважаемые форумчане! Нужна ваша помощь. Имеется таблица на всю ширину окна, в ней изображение, причем размер может быть различный. Нужно чтобы при ресайзе окна и соответственно таблицы изображения тоже ужимались. Как это реализовать? Окно на весь экран - все ок: http://i024.radikal.ru/1310/3f/cba8b85bf489.jpg А вот так сейчас при сжатии окна - не ок: http://s51.radikal.ru/i131/1310/8a/35287f46f99d.jpg Заранее спасибо!

    Asked by web-monster,

    0 votes
    1 answer

  2. Градиент средствами CSS

    Мне нужно сделать градиент на всю таблицу. Пишу в файле CSS: .gradient { background: #dedede; /* Для старых браузров */ background: -webkit-linear-gradient( bottom, top, #dedede, #ffffff); background: -moz-linear-gradient( bottom, #dedede, #ffff); /* для firefox 3.6+ */ background: -o-linear-gradient( bottom, #dedede, #ffff); /* для Opera 11.10+ */ background: -ms-linear-gradient( bottom, #dedede, #ffff); /* для IE10+ */ } Далее вставляю в теги <table class="gradient"> или <body class="gradient"> Не работает ни в Хроме, ни в ИЕ.

    Asked by Tarik,

    0 votes
    4 answers

  3. Мобильная тема

    Здравствуйте, уважаемые гуру. Возникла проблема с подключением файла стилей для хрома на айфоне. Файл с мобильными стилями должен подключаться в хедере по js проверке на наличие куки. Есть - не подключать, нет - подключать. Условие срабатывает правильно, куки выставляются нормально, css валидный. Но при этом главная страница выглядит мобильно, а при клике по внутренней ссылке переходит на десктопную версию. Если на ней снова кликнуть "перейти на мобильную версию", то отображается нормально, а при клике назад на главную - снова десктопная версия. В сафари на айфоне и на других браузерах/платформах проблем не замечено - только хром на айфоне. Не уверен, что вопрос соответст…

    Asked by wolfenstein,

    0 votes
    1 answer

  4. display: table-cell, table или div

    В огромном множестве макетов можно найти, скажем, несколько изображений в ряд или даже несколько рядов. Или необязательно изображений. По сути это выглядит как таблица, но исходя из логики таблицей не является. Как по мне, то такие моменты удобно делать с использованием display: table, display: table-cell. Какие еще есть варианты для решения такой задачи? И какой из них "правильнее"?

    Asked by binomer,

    0 votes
    4 answers

  5. Изображение в IE10+

    Обрезается изображение облаков по контуру кнопки в IE10+. В остальных браузерах оно выходит за пределы кнопки, как и должно быть. Почему это происходит? http://cssdeck.com/labs/full/a7jvce0r

    Asked by Johnney,

    0 votes
    2 answers

  6. формы в bootstrap 3

    скажите пожалуйста должны ли иметь формы в bootstrap3 какие-нибудь обязательные атрибуты, без которых на телефонах отображаться будут не точно или совсем не будут? например в документации у форм присутствуют такие атрибуты <form role="form"> <div class="form-group"> <input type="email" class="form-control" > ..... ..... их обязательно использовать? у меня нет различных мобильных устройств чтобы проверить

    Asked by cyklop77,

    0 votes
    3 answers

  7. Не могу подключить сторонний шрифт

    Не могу подключить сторонний шрифт, помогите разобраться: body {font-size: 14px; line-height: 1.5; color: #333; background-color: #fff;} a {text-decoration: none;} a:hover, a:focus { text-decoration: none; border: none; } h1,h2,h3,h4,h5, @font-face { font-family: "ProximaNovaExCn-Bold"; src: url("ProximaNovaExCn-Bold.otf"); } h6 { font-family: "ProximaNovaExCn-Bold"; margin: 0px 0 10px 0px; font-weight: normal; line-height: 1,5; color: inherit; text-transform: uppercase;} h1,h2 {line-height: 1.4; letter-spacing: 1px;} h1 {font-size: 40px;} h2 {font-size: 32px;} h3 {font-size: 24px; letter-spacing: 2px;} h4 {font-size: 18px; letter-spacing: 1px;} h5 {font-size: 14px; …

    Asked by froot,

    0 votes
    22 answers

  8. .class:hover .class2 {display:block;} не работает

    http://cssdesk.com/FyH8f Господа,почему при наведении на крестик (класс .close-button) не появляется класс .close-message ? Вроде все верно написал...

    Asked by Temik2704,

    0 votes
    1 answer

  9. Кто-нибудь работал с lpgenerator?

    Кто-нибудь работал с lpgenerator? Что это и как на нем верстать?.... Часто слышу, что требуются верстальщики на этой платформе... Но она платная и как же научиться на ней что-то делать тогда...

    Asked by Zverushka,

    0 votes
    1 answer

  10. Не могу создать кнопку-ссылку. помогите, пожалуйта!

    При нажатии на кнопку, будет открыватся страничка-галерея вот кнопка состоянии нажатом (a:active) Какой принципиальный подход может быть чтоб оформить такую кнопку? Прошу не посылать в гугл и в справочник, я только оттуда, 2 день пробую сделать - не выходит... Пробовал оформить кнопку как 3 разных картинки и как Слово-сслыку с оформленным контуром.... Возможно необходимо решить задачу через тег Button? Где лучше описать дизайн кнопки? в css UL{} или сделать 3 кнопки в ФШ? Так задолбался, что даже не знаю правильные ли я вопросы задаю... Буду благодарен если скажите что куда вписать(основу, а дальше сам разберусь) Кнопка 220пк 100пк, 3 цвета не активная, активная(не нажа…

    Asked by No0bik,

    0 votes
    8 answers

  11. изменение размера шрифта в ie

    научите пожалуйста как можно изменить размер шрифта в <=ie9 в интернетах пишут, что для ie нужно указывать размер в pt или em. + условные комментарии. но это не помогает живой пример к сожалению предоставить не смогу, но проблема очень распространённая. может кто поможет всё таки?

    Asked by cyklop77,

    0 votes
    1 answer

  12. Как убрать промежуток под div?

    http://cssdesk.com/u44mp Как убрать этот пустой промежуток? Как я понял,он возникает из-за круглого div Подскажите пожалуйста как будет правильнее:разбить на 2 блока top(красный с important notice) и bottom(все что ниже блока top) или в главном блоке разместить top и все остальные элементы не засовывая их в div bottom? Заранее спасибо!

    Asked by Temik2704,

    0 votes
    4 answers

  13. Индикатор выгрузки файлов на сервер

    Не судите строго за такой вопрос. Просто хочу уяснить для себя какие технологии существую на сегодняшний момент, и какие устарели. Поиск по этому вопросу часто находит ссылки 5-8 летней давности, далеких 2006-2009 годов. 1) Сам PHP без дополнительных модулей не способен отследить какая часть выгружена. Насколько я знаю, старые скрипты включали либо ПЁРЛ файл, который и отслеживал, либо требовали модуля APC. Недавно наткнулся на вот это http://ru2.php.net/manual/ru/ses...oad-progress.php Насколько я понял, для этого нужна 5.4 версия. 5.4, верно? Ну я думаю. что и не все хостеры, разрешат ставить APC, если нужно. 2) Плагины для jQuery (ну или любого другого ajax фреймворка)…

    Asked by ekkl,

    0 votes
    0 answers

  14. firefox или кривые руки

    Доброго времени! Вот код: http://jsfiddle.net/Z6L4r/ в ff 24 (kubuntu) ссылка Help отображается внизу header-а, хотя должна быть с отступом в 10px сверху (примерно по центру header-а) opera, chromium - все нормально. Подскажите решение, пожалуйста. Спасибо.

    Asked by n3r0bi0m4n,

    0 votes
    1 answer

  15. Добавить в БД данные

    Доброго времени суток товарищи нуждаюсь в вашей помощи в добавление данныйх в БД. Я хомяк начинающий и по этому не знаю как добавить .doc 1. page_one.php_____________________________________________________________ <html> <head> <title>Add</title> </head> <body> <form enctype="multipart/form-data" action="page_two.php" method="post"> <p>Выбирите файл:<br /><input type="file" name="name" /></p> <p>Введите название:<input name="age" type="text" /></p> <input type="submit" value="Загрузить"> </form> </body> </html> Вот что я на мудил 2. page_two.php___________________…

    Asked by rsilaev,

    0 votes
    1 answer

  16. Поиск Гуру верстки!

    Добрый вечер! нужен наставник верстальщик! был бы очень рад если кто нить откликнулся!) ICQ: 419419450 Skype: Naive_nSIk

    Asked by Naive_nSIk,

    0 votes
    4 answers

  17. Подскажите хороший способ задания градиента для текста

    Подскажите хороший способ задания градиента для текста. Насколько я знаю есть плагины на jquery, не вызовут ли они тормозов? (не подскажете неплохой плагин, которым вы пользуетесь?) Прозрачная картинка через span - делает невозможным нормальное выделение текста - верно? Может есть css3 возможность сделать градиент? Если да, то какова кроссбраузерность метода?

    Asked by Zverushka,

    0 votes
    6 answers

  18. Обрезать картинку по высоте

    Столкнулся с проблемой отображения картинок в блоке. Вот состряпал на быструю руку пример http://cssdeck.com/labs/pf43xo0u здесь картинка вылазит по высоте за блок div если ее ограничить по высоте то она сжимается http://cssdeck.com/labs/mxkx6uxy как можно сделать так что бы она обрезалась по высоте а не сжималась? спс!

    Asked by 3d_max_9,

    0 votes
    3 answers

  19. Вставка произвольного текста в textarea (при нажатии кнопки)

    Привет. Есть textarea, описываемая следующим кодом: <textarea name="file_des" cols="116" rows="10"></textarea> Каким образом можно сделать так, чтобы при нажатии определенной кнопки, в данной textarea появлялся текст? По сути, нужен функционал веб-редактора текста с bb-кодами, но: 1. Мне нужна автоматическая вставка html-тегов, а не bb-кодов 2. Функционал готовых систем избыточен, мне нужно буквально несколько кнопок: для вставка переноса строки и форматирования стиля текста. Хотя пробовал подключить CKEditor: загрузил файлы, назначил полю класс ckeditor, но ничего не заработало. Куда копать?

    Asked by bagfinder,

    0 votes
    1 answer

  20. Прогноз погоды

    http://cssdeck.com/labs/r5rpkn... Не понятно почему исчезло расстояние между ячейками, у меня на компе в IE, firefox, chrome имеется это расстояние. Почему так, элементы получились слепленными ?

    Asked by rpmcmerphy,

    0 votes
    7 answers

  21. Подскажите как отцентрировать список относительно дива

    Суть проблемы в том , что я не могу понять как мне отцентрировать списки относительно дива , если они не display:inline, http://cssdeck.com/labs/l9ucg1nj вот код , http://my.jetscreenshot.com/19320/20131028-nwec-63kb а вот скриншот, хочу чтобы так получилось )

    Asked by yogg,

    0 votes
    1 answer

  22. Что рамку вокруг кнопки рисует Opera ?

    В опере последней версии нашел такой сюрприз, рисуется черная рамка вокруг кнопки, я ей пробовал назначать outline:0, border:none, что-то ни одно из этих свойств не помогло, изза чего то ?

    Asked by ilyas,

    0 votes
    8 answers

  23. ключевое слово transparent - какова поддержка браузерами?

    Допустим я задаю цвет для шрифта или чего-то другого через transparent (color: transparent) - какова поддержка браузерами этого ключего слова? Какие поддерживают, какие нет?

    Asked by Zverushka,

    0 votes
    4 answers

  24. Почему исходный код отличается от кода в консоли?

    Если открыть страницу и посмотреть ее исходный код, то выдает следующее <!doctype html> <html> <head> <meta charset="utf-8"> <link href="view/skin1/css_core.css" rel="stylesheet" type="text/css" /> <title>Franc!</title> </head> <body> <!--[if lt IE 9]> <script> document.createElement('header'); document.createElement('nav'); document.createElement('section'); document.createElement('article'); document.createElement('aside'); document.createElement('footer'); </script> <![endif]--></body> </html> Но если открыть консоль, то видим вот такое: Объясните мне, пожалуйста…

    Asked by Bizon4ik,

    0 votes
    2 answers

  25. Сверстать для смартфона

    http://jsfiddle.net/ceA3n/ на компе все окей а на мобиле полосы на картинку налезают как можно такое сверстать?

    Asked by cnx.faeton,

    0 votes
    1 answer

  • Обсуждения

    • 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