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://labs.juliendecaudin.com/barousel/#ba_demos в html пишу <div id="any_id" class="barousel"> <div class="barousel_image"> <!-- image 1 --> <img src="image_1.jpg" alt="" class="default" /> <!-- image 2 --> <img src="image_2.jpg" alt="" /> <!-- image xx --> <img src="image_xx.jpg" alt="" /> </div> <div class="barousel_content"> <!-- content 1 --> <div class="default"> [any html content] </div> <!-- content 2 --> <div> [any html content] <…

    Asked by DivMan,

    0 votes
    6 answers

  2. "Лишняя" остаточная ширина блока при переносе слов на новую строку

    Пример: http://jsfiddle.net/cqm1Lnhg/ При переносе не помещающихся слов на новую строку (внутри блока) ширина блока не до конца подстраивается под ширину своего контента. Как добиться, чтобы в приведенном примере не оставалось дополнительного пространства в блоках справа от текста? Таким образом я хочу сделать пункты меню. Они должны быть плавающей ширины (зависящей от контента), и с ограничением по ширине (max-width). Таблицу не предлагать...)

    Asked by Squidward,

    0 votes
    5 answers

  3. И снова z-index в ie8-9

    В ie8-9 Элементы с классом m-pointer находятся уровнем ниже main-img. Z-index не помогает при том, что элементы позиционированные. ...... <div class="m-pointer p1" id="p1"></div> <div class="m-pointer p2" id="p2"></div> <div class="m-pointer p3" id="p3"></div> <div class="m-pointer p4" id="p4"></div> <div class="m-pointer p5" id="p5"></div> <div class="m-pointer p6" id="p6"></div> <div class="m-pointer p7" id="p7"></div> <div class="m-pointer p8" id="p8"></div> <div class="m-pointer p9…

    Asked by gekas,

    0 votes
    2 answers

  4. Радуга обрезается

    Почему, если сузить окно браузера, то радуга обрезается? http://cssdeck.com/labs/pchbsooc

    Asked by DivMan,

    0 votes
    2 answers

  5. выпадающее меню

    Помогите сделать так что бы при наведении на профиль менюшка выпадала по верх контента а не отодвигала его... мучаюсь не могу, начинающий от роду неделя) архив.рар

    Asked by Laroxx12,

    0 votes
    4 answers

  6. Подменю

    Здравствуйте. проблема такова: Необходимо что-бы пункты подменю выравнивались по горизонтали (в одну строчку что-бы были все). Ставлю элементам float: left; но каждый элемент на новой строке все равно. 0_о При чем такое поведение только если у блока подменю position: absolute; , а нужен именно absolute, т.к. должен быть dropdown http://jsfiddle.net/yo333fo9/

    Asked by betmakh,

    0 votes
    3 answers

  7. Не стягивается блок

    Парни в общем надо мне ваш совет с блоками Шевченка) Вот я даже сюда их выложил что бы было понятней немного. http://jsfiddle.net/t2noj9LL/ Баг в том что при меньшом разширении они заплывают в сторону. http://hostingkartinok.com/show-image.php?id=9f108ec46c10824ab7d096ca02b5e7fdhttp://hostingkartinok.com/show-image.php?id=f26013f5f8eb2dc84e4460ec2baf08abА должны при любом раскладе быть с права!!!К сожалению на сайте показать не могу,так как там нету!Спасибо...

    Asked by vitaxastifler,

    0 votes
    17 answers

  8. Выравнивание по центру

    Здравствуйте. Помогите выравнить блоки/шторки по центру. Скриншот: Нужно что бы эти блоки были по центру. Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Красивые шторки</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.easing.1.3.js"><…

    Asked by Markelok,

    0 votes
    8 answers

  9. Blur не работает в IE10

    Привет, Проблема следущая использую фильтр blur на картинку, но в IE10 не работает. Много гуглил но решения не нашел. Может кто-то знает готовое решение или подкинет линку с мануалом.

    Asked by Justtie,

    0 votes
    1 answer

  10. [Теория] Разница между адаптивной страницей и страницей с различными стилями

    Уважаемые гуру, нужно ваше мнение: Что "лучше"-"предпочтительнее", сайт с адаптивным дизайном или сайт с различными стилями, работающими в зависимости, от необходимости?

    Asked by master-kyk,

    0 votes
    6 answers

  11. Помощь по сетке bootstrap3

    Подскажите, можно ли в bootstrap3 сделать вот такую сетку средствами css, без js?

    Asked by armid,

    0 votes
    1 answer

  12. svg - как включить текст к rect, circle и т.п.?

    Затеял тут сделать простой редактор схем процессов. И подумал, чтобы линии в месте пересечения полукругом друг друга огибали сделать всё на Svg. И кажется так в дальнейшем будет больше преимуществ. Без svg всё просто стрелочки бы тоже дивами рисовал (там мона и треугольнички дивами к ним приделать... по большому счёту можно и полукруги сделать ..) Вот например, как я таскаю див и текст в него могу вбивать: http://jsfiddle.net/5g55uyjn/1/ А вот с svg начались непонятки. Но совершенно не понял, как тупо текст внутрь rect или внутрь circle поместить. А потом таскать это одним махом... Думал просто можно текст вставить... Нельзя вроде... Думал для этого <g> служит..…

    Asked by eugen35,

    0 votes
    2 answers

  13. Можно ли реализовать такое на чистом css?

    http://take.ms/g973S Реально реализовать такое на чистом css? Любой способ... Была идея светлую картинку затемнять прозрачным темным слоем через псевдоэлемент, но как потом кругом снова засветить? Как такое можно реализовать?

    Asked by vladmih,

    0 votes
    16 answers

  14. Планшет, спрятать меню вверху страницы

    Здравствуйте подскажите оттягивая пальцем страницу вниз на телефоне в браузере должно открываться закрытая область туда например можно спрятать меню подскажите как такое можно сделать...

    Asked by AlexBabievCom,

    0 votes
    0 answers

  15. Разобраться с блоками

    Здравствуйте никак не могу разобраться с блоками при наведении мыши, А точнее указать размеры и поля, у блоков есть тень она считается при указании размеров? Подскажите) У меня на странице блоки при наведении разъезжаются <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <link rel="stylesheet" type="text/css" href="StyleSheet.css" /> <title></title></head><body> <div class="wraper"> <div class="block_news"> <div class="box_music"> <a href="#"> <img src="images\marilyn_manson.png" alt="Mari…

    Asked by wariorswars,

    0 votes
    1 answer

  16. меню на hover -2

    подскажите как сделать чтоб при наведении у выпадающего меню был отступ и оно не исчезало.? Спасибо. http://selfmaker.biz/oleg/polulux.html Ставлю ul.menu-nav{ padding-top:10px } не работает!

    Asked by mrfrunze,

    0 votes
    5 answers

  17. выпадающее меню

    Доброе время суток! Сделал выпадающее меню (html+css), но когда выпадает список, он прячется за фоновой картинкой контента. Как сделать что б меню было сверху? Все файлы залил на filestore index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Форсаж</title> <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen"> <link rel="stylesheet" type="text/css" href="css/style.css" media="screen"> </head> <body> <div class="main-bg"> <div class="bg"> <header> <div class="main"> <div class="wrapper"> <h1><a href="index.html"></a>&l…

    Asked by GstarMax,

    0 votes
    9 answers

  18. меню на hover

    Добрый день, подскажите почему меню не выезжает на hover. и как сделать отступ между главным меню и меню которое появляется при ховере. Спасибо. Помогите понять истину ))) http://jsfiddle.net/mrfrunze/aucbf8sn/

    Asked by mrfrunze,

    0 votes
    7 answers

  19. Как же сделать такую таблицу

    рисуно прилагается

    Asked by romoga,

    0 votes
    1 answer

  20. Длинный фон

    Добрый день. Подскажите как сделать длинный фон, точнее два фона) То есть что бы после первого фона, продолжался сразу второй) Пример

    Asked by kirill1059,

    0 votes
    5 answers

  21. пагинатор на jQuery

    Вечер добрый требуется реализовать переход по страницам каталога внутри одной страницы, решил пока не лезть к Ajax, а воспользоваться jQuery - сама панель навигации должна иметь вот такие элементы: вот здесь http://www.webmasters.by/articles/review-po/2538-jquery-pagination-plugins.html искал подходящий плагин, есть более-менее подходящие, но мне нужен именно такой порядок навигационных элементов, плюс оформить сами элементы согласно макету. а какие изменения/доработки вносить в код скрипта, чтобы разместить навигацию именно так - представляю смутно, т.к. в jquery я нуб. по-этому прошу помощи - было бы неплохо получить ссыль на урок, где рассказано, как самому добавлят…

    Asked by orange_juice,

    0 votes
    4 answers

  22. LESS

    Нашёл статью про less и в ней говорится, то что он значительно упрощает код. С этого .border_radius { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}Сократили до вот этого .border_radius(@radius){ -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius;}Здесь же намного больше символов, чем было. Вот эта статья http://maxsite.org/page/pochemu-nuzhno-izuchat-less

    Asked by DivMan,

    0 votes
    7 answers

  23. В чем ошибка?)

    Ребята, голову ломаю уже час, не могу понять где ошибка, помогите найти. http://jsfiddle.net/56soLzL7/show/ Кто не знает как перейти в режим редактирования кода - просто удалите /show/ с конца ссылки. Так вот, в OsX сафари вообще не хочет отображать мое скрытое меню (наводим на пункт HOVER HERE). А вот google chrome (на windows) ведет себя иначе Если наводить на пункт двигая мышкой снизу (с пункта 5) вверх - все нормально открывается и показывает. А вот если наводить сначала на статью которая справа, потом оттуда попытаться наводить на пункт меню HOVER HERE, то видна какая то задержка непонятная..Подозреваю все дело опять в backface-visibility и transform3d, только …

    Asked by Нарек,

    0 votes
    1 answer

  24. Прозрачность

    Как сделать #p_wrp не прозрачным? Значение z-index не помогает #p_wrp { background-color: #000000;height: 300px;width: 100%;}#con {opacity: 0.9; filter: alpha(Opacity=70); z-index: 2;height: 300px;width: 100%;}<div id="con"><div id="p_wrp"></div></div>

    Asked by SLameN,

    0 votes
    1 answer

  25. Выделение текста внутри псевдоэлементов.

    День добрый. .mh46{ display: block; position: relative; width: 235px; padding: 3px; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); margin-top: 8px;}.mh46:before{ content: " "; position: absolute; border: #e1e1e1 solid 1px; border-radius: 5px; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left;}.mh46:hover{ background: #EFEFEF;}.mh46:hover:before, .mh46:focus:before, .mh46:active:before { top: -8px; right: -8px; bottom: -8px; left: -8px;}Сделал блок DIV с тестовым содержимым…

    Asked by sergey032,

    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