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. стили для скролла

    есть ли на данный момент хоть какой нибудь кроссбраузерный способ изменить стиль скролла в div'е? с помощью css или javascript. уже очень давно бьюсь, в интернетах нашел только для ie 6+, но мало кто нынче пользуется ie. заранее спасибо

    Asked by Wertmax,

    0 votes
    2 answers

  2. Стили для ссылок

    Добрый день. Почему не подтягиваются стили для ссылок? <div class="nav"> <a href="#">1</a> <a href="#">2</a> </div> .nav a{ color=orange; } .nav a:visited{ color=orange; } .nav a:active{ color=orange; }

    Asked by Ubhra,

    0 votes
    2 answers

  3. Стили для фрейма

    Ситуация такая. Я открываю во всплывающем окне (фрейме) страницы другого сайта. Список ссылок этих страниц берется из rss сайта. Вопрос. Могу ли я использовать свои стили для сайта который показывается во фрейме? И если могу, то как?

    Asked by Tchorteg,

    0 votes
    3 answers

  4. Стили для частично изеняющегося ID блока

    Приветствую. Подскажите, как для блока с изменяющимся ID прописать единый стиль. Поясняю: Имеется блок <div id="div-gpt-ad-1485257279370-0"></div> и цифры могут принимать различные значения, неизменным остаётся только "div-gpt-ad-", вот, как для такого блока можно задать стили css?

    Asked by Lapot,

    0 votes
    9 answers

  5. стили для четных/нечетных строк

    следующий код нормально отображается мозилой: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css"> TR[class=even] TD { background: #FF99FF} TR[class=odd] TD{ border: 4px solid #FFCCFF;} </style> </head> <body> <table cellspacing="3"> <tr class="odd"> <td>Нефть</td> <td>43</td> <td>51</td> <td>79</td> </tr> <tr class="even"> <td>Золото</td> <td>29</td> <td>34</td> <td>48</td> </tr> <tr class="odd">…

    Asked by jump,

    0 votes
    12 answers

  6. Стили и скорость загрузки

    Допустим есть несколько файлов css,в которых переопределяется фон элемента,причем используется одна и та же картинка.Или одна картинка указывается отдельно для разных элементов.Влияет ли это на скорость загрузки?Картинка при этом загружается один раз или каждый раз при обращении?

    Asked by user,

    0 votes
    8 answers

  7. стили картинок в джумле

    Кто знает почему стили для картинок не работают в джумле? Сделал шаблон, все стили работают, а для картинок не работают. В файле temlates.css определены. Смотрел в коде генерируемой страницы, джумла им сови классы не присваивает, стоят мои, а свойства не меняются. Например обводка картинок не работает.

    Asked by SoFuWa,

    0 votes
    5 answers

  8. стили ко всему кроме input file

    select,textarea,input {} есть такое.. как сделать, чтобы применилось ко всем элементам кроме input file?? заранее спасибо

    Asked by vvsh,

    0 votes
    11 answers

  9. Стили не отображаются в ИЕ

    Что делать? что-то уж сильно ужасно даже в 8 выглядит http://site.druzhina.org/ судя по сайтам проверки отображения в разных браузерах вплоть до 8 выглядит ужасно, в 9 как и должно быть

    Asked by AquaGen,

    0 votes
    3 answers

  10. Стили не полностью загружаются в ИЕ7

    При загрузки страницы с сервера блоки на странице отображаются то правильно, то неправильно. При чём неправильность может быть разная. Если подряд понажимать F5, то результаты могут быть разными. Хорошо видно, что при этом все прописанные в коде блоки присутствуют на странице. Но их оформление и расположение (то есть то, что описывается в стилях) рандомно глючит. То есть очевидно, что не полностью загружаются стили. Проявляется это только в ИЕ7. Может кто-то сталкивался с такой проблемой и есть варианты решения?

    Asked by RoleXXX,

    0 votes
    6 answers

  11. Стили с одной страницы

    Нужно ли выносить стили, которые используются только на 1 странице в общий css файл?

    Asked by apexis,

    0 votes
    2 answers

  12. Стили смешиваются

    Делаю сайт и задался вопросом как создать мобильную версию. Нашел что с помощью Media Queries можно реализовать. Но вот когда я подключаю стили и захожу на мобильную версию, то сайт выглядит плохо так как стили перемешиваются вместе, а по идеи они должны отключаться. Например мы зашли на мобильную версию, то style.css должен отключиться, а так не происходит, кто может сказать в чем дело? <link rel="stylesheet" media="only screen and (min-width: 100px) and (max-width: 10000px)" type="text/css" href="style.css"> <link rel="stylesheet" media="only screen and (min-device-width: 32px) and (max-device-width: 10000px);" type="text/css" href="style_mobile_v2.css"> Ср…

    Asked by seregan,

    0 votes
    0 answers

  13. Стили ссылок

    Вопрос по стилю ссылок - больше направленный на стиль ссылок-картинок У меня в style.css стиль ссылок такой: a { color: #76d074; } a:hover { color: #ff4a4a; } ну и соответственно, в коде страницы непосредственно <a href="xxx"><img src="xxx"></a> так вот в мозиле все ок, в Опера живет своей жизнью - как хочет показывает, IE - вообще синюшные какие-то. Так вот. Вопрос таков - можно ли сделать их одинаково зелеными? сайт www.zhivoyfest.ru

    Asked by Patriot_spb,

    0 votes
    2 answers

  14. Стили ссылок

    Есть контейнер <div id="cont"></div> в котором вывожу основной контент сайта. Есть css div#cont a {стиль для ссылок}. Мне потребовалось для некоторых ссылок другое отображение и я этим ссылка присвоил class="cat". Но сcs a.cat {стиль для ссылок} не срабатывает. Т.е стили ссылок с классом не меняються.

    Asked by spatlet,

    0 votes
    2 answers

  15. Стили таблицы - строки и столбцы

    У меня есть примерно такой код: <table> <col class='id' /> <col class='name' /> <col class='info' /> <tr class=odd> <td>1</td> <td>Пупкин</td> <td>...</td> </tr> <tr class=evn> <td>2</td> <td>Иванов</td> <td>...</td> </tr> <tr class=odd> <td>3</td> <td>Петров</td> <td>...</td> </tr> <tr class=evn> <td>4</td> <td>Сидоров</td> <td>...</td> </tr> </table> Я могу определить цвет фона чётных и нечётных строк, задавая его через классы odd и env…

    Asked by erelen,

    0 votes
    5 answers

  16. Стили тегов для определенного div

    Как задать стиль для всех абзацев отдельно взятого div?

    Asked by apexis,

    0 votes
    3 answers

  17. Стили, контент с прокруткой в рамке

    Во-первых, Большое Спасибо за статьи на этом ресурсе! То, что мне сейчас нужно, очень похоже на "Двухколонный макет с навигацией слева" но, к сожалению, я не очень понимаю как сделать чтобы контент справа в рамке, *не* добавлял ко всей странице вертикальной прокрутки даже если он не умещаяется по высоте страницы. Прокрутка должна быть у самого бокса, в котором контент. Это можно сделать без фреймов? Подозреваю что вопрос примитивный, но вс? равно надеюсь на помощь

    Asked by Enemy,

    0 votes
    2 answers

  18. Стилизация <textarea>

    Здравствуйте! Имеется textarea - https://jsfiddle.net/f7xx5ewb/ По умолчанию у нее есть ресайз и при более чем двух строках текста (это прописано в атрибуте) появляется скролл. Подскажите, пожалуйста, как сделать так, что бы ничего не появлялось, а просто с каждой строкой опускался бордер textarea - так, как на картинке. Заранее благодарю за помощь!

    Asked by volshebnyi,

    0 votes
    5 answers

  19. Стилизация BOOTSTRAP

    Вопрос в следующем. Начал изучать данный фреймворк и, собственно, на нем верстаю один проект. Мне не всегда хватает встроенных в него стилей и некоторые не подходят под мой проект. Если я создам свой файл стилей и буду там переопределять их. Это правильный подход? Или есть другой выход выход из ситуации и я не до конца понял суть фреймворка? Например нет встроенных стилей для футера и т. д.

    Asked by BirviZ,

    0 votes
    1 answer

  20. Стилизация css селекторами кнопок next и prev

    Есть разметка пагинации. <div class="pagination"> <a class="page-btn page-btn-prev" href="#">Предыдущая</a> <a class="page-btn current-page" href="#">1</a> <a class="page-btn" href="#">2</a> <a class="page-btn" href="#">3</a> <a class="page-btn page-btn-next" href="#">Следующая</a></div>Можно ли как-то прятать/делать видимыми page-btn-prev и page-btn-next в зависимости от позиции current-page используя css селекторы? Если вторая ссылка с классом current-page - не показывать page-btn-prev Если предпоследная ссылка с классом current-page - не показывать page-btn-next Вот так начал .pagina…

    Asked by grafnet,

    0 votes
    3 answers

  21. стилизация input file

    как такое стилизовать http://hostingkartinok.com/show-image.php?id=00d420d7e15eca8512e81311514697bc чтобы при нажатии на это вылазила окно с выбором файла. я замаскировал стандартный input file над тем который нужно. везде работает отлично, но только в ie косяк, надо 2 раза кликать. как решить нормально эту проблему?

    Asked by raptor-dm,

    0 votes
    2 answers

  22. Стилизация input type и его превью

    Мне надо было стилизовать input type, и что бы после загрузки, показалась превьюшка, я искал готовые решения, но они были какие-то очень большие, некоторые даже подключают большой css файл ratchet.css. И я решил написать свой решение, хороший ли это способ? https://jsfiddle.net/w30shtu9/ Скрытый текст <div class="wrap"> <div> <img src="" class="img-circle" id="theImage"> </div> <input type="file" id="photoInput"> <button class="addImg">Доб. Изображение</button> </div> Скрытый текст .wrap {border: 1px solid; width: 500px;} #photoInput { display: no…

    Asked by DivMan,

    0 votes
    2 answers

  23. стилизация input type="file"

    стилизация input type="file" - как можно сделать??? Совсем не устраивает стандартное отображение, и по разным браузерам - по разному отображается.

    Asked by Aerrt85,

    0 votes
    2 answers

  24. Стилизация input type="search"

    У input type="search" не получается задать фон, у "text" нормально задаётся. Это так и задумано или просто браузеры ещё не доросли? Ну или у меня руки не оттуда?

    Asked by Gaspode,

    0 votes
    2 answers

  25. Стилизация select

    Пытаюсь подобрать библиотеку для стилизации select Не могу найти ничего более-менее приемлемое. Много из перебранных плагинов не поддерживают выбор клавиатурой, есть через навороченные. Вот, например, это http://select2.github.io/select2/select-2.1.html бы подошло, но проблема в том, что не знаю как убрать поле поиска, которое отображается при открытии селекта. Может кто-то скажет, как можно его убрать (понятное дело через стили можно скрыть) но нет ли штатного способа. Или может посоветует другой плагин, безо всех там jQuery UI и прочих тяжелых навороченных библиотек. -- Стилизацию через CSS без js рассматривал, но не очень красиво получается. так как выпадающая область …

    Asked by ekkl,

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