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. Display none

    Друзья, подскажите пожалуйста, использую плагин JScrollPane для стилизации скроллбара. Всё настроил, работает хорошо, но... проблема в том, что этот скроллбар должен быть в выпадающем окне, и открываться по клику на ссылку. Как только я задаю блоку display: none, и открываю его по клику ссылке, скролл исчезает и блок себя ведёт как при свойсте overflow: hidden, простыми сломави контент просто обрезается. Если display: none убрать, и нажимать на ссылку блок открывается и закрывается при этом скроллбар на месте. Подскажите хотя бы в какую сторону смотреть. Возможно что-то нужно изменить в скрипте. window.onload= function() { document.getElementById('toggler')…

    Asked by brezze,

    0 votes
    3 answers

  2. Display None прогружается при загрузке страницы?

    Есть например два слайдера. Один виден всегда с помощью @media, если ширина экрана больше чем 900, а другой в это время display:none; И наоборот соответственно. Но при загрузке страницы загружаются оба слайдера?

    Asked by Alarr,

    0 votes
    11 answers

  3. Display run-in

    Доброго времени суток! В общем проблема маленькая и думаю даже свои коды на эту тему выкидывать не буду... Суть такая. Есть меню UL LI с горизонтальным отображением. Меню без излишней графики. В отображение LI ссылок использован параметр DISPLAY: INLINE . Во втором уровне меню LI UL LI, для вертикального отображения текста, был использован параметр DISPLAY: RUN-IN Во всех браузерах, эффект достиг за мысленного, а вот в Firefox нет. Посмотрев таблицу совместимости, обнаружил, что FF не поддерживает сей параметр . Вопрос: Как иным способом заставить Firefox понимать, что во втором уровне меню DISPLAY: INLINE использовать не надо?

    Asked by oscora,

    0 votes
    2 answers

  4. display и position

    Не совсем понимаю как в css правильно, и зачем использовать display и position. Я знаю что свойство display придает элементам свойство блоков и что то в этом роде. А как этим правильно пользоваться не совсем понимаю. Подскажите неплохой материал на эту теме. Спасибо.

    Asked by Simel,

    0 votes
    4 answers

  5. display: blick - для меня загадка

    здрасте делаю список, фоном делаю картинку, все как бы понятно, но на этапе добавления display:dlock все плывет в IE появляются загадочные пробелы между элементами спаска может кто знает в чем дело спасибо заранее вот код _________________________________________ <html> <head> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="left"> <p>tili tili, trali-vali</p> <ul id="menu"> <li><a href="index.html"> home</a></li> <li><a href="index.html"> ueber uns </a></li> <li><a href="index.html"> team </a></li> <l…

    Asked by katrin_qq,

    0 votes
    4 answers

  6. display: block по нажатию на radio

    Здравствуйте! Будьте добры, подскажите пожалуйста как сделать такую вещь... Есть два радио переключателя. Если выбрать один то определённый div у которого был display none становится display block, если нажать на другой то первый блок должен снова становиться display none а новый уже display block. Мне нужен самый примитивный вариант реализации такой вещи. Я искала но находила примеры с jQuery но грузить всю библиотеку для такой простой вещи как то не хочется - это не правильно. Спасибо!

    Asked by Anechka,

    0 votes
    1 answer

  7. display: inline

    Всем доброго времени суток! Есть такой код Промежуток между тегами li насколько я понимаю из-за табов и пробелов?!. Первые 2 li идут без пробелов и табов и проблемы нет. Но как без изменения HTML кода, средствами CSS убрать эти отступы ? P/S. Интересует как избавиться от отступов именно в такой ситуации. Если что, то я имею представление про float: left и т.п.(вместо display: inline)

    Asked by Arthur,

    0 votes
    5 answers

  8. display: inline с padding на следующей строке

    Здравствуйте! Необходимо залить фон текста по его ширине каждой отдельной строки. То есть, есть у меня заголовок в блоке, который не влезает по ширине, часть заголовка переносится на следующую строку. Но необходимо, чтобы заливка была только по ширине текста а не по ширине всего блока, по типу выделения текста курсора. Как это сделать я разобрался - display: inline. Только есть одна проблема - padding. Он установлен слева и справа, вот только вторая и последующие строки его не имеют, так как это единая строка и отступ будет только вначале и в конце. Можно как-то сделать, чтобы отступ был и на следующих строках. Понять сложно, поэтому прилагаю иллюстрацию

    Asked by Torawhite,

    0 votes
    11 answers

  9. display: none ?

    delete

    Asked by Struggle,

    0 votes
    2 answers

  10. display: none & visibility: hidden управление через JS

    есть невидимый дивный блок, который который становится видимым при наведении на другую картинку срабатывает действие onMouseOver="document.getElementById('text').style.visibility = 'visible'" блок: <div style="visibility: hidden;" id=text>...</div> всё работает. стоит только поменять на : <div style="display: none;" id=text>...</div> и действие MouseOver="document.getElementById('text').style.display = 'none / block / и т.п'" ничего не работает. почему?

    Asked by b1ow,

    0 votes
    1 answer

  11. display: none в разных браузерах

    Здравствуйте всем. Есть такой код <div style="display:none"> <img src="pict01.gif" /> </div> В ie6 работает нормально, а в опере 9 картинка все равно отображается.. Неужели в опере стили не наследуются от своего родителя? Спасибо!

    Asked by a_web,

    0 votes
    3 answers

  12. display: none и поисковый робот

    Здравствуйте. На сайте имеется некоторый блок (div) в который рандомно выводится текст из базы mysql посредством php-запросов. Так как тексты для базы данных не готовы, там пока что выводится "рыба" (типа: текст1... бла-бла-бла.. и тд.) Для того чтобы не смущать посетителей сайта решили этот блок временно скрыть, установив в css-свойствах этого блока display: none. Вопрос. С точки зрения поисковых роботов не будет ли это считаться как нарушение? Я где-то читал, что на сайте не должно быть текстовой информации невидимой посетителю, но видимой для роботов, например, белый текст на белом фоне, и за такие приемы сильно "наказывают". Не будет ли такой прием (display: none) рас…

    Asked by dmifed,

    0 votes
    16 answers

  13. display: none не работает на хостинге

    Здравствуйте! http://nds.nika-llc.pw/ Проблема следующая. Друг попросил адаптировать под мобильные устройства сайт. Все работает, НО: На главной странице есть заголовок, который масштабируется. И на маленьком экране просто исчезает. Я решил сделать просто: сделать скриншот экрана и добавить его вместо текста, который не получается масштабировать. Логика такая: на большом экране текст работает, видео фоном тоже. На маленьком экране видео и текст отключаются (display: none), и вместо них включается изображение (скриншот) текста вместе с фоном. Работает на опере, на хроме почему-то нет. Я уже голову сломал, не понимаю. У кого есть какие мысли? <div i…

    Asked by set34,

    0 votes
    0 answers

  14. Display: none;

    Часто встречал в примерах, как кто-то делая выпадающие подпункты меню или целый текст скрывал их свойством display: none;, а потом через псевдоклассы выводил по наведению курсора на объект или клику. Я и сам так стал делать. В книге Эрика Мейра где-то упоминалось, что значение none свойства дисплей используется только в одном случае(!) От сюда вопросы. Семантически это верно? Как относятся поисковики к индексации подобных структур? Хороший ли это тон, может лучше z-index?

    Asked by Delat,

    0 votes
    5 answers

  15. display: table

    Виват всем. простейший вариант. <!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" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css"> /*<![CDATA[*/ html, body { margin: 0; padding: 0; border: none; height: 100%; } div { background: silver; border-top: 10px dashed red; display: table; height: 100%; } /*]]>*/ </style> </head> <body> <div> <p>Aliquam lacinia aliquam orci in congue. Sed laoreet volutpat imperdiet. Phasellus non neque ut …

    Asked by Scrum,

    0 votes
    3 answers

  16. Display: table в IE6,7

    Суть такова: есть блок DIV со свойством display: table в IE 6 и 7 это свойство не работает. Есть ли какой нибудь читерский способ исправить это?

    Asked by fofan,

    0 votes
    4 answers

  17. display: table для ослов

    Как заставить ослов 7-ой и ниже версии понимать display: table , table-cell свойства?

    Asked by Yahoo!,

    0 votes
    34 answers

  18. display: table и min-height в firefox и safari

    Пример http://jsbin.com/saguvazineju/1/edit Объяснять не буду, посмотрите в хроме и фф

    Asked by swandev,

    0 votes
    5 answers

  19. display: table и содержимое смежных "ячеек"

    Здравствуйте. Решил попробовать свойство display: table, но столкнулся с проблемой. Допустим, имеется таблица в две колонки. Если для одной из колонок указать padding-top, то содержимое обеих колонок будет сдвигаться вниз на заданную величину. То же самое происходит, если на первом месте в одной из колонок содержится элемент с положительным значением padding-top или margin-top: содержимое обеих колонок смещается вниз. Такое поведение не устраивает, потому что в левую колонку хочется поместить меню, прижатое к верхней границе колонки, а в правую - содержимое с отступом от верхней границы. css: body { padding: 0; margin: 0; } div.table { display: table; margin: 0 auto…

    Asked by hedgehog,

    0 votes
    10 answers

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

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

    Asked by binomer,

    0 votes
    4 answers

  21. display:inline в IE, FF и Opera

    Когда используется inline в самом верху страницы, то border-top элемента к которому он применен не отображается в IE. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>vkladka_ne_rabotaet_v_IE_border-top.html </title> <style type="text/css"> .notetitle { border: 1px solid black; /* Параметры рамки */ border-bottom: none; /* Убираем границу снизу */ padding: 3px; /* Поля вокруг текста */ display: inline; /* Устанавливаем как встроенный элемент */ background: #ffeebf; /* Цвет фона */ …

    Asked by ardjuna,

    0 votes
    4 answers

  22. display:inline-block и IE

    В общем хочу сделать что-то типо табличного вывода, есть куча div'ов в которых расположены нужные элементы, к каждому свойство display:inline-block и получилось всё замечательно(таблица по ширине странице, так как нужно), но это было в опере в IE открыл и ничего не вышло, помогите как можно справится с этой проблемой? <div style="width: 303px; display: inline-block; text-align: center; "> Опера 10-ая, интернет эксплорер - 6 заранее спасибо

    Asked by shedy,

    0 votes
    13 answers

  23. display:inline-table в ie7

    Подкажите почему не работает свойство display:inline-table в ie7 http://v4.przrf.ru/

    Asked by qwelp,

    0 votes
    2 answers

  24. display:table для ie6

    Добрый вечер. Есть такая проблема. Есть меню вертикальное. Пункт активной страницы выделяется фоном. Но нужно чтобы ширина пункта зависела от текста. Вот пример <!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=utf-8" /> <style> body {background:#719ca5;} ul {list-style:none } .menu { padding:7px 0 40px 14; width:300px; } .menu li { display:table; } .menu a { color:#fff; text-decoration:none; display:block; height:28…

    Asked by Dioni$$,

    0 votes
    6 answers

  25. display:table и overflow: hidden

    Добрый день Задача: табличная верстка. В ячейках изображения разных размеров. Для вывода картинок одинакового размера использовалось overflow:hidden http://codepen.io/anon/pen/jfCEb , что в любом случае меняет высоту ячеек на размеры спрятанной части картинок http://codepen.io/anon/pen/gJqGK . Вопрос: возможно ли это без отрицательных отступов и фиксированной высоты ячеек? Интересует именно вариант табличной верстки. Спасибо.

    Asked by NatalieZ,

    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