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. Список, обтекающий картинку - невозможно?

    Нереализуемо через UL?

    Asked by Zverushka,

    0 votes
    2 answers

  2. Safari не рисует линии градиентом

    Приветствую! Safari 5.1 и Safari 6 не рисует градиентом линии внизу блоков header и form. Синтаксис как здесь https://developer.ap...008032-CH10-SW1, но всё равно не работает. В чём тут дело? http://cssdeck.com/labs/full/iavhhilc

    Asked by Johnney,

    0 votes
    1 answer

  3. Устранение ошибок верстки

    Добрый день, помогите, пожалуйста, не спецу устранить некоторые ошибки шаблона, которые не проходят валидацию, верстальщик куда-то пропал вот и приходится самому. В<head></head> есть такой тег: <link href='http://fonts.googleapis.com/css?family=Lobster&subset=latin,cyrillic-ext,latin-ext,cyrillic' rel='stylesheet' type='text/css' /> который дает кучу ошибок при проверке кода. Есть ли какая возможность, написать эту строку так чтобы она не выдавала ошибок и без потери ее назначения. Заранее всем спасибо. Сайт сверстан на: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">…

    Asked by Chapman,

    0 votes
    3 answers

  4. верстка под все разрешения

    Я вот при верстке часто задаю себе вопрос, и постояно не знаю как решить! Как же верстать под все разрешения экрана... Вот опять начал верстать и опять бах немогу сделать у меня так у других по другому! Может скажет кто? в принципе вот: http://jsfiddle.net/H2hMq/ (P.S не знаю почему но radikal уберает прозрачность (вроде не было такого) у меня смотрится нормально без этих отступов тд.. впрнципе вот 2 примера Как выглядит оригинал: http://s020.radikal.ru/i720/1310/87/279584d85b4c.png Как показывает у меня: http://i019.radikal.ru/1310/aa/6e65cecb9c4a.png Вот как то так!

    Asked by BSandro,

    0 votes
    2 answers

  5. Выравнивание текста в пределах элемента

    Добрый день!Как сделать что бы текст нормально выравнивался под слайдером http://i59.fastpic.ru/big/2013/1101/88/d0aa8da9467efb04ff20076cdeab6988.jpg код htnl и css http://jsfiddle.net/ygwJy/

    Asked by denisok,

    0 votes
    1 answer

  6. пропорции шрифтов в bootstrap3

    скажите пожалуйста умеет ли bootstrap3 пропорционально изменять размер шрифта при изменении ширины экрана? размер изображений, например, умеет(для этого изображение должно иметь класс img-responsive)

    Asked by cyklop77,

    0 votes
    4 answers

  7. Подогнать под шаблон CSS

    один и тотже скрипт но в шаблоне отображается по другому

    Asked by lev99,

    0 votes
    0 answers

  8. Это что за элемент?

    Это что за покемон элемент? Я оформила через dl dt dd, также похоже на таблицу. А как вы считаете, какой элемент здесь должен быть?

    Asked by Zverushka,

    0 votes
    10 answers

  9. Давайте обсудим проблемы шрифтов и сервисы их генерации

    В последнее время шрифты вынесли мне все мозги. Давайте запишем сюда все, что мы знаем о проблемах со шрифтами. 1) Вебкит некоторые шрифты криво рендерит - выход, заставить его отображать первым svg 2) firefox не понимает svg, и когда он начинает криво рендерить - почти безвыходная ситуация, хотя мне удалось подключить otf формат, но шрифт выглядел мягко сказать иначе, но зато без зазубрин и обрезания. 3) сервис font-squirrel в режиме оптимизации генерит шрифты без кириллицы (а может лишь некоторые и тогда это баг). 4) Некоторые сервисы, в число которых входит фонт сквиррел криво генеряет eot - выход, генерить с помощью программы на вашем компьютере. 5) Если вы поставили…

    Asked by Zverushka,

    0 votes
    24 answers

  10. Вопрос о поиске элемента(кода) CSS и HTML

    Доброе время суток!Вопрос такой как найти этот код,нужно поменять но не могу найти http://i57.fastpic.ru/big/2013/1031/88/8ddced59787dc435bf9fb6298cbf1288.jpg вот код html и css http://jsfiddle.net/rfNw6/

    Asked by denisok,

    0 votes
    2 answers

  11. Подсакажите как реализовать на сайте что бы отображались картинки в визуальных закладках браузеров

    Люди поскажите как сделать так что бы в Визуальных закладках отображался логотип компании, а не иконка и название домена. Примеры нужно что бы было не как у jQuery а как у HtmlBook

    Asked by abitlord,

    0 votes
    0 answers

  12. Вопрос по таблице

    Добрый вечер. Прошу извинить, если вопрос не там создал. Создаю большую таблицу. Проблема в том, что высота некоторых ячеек больше относительно других ячеек. Проще говоря, вот код (в правой части ячейки выше ячеек из левой части): <table id="mtab" cellspacing="0" cellpadding="0" border="1" style="min-width: 350px; max-width: 2500px; padding: 5px; font-size: 10pt; height: 100%; overflow-x: auto;"> <thead style="height: 10%;"> <tr> <td width="1%" rowspan="3">N</td> <td width="6%" rowspan="3">чЙДЩ ЪБЗПМПЧЛПЧ Ч</td> <td width="1%" rowspan="3">ззз</td> <td align="center" width="auto" colspan="12">рПФТЕВОПУФЙ ПУОБУФЛ…

    Asked by maksimka,

    0 votes
    3 answers

  13. Класс для первого и последнего элемента списка

    Доброго дня! Я знаю что есть псевдоклассы: last-child { ... } и first-child { ... } а так же: first-of-type { ... } и last-of-type { ... } Но они ведь не кроссбраузерны! А вопрос то напрашивается собсно: как? как кроссбраузерно сделать это? Дело в том, что список выводится в цикле, а инфа достается из бд..., это я к тому что смотрел уже в сторону php функций current(); и end(); но они не подходят по причине хотябы того, что массив fetch_array очень объемный, не для этих ф-ций, там надо его сначала разобрать до одномерного, и как я понял, current(); и end(); просто перемещают указатель на элемент, т.е., если я сначала использую current(); а потом end(); то выведет в итоге …

    Asked by rus,

    0 votes
    12 answers

  14. Подскажите пожалуйста. Смена картинки через кнопку

    Добрый день! Подскажите пожалуйста в одном вопросе. Пишу сайт, в нем каталог товаров. Немогу реализовать кнопку или иконку, при нажатии на которую идет смена основной картинки товара. Пример реализации http://bose.ru/catalog/46/508/ Там при нажатии на выбор цвета меняется основная картинка товара. Пытался загуглить, но к сожалению без успешно =( Я как понимаю тут нужно реализовать Javascript? Есть ли способы это реализовать на html + css? Буду очень благодарен за подсказку =)

    Asked by Gazaret,

    0 votes
    4 answers

  15. при изменении размера окна нижний <div> наезжает на верхний<div>

    Всем привет! Подскажите новичку. Длжно быть так: Два блока один привязан к верху, другой к низу экрана, при увеличении окна расстояние между ними увеличивается(так щас и есть), а при уменьшении до определенного размера должен появится скрол. Но min-height не помогает, точнее нижний блок так и остается внизу при прокручивании скрола перекрывает верхний блок. Я так понимаю что я неправильно привязал нижний блок. http://jsfiddle.net/avRPt/2/

    Asked by CyberKatana,

    0 votes
    4 answers

  16. Не могу встроить видео с youtube

    Не могу встроить видео с youtube.. использую iframe из примера http://www.w3schools...tml_youtube.asp все работает, вставлю url любого другого видео..и ничего! Я понимаю,что полнейший нуб и очень надеюсь на вашу помощь..

    Asked by jjhollywood37,

    0 votes
    9 answers

  17. Пятиугольник с фоном

    Друзьяши-поняши, нужна помощь. У нас есть блок в виде повёрнутого правильного пятиугольник, (примерно вот такой) И фон у него должен быть не красный, а картинка размером эдак 1000*1000 пикселей. При этом видимая часть картинки должна ограничиваться гранями этого пятиугольника. Это, я так понимаю, через SVG или canvas надо делать? Я просто ни с тем, ни с другим особо не знаком, решил попытаться сделать на canvas, но застопорился на этапе создания пятиугольника

    Asked by antonKar,

    0 votes
    11 answers

  18. Почему не работает :hover?

    Подскажите пожалуйста? http://cssdesk.com/P2sMn Ранее он работал,но после того как я позиционировал блок с картинкой абсолютно,ховер перестал работать Ховер есть на значке закрытия close-button и нижних белых кружочках (список ul li)

    Asked by Temik2704,

    0 votes
    2 answers

  19. Блок не выравнивается по центру при margin:0 auto;

    День добрый,подскажите почему блок с картинкой не выравнивается по центру при заданном margin:0 auto; ? Все равно остается какой-то отступ справа. http://cssdesk.com/7gteB

    Asked by Temik2704,

    0 votes
    8 answers

  20. Помогите найти скрипт всплывающего окна

    Пример скрипта можно посмотреть на ria.ua - в левом меню при наведении всплывает окно с дополнительными пунктами. Может кто знает где посмотреть подобные скрипты. Нужен похожий скрипт, что бы всплывающее окно было всегда фиксированного размера с возможностью вставки в него хтмл и картинок.

    Asked by alleclf,

    0 votes
    2 answers

  21. Подскажите нужный слайдер

    Добрый день! Подскажите пожалуйста слайдер, который бы работал по следующему принципу: - Есть некий блок с "Новинками" товаров - У каждого товара (внутреннего блока) задана фиксированная ширина (в px) - При уменьшении окна браузера, если то количество товаров, которое было показано первоначально, не влезает в родительский блок, то добавляется еще один слайд (кнопка слайдера), а количество товаров соответственно уменьшается (отступы между блоками товаров должен автоматически выровниться по ширине. Чтобы понять, как это должно работать, можно обратиться к рисунку:

    Asked by Bryant-24,

    0 votes
    1 answer

  22. Страница портфолио

    Прошу помощи!Помогите настроить страницу в которой находятся фото,разбитые по коллекциям,проблема в том что бы коллекции находились на одной странице рядом с друг другом,вот сама страница http://nezhnost-luh.ru/index-5.html вот html и css http://jsfiddle.net/Q7CMz/ вот так надо как на скрине,а пока по одной коллекции слева выводиться.

    Asked by denisok,

    0 votes
    12 answers

  23. Горизонтальное выравнивание блочных элементов

    Здравствуйте. Вот уже несколько лет верстаю разной степени сложности страницы и изучаю различные приемы и методы. Но до сих пор не нашел для себя действительно удобного, идеального метода выравнивания блочных элементов по горизонтали. О чем, собственно, речь. Есть какой-то макет с кучей элементов. И некоторые элементы надо расположить на одной линии по горизонтали, вписав в какой-нибудь фиксированный контейнер. Итак, какие есть способы сверстать такой "макет"? 1. Старые добрые таблицы. Думаю, не нужно объяснять, что "таблицы для табличных данных", и вообще, поддерживать более-менее сложный макет, сверстанный таблицами — очень муторно. 2. Способ классический. Использоват…

    Asked by FRUTALITY,

    0 votes
    14 answers

  24. Подключение шрифтов в Андроид

    Уважаемые коллеги! Умоляю помогите. Завтра сдавать сайт заказчику, а сайт криво показывается в мобильном. Смысл в том, что съезжает вёрстка по той причине, что не подключается шрифт Segoe UI. Точнее на компьютере то везде прекрасно всё подключается и работает, а вот если зайти с телефона то вылетает стандартный шрифт. Это наблюдается как в стандартном андроидовском браузере, так и в хроме так и в опере, и только фаерфокс нормально показывает нужный шрифт. На компе повторюсь всё отлично. Я сконвертировал во все форматы, а фонт фейс прописал вот так @font-face { font-family: Segoe UI; src: url(../fonts/SegoeUI.svg#font) format('svg'), src: url(../fonts/SegoeUI.eot) format('…

    Asked by PavelK,

    0 votes
    6 answers

  25. Предупреждения валидатора meta

    Добрый день. <!DOCTYPE html> <html lang="ru-RU"> <head> <meta charset="utf-8"> <meta name="keywords" content="text/html; Wed, 01 Jan 2020 01:01:01 GMT"> <title>Error 404</title> <link rel="stylesheet" type="text/css" href="css/error_404.css"> </head> <body> </body> </html> Валидатор (http://validator.w3.org/check )выдает предупреждения насчет какой то тестовой функции и что то насчет игнорирования кодировки. Подскажите пожалуйста что ему не нравится? П.С. С кодировкой разобрался, загрузил файлом а не копипастом и убрал <BOM>. Но с чекером по прежнему что то не то (Using experimental feature: …

    Asked by Ururu,

    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