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. Перенос текста внутри тега li

    Возможно ли перенести текст внутри тега li? Пример: компания производители список товаров Нужно чтобы было: компания производители список товаров Задание фиксированой длины списка не подходит, так как все элементы списка должны быть разной длины.

    Asked by invizible9,

    0 votes
    11 answers

  2. Перенос текста при абсолютном позицировании

    В общем искал объяснение в инете, и ничего попутного не нашел. Проблема собственна решена, но не понятна причина. Есть у меня кнопка, которая спозиционирована внутри родительского контейнера абсолютно. Только вот когда, макет у меня ужимается до мобильных разрешений, текст кнопки переносится на след. строку, хотя места вокруг достаточно, для расположения текста в одну линию(на прикрепленном к посту скрине, показано это странное поведение). Проблема, из-за чего возникает такое поведение возникает из-за этих двух строчек: left: 50%; transform: translateX(-50%); если их убрать, то текст кнопки в одну располагается в одну линию. Вот полный пример . Данная …

    Asked by andrew_basta,

    0 votes
    1 answer

  3. Перенос трок в теге <pre>

    Удобно использовать тег , потому что не надо втыкать бесконечное количество переносов строки (там где это нужно)Но проблема заключается в том что если какаето строка сама по себе оч длинная , то и ширина блока создаваемого этим тегам оч длинная(по ширине строки) что растягивает дизайн там где это не нужно .... Подскажите - возможно ли задать фиксированную длину этого блока и если строчка длине, то производился бы перенос на новую строку ( как допустим в div происходит)

    Asked by serega86,

    0 votes
    9 answers

  4. Перенос части текста из первого конейтнер во второй

    Как перенести, часть текста во второй контейнер, если в первом закончилось места, а то текст выходит за границы контейнера? Вот пример: Код <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>HTML5</title> <style> .page {width:100px; height:100px; background-color:yellow;} .page2 {margin-top:-100px;margin-left:100px;width:100px; height:100px; background-color:red;} </style> </head> <body> <div class="page">Привет мир! Привет мир! Привет мир! Привет мир! Привет мир! Привет мир! Привет мир!</div> <div class="page2"></div> </body> </htm…

    Asked by Katerina23,

    0 votes
    3 answers

  5. переносится меню

    Не получается сделать так чтобы меню которое справа, не переносилось на вторую строчку, хочу чтобы оно желательно крепилось к правому краю страницы, под разные разрешения, естественно при уменьшении разрешения пункты оппадают на вторую строчку, омжно ли этого избежать сайт http://formalab.ru файл #header ul { display : block; position : absolute; } ul.menu { position : relative; left : 0; top : 0; height : 51px; padding : 127px 0 0 58%; background : url(../img/flt.png) no-repeat 0 0; background-attachment : scroll; white-space : nowrap; } ul.navigation { top : 149px; left : 95px; } #header ul li { float : left; padding-right : 15px; background-repeat : no-repeat; backgr…

    Asked by Quest182,

    0 votes
    3 answers

  6. переносы строк

    какого.. Г текст вылазит за поля блока а не переносится, все границы указал.. UPD: блин сам прогнал... написал гигантское количество символов без пробелов... хотя и тоды по идее должно переносить... UPD: такое ощущение, что дивы вообще ширену игнорируют..

    Asked by Nekromancer,

    0 votes
    2 answers

  7. Переносятся слова в Chrome

    Добрый день. Подскажите пожалуйста, почему, в Chrome слова которые не помещаются переносятся на новую строчку? В остальных браузерах все нормально. Шрифт такой font: bold 13px/18px Georgia; У блока имеются размеры. Как это исправить? Шрифт уменьшать нельзя как и междустрочный интервал. Спасибо!

    Asked by AndreyB,

    0 votes
    6 answers

  8. Переносятся элементы в div'е при сужении окна.

    Здравствуйте. В диве находятся 3 горизонтальных дива. У всех float:left. При уменьшении размера браузера самый правый элемент переносится на нижнюю строку. Как этого избежать? Сделать типа nowrap.

    Asked by Flake,

    0 votes
    12 answers

  9. переопределение br

    Можно как то высоту между сроками задать которые он переносит?

    Asked by ArtOfHuman,

    0 votes
    1 answer

  10. Переопределение CSS

    Если в первом включаемом файле есть правило .myclass {font-weight:bold;} И во втором включаемом файле есть правило .myclass {font-weight:normal;} То какое правило будет действовать?

    Asked by warobushek,

    0 votes
    2 answers

  11. переопределение размера текста

    скажите пожалуйста есть ли какое-нибудь логическое объяснение такому явлению. так блок .nav_top виден. а так не виден. я же переопределил размер текста в более специфичном тэге...

    Asked by cyklop77,

    0 votes
    1 answer

  12. Переопределение размера шрифта

    Здравствуйте! Наблюдается непонятное поведение html тегов <h1>, <h2> но правильная работа <big>. Существует движок MediaWiki, одной из принципиальных возможностей которого является загрузка собственного файла CSS и соответственно показ общего содержимого в нужном мне оформлении. (как? регимся на например википедии, заходим на свою страницу участника, дописываем в URL в конец (слеш)common.css, правим, обновляем. Это работает.) При этом, существует системный файл (точнее их набор) CSS, который нельзя отменить (как посмотреть? разлогиниваемся и от анонимуса заходим к примеру на http://ru.wikipedia.org/wiki/MediaWiki:Common.css), а можно только переопределит…

    Asked by jpka,

    0 votes
    9 answers

  13. Переопределение свойств в bootstrap?

    Подскажите ребята, нужно переопределять в twitter bootstrap свойства, например .row-fluid .span9? если на моем макете ширина этого блока составляет 68,8%, основная часть, и сайдбар span3 - 26,8%, а в основном файле бутстрапа 75% и 23.4? Как работать с этими колонками, чтоб потом ещё сверстанный макет получился пиксель в пиксель?

    Asked by Sergey410,

    0 votes
    4 answers

  14. Переопределение стилей bootstrap, как правильно

    Наверное вопрос покажется глупым для многих, но как в Bootstrap правильно переопределять стили? Добавляя свой новый класс: <ul class="nav nav-tabs custom-nav-tabs"> <li role="presentation" class="active"><a href="#">Home</a></li> <li role="presentation"><a href="#">Profile</a></li> <li role="presentation"><a href="#">Messages</a></li></ul>.custom nav-tabs { border-bottom: 2px solid #f00;}Или же можно сразу использовать классы bootstrap? <ul class="nav nav-tabs"> <li role="presentation" class="active"><a href="#">Home</a></li> <li role="presentation"…

    Asked by Shiza,

    0 votes
    1 answer

  15. Переопределение стилей в iframe

    Прошу помощи у опытных коллег! Ситуация - на странице подгружается iframe со стороннего сайта. В нем заданы свои стили для элементов, в частности, для одно из них указано - display:none !important Я хочу переопределить стиль вывода этого элемента на своей странице, сделать его видимым. Возможно ли это и если да, то как? Добавление в таблицу стилей на моем сайте описания элемента с таким же id, но с другим стилем ни к чему не приводит - берется все равно стиль из iframe. Подозреваю, что раз стиль в iframe подгружается последним, и там стоит !important - то именно он главный в иерархии, так сказать. Но может быть как-то хитро можно это обойти? Спасибо!

    Asked by rokugan,

    0 votes
    3 answers

  16. Переопределение стилей в адаптивной/отзывчивой верстке.

    Приветствую! Знающие люди, подскажите пожалуйста. Как правильно использовать классы и свойства так, чтобы не было переопределения стилей? Либо хотя бы сократить их до минимума. Если не сложно, приведите пример.

    Asked by massef,

    0 votes
    1 answer

  17. Переопределение стилей штатных INPUT radio и checkbox

    Приветствую! Пытаюсь переопределить стили для штатных чекбоксов и радио без JS Собственно каким образом скрыть сам чекбокс, подозревая что бекграунд отображаеться, но его перекрывает сам чекбокс И еще, что с кроссбраузерностью у данного варианта. <!DOCTYPE html><HTML> <HEAD><TITLE></TITLE> </HEAD> <BODY><SCRIPT type="text/javascript"></SCRIPT><STYLE type="text/css">form{}.label{float: left;margin: 0 0 0 10px;width: 157px;height: 122px;background: #f7f7f7;padding: 3px;position: relative;}label input[type="radio"]{background: url(./Images/form-sprite.png) no-repeat 0 -9999px;width: 21px;height: 21px;floa…

    Asked by Valmon,

    0 votes
    2 answers

  18. переопределение стилей, подключение html файла

    Собственно возник вопрос можно ли переопределить стили подключив не просто css а простой документ Html со стилями... собсвенно что то работает что то нет... кто сталкивался или если где почитать. докумет со стилями для P и для заголвка H1.ex <html > <head> <title>Размещение описания стиля в заголовке документа</title> <style type="text/css"> p {color:darkerd; font-size:9px; text-align:right; } H1.ex { font-weight:normal; font-style:italic; font-size:10px; } </style> </head> <body> <h1 class="ex"> Заголовок первого уровня</h1> <p> Пример описания стиля для стандартного элемента HTML - разметки </p&gt…

    Asked by ProGGGer,

    0 votes
    8 answers

  19. Переопределение цвета в готовом шаблоне

    Доброго времени суток, господа. Имеется Drupal сайт с готовым шаблоном, нужно всего лишь в одной ноде поменять цвет текста в таблице, но как это ни печально не выходит. ссылка на ноду css файл Пытаюсь изменить в ячейке цвет текста "Рабочий телефон" (первая строка) Заранее спасибо всем, кто возьмется разобраться. Понимаю и извиняюсь за css файл с кучей кода, сам не смог найти решения.

    Asked by fast338,

    0 votes
    6 answers

  20. Переопределить цвет ВСЕХ ссылок

    Здравствуйте! Прошу помощи. Требуется переопределить цвет абсолютно всех ссылок, стиль которых определён в html и css, недоступных мне; есть только возможность написания анти-css. Однако, a, * a, * ul a, * li a, * * a, * * * a, html a, body a, p a, td a, th a, ul a, ol a, * p a, * td a, * th a, * ul a, * ol a {color: #00aaff;} - не работает полностью. Но, к примеру, a, * a, * ul a, * li a, * * a, * * * a, html a, body a, p a, td a, th a, ul a, ol a, * p a, * td a, * th a, * ul a, * ol a, #preftoc a, #preftoc li a, #p-personal .pBody ul a, #p-cactions li a {color: #00aaff;} - работает. Но указание каких-либо дескрипторов недопустимо, поскольку когда исходные разработчик…

    Asked by jpka,

    0 votes
    8 answers

  21. Переполнение

    Мне надо, чтобы когда элемент переполнялся появлялся скролл, конечно же в голову пришло overflow: scroll Но тогда, когда элемент ещё не переполнен уже появляется неактивный скролл, который портит всю картинку=) Как убрать этот неактивный скролл?

    Asked by Yahoo!,

    0 votes
    20 answers

  22. Переполнение

    Всем привет, не пойму в чем проблема http://celebration-place.com/new/blog, текс вылазит за границы. Спасибо за помощь! P.S word-wrap: break-word; помогает, но хотелось бы узнать, может в самом коде где ошибка

    Asked by rusmn,

    0 votes
    2 answers

  23. Переполнение блока

    люди, помогите! Бьюсь над проблемой, нич? не помогает. В контенте вылезает строка, хотя она должна переноситься. Оверфлоу пробовал, не помогает, немогу понять, в ч?м дело, уже два дня сижу пустыр?м, проблема висит. Страница: http://fastblogdesing.narod.ru/123/index.htm Кстати, можете дизайн оценить. Но это просто кошмар!

    Asked by Admin,

    0 votes
    3 answers

  24. переполнение ячейки

    Есть табличка простая: 2 колонки. 2-я колонка объединяет все строки первой колонки. Если во второй колонке мало текста, то всё хорошо, но если больше чем может поместится, то таблица увеличивается по высоте, а нужно что бы при переполнении появлялся скрол и таблица не увеличивалась. Нашел один выход, вложил во вторую колонку див, и всё как бы хорошо, НО надо указывать высоту, если не указать, то таблица снова расползёться. А нужно, как раз что бы высоту не указывать в лоб, т.к. строк может быть n-количество. Пробовал указать height: 100% - в ИЕ, как ни странно всё хорошо, а в фоксе плохо, нет там атрибута высота вроде как. Что посоветуете, форумчане, какие мысли решения? …

    Asked by Sober,

    0 votes
    7 answers

  25. Пересекаемые объекты, дивы

    Есть два дива! Первый пересекает область второго! Как сделать, что бы первый див не блокировал содержимое от свойств мыши второго?

    Asked by gargon2008,

    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