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://krytim.ru/shop/ - здесь есть код, о котором пойдет речь. Основная часть страницы занимает 70% ширины браузера, оставляя по 15% по бокам. Это делается через след блок: .wrapper { margin: 0px auto; min-width: 1000px; width: 70%; } И еще 280 пикселов под правый контейнер (панель): .contain { padding-right: 280px; } У части с товаром забирается еще по 20 пикселов по бокам #dle-content { padding: 0px 20px; } В итоге на узких мониторах остается 680 пикселов под 3 колонки товаров, учитывая отступы ячеек = 665 пикселов или почти 222 пиксела на картинку. Оригинальная ширин…

    Asked by olegsuv,

    0 votes
    7 answers

  2. Задать разный цвет ссылок в блоках

    Здравствуйте! Подскажите, пожалуйста, как задать для блока меню цвет текста, отличный от цвета ссылок? СЕйчас пункты меню оформляются, как все ссылки на сайте... вот CSS: * { margin:0; padding:0; } /*стандартные оформление ссылок и заголовков*/ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { font-weight: normal; font-style: normal; text-decoration: none; } /*оформление всех ссылок на сайте*/ a{ text-decoration: none; color:#2a76bd; } /*непосещенная ссылка*/ a:link{ text-decoration: none; co…

    Asked by Zeeeya,

    0 votes
    9 answers

  3. Задать свой курсор в contenteditable

    В Internet Explorer при наведении на элемент находящийся внутри contenteditable нельзя задать свой курсор. Вопрос: как задать свой? https://jsfiddle.net/3pdyhj8s/

    Asked by serzh82saratov,

    0 votes
    2 answers

  4. Задать свойства тегу strong

    Факт: слово помещенное в тег strong отображается жирным шрифтом. Задача: сделать так, что бы оно отображалось нормальным шрифтом и, по-возможности другого цвета. Попробовал так: #content strong { font-weight:normal; color:#000; } Ничего не изменилось. Кто знает - помогите, плиз...

    Asked by Xtray,

    0 votes
    4 answers

  5. Задать стили для скроллинга?

    Возможно кто то знает как задать стили для скроллинга в опере и мозиле? Те стили что стоят щас работают только в ие. html, body, #comments_div{ scrollbar-3dlight-color:none; scrollbar-arrow-color:#10090a; scrollbar-highlight-color: none; scrollbar-face-color:#ac9a91; scrollbar-shadow-color:none; scrollbar-darkshadow-color:none; scrollbar-track-color: #20100f; }

    Asked by onik,

    0 votes
    9 answers

  6. Задать стиль каждому второму элементу

    Как задать стиль для каждого воторого элемента, к примеру: <html> <head> <title>Hello world</title> <style type="text/css">tr.eachSecond {background-color:#eef;}</style> </head> <body> <table> <tr><td>Hello</td><td>world</td></tr> <tr><td>Hello</td><td>world</td></tr> <tr><td>Hello</td><td>world</td></tr> <tr><td>Hello</td><td>world</td></tr> <tr><td>Hello</td><td>world</td></tr> </table> </body> </h…

    Asked by Sergey Polevich,

    0 votes
    4 answers

  7. Задать стиль первой ячейке таблицы

    Здравствуйте. Подскажите, пожалуйста, как в css задать стиль первой ячейки таблицы. В таблице хранится горизонтальное меню, т.е. каждый пункт в новой ячейке, строка - одна. У каждой ячейки есть левый бордюр, у первой его не должно быть.

    Asked by viod,

    0 votes
    3 answers

  8. Задача

    Помогите мне вот что решить У меня есть код картинки, который я не могу не как поменять <a href="ССЫЛКА"><img src="ССЫЛКА НА КАРТИНКУ" border="0"></a> Вопрос такой как сделать чтоб при ведении на эту картинку на неё накладывалась ( НЕ ЗАМЕНЯЛА ) другая с полу прозрачным фоном? Ещё один вопрос можно ли сделать чтоб этак картинка накладывалась плавно? ( это не обязательно )

    Asked by ВэйДлин,

    0 votes
    2 answers

  9. Задача

    что может значить вопрос : itransition32? это задача по программированию

    Asked by olechic,

    0 votes
    3 answers

  10. Задача — Головоломка

    Предлагаю к рассмотрению следующую задачу: нужно заверстать следующий макет Сложностью является выравнивание элементов в заголовках. В верхнем заголовке текст блоков (каждый шириной по 50%) выровнен по центру. Левый край нижнего заголовка должен быть выровнен по левому краю верхнего левого заголовка. Вот html: <div> <ul> <li><a href="#">текст заголовка</a></li> <li><a href="#">текст заголовка</a></li> </ul> </div> <!-- кусок текста, высоту его вычислить никак нельзя--> <div> <p> Полнолуние жизненно отражает центральный афелий , данное соглашение было заключено на 2-й между…

    Asked by XXXVII,

    0 votes
    5 answers

  11. Задача для первоклассника )

    Привет коллеги, у ког есть свободная минутка прошу взглянуть на толи мою невнимательность , толи на интересный баг ие7 ... http://www.feel-maestro.com/ru/action.html - вот ссылка на сайт который сейчас оформляю ... смотрим в ие7 выпадающее меню ... для него специально заданы параметры: #header #myslidemenu ul li ul {width:auto; display:block !important; border:1px solid red; background:green; overflow:visible; visibility:visible !important; height:250px;z-index:999999;} но даже при всём этом ие7 удаеться положить мой ul под всё остальное на странице =)) у кого какие соображения ?

    Asked by monya1987,

    0 votes
    12 answers

  12. Задача на смекалку

    <div><img src="img.jpg" width="100" /><p>Какое-то количество текста, причем количество текста разное во всех блоках</p></div> <div><img src="img.jpg" width="150" /><p>В этом блоке может быть меньше текста</p></div> <div><img src="img.jpg" width="50" /><p>А в этом наоборот - может быть очень много, вплоть до нескольких предложений и словосочетаний.</p></div> Блоки обтекают друг друга слева ( float: left; ). Текст, находящийся в блоке, разумеется, идет в одну строку. Задача: сделать так, чтобы блок имел ширину, равную ширине находящегося в нем изображения для того, чтобы текст переноси…

    Asked by lavr-ik,

    0 votes
    26 answers

  13. Задача невыполнима?

    Реально ли сверстать некий прямоугольный блок с текстом, удовлетворяющий следующим требованиям: 1. Закругленные углы 2. Тень со всех сторон 3. Полупрозрачность фона (что бы было видно все, что находится за блоком) 4. Резиновость хотя бы по высоте. 6. Корректное отображение при масштабировании страницы (через ctrl) как в + так и в - 5. Поддержка всех этих пунктов без исключения начиная с IE7+ Такой блок мне нужно сверстать независимо от того, возможно это или нет. Этого требуют от меня на работе. Пробовал вариант с прозрачными картинками, все вроде хорошо, но при масшабировании в хроме появляются артефакты в виде смещения в разные стороны бэкграундов на пару-тройку п…

    Asked by Bassline,

    0 votes
    16 answers

  14. Задача по CSS

    Возникла задача, которую я не смог осилить. Поэтому прошу вашей помощи. Дано: <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Задачка по CSS</title> <style type="text/css"> * { margin: 0; padding: 0;} .nav { list-style: none;} .nav > li { display: inline-block; width: 100px; border: 1px solid #000; vertical-align: top; } </style> </head> <body> <ul class="nav"> <li> &lt…

    Asked by psywalker,

    0 votes
    26 answers

  15. задача с box-shadow

    Буду краток. Необходимо сделать вот такую фигуру: Тень вокруг должна быть одинаковой.

    Asked by D3N,

    0 votes
    23 answers

  16. Задача с фоном

    У строковых элементов фон начинается на первом, а заканчивается на последнем символе. У блочных элементов фон продолжается на всю ширину родителя. Задача такая: Есть фраза, текст (количество текста динамически может меняться), который находится в родительском элементе, и у этого текста задан цвет фона. Как сделать, чтобы при увеличении количества символов, если фраза не помещается в одну строку, то этот фон продолжался на всю ширину родительского элемента, т. е. занимал весь объём текста (как у блочных элементов)? И наоборот, если элемент блочный, например заголовок (h1, h2, h3... и т. п.), то если текст в нём умещается в одной строке, то, как сделать, чтобы фон НЕ продол…

    Asked by max999,

    0 votes
    3 answers

  17. Задача: подключить css для выбранного <div>

    День добрый други ! Общий вид задачи таков: Допустим есть 3 дива по порядку голова, боди, футер. Как подключить css файл так, чтоб его правила распространялись, например, только на Боди ?? Вроде как вариант - в сам боди вставить include. Но тогда стили зацепят и футер. Каскадные стили тоже не вариант (типа в самом CSS перед каждым свойством дописать .боди) - предположим что ЦСС менять нельзя. Есть ли варианты решения данной задачи ? ==================== И собственно, частные случай этой же задачи: Надо подключить bootstrap так, чтоб его стили работали только в определенном диве, а в других дивай этой же страницы он ничего не затрагивал (в частности он подм…

    Asked by volkoff,

    0 votes
    5 answers

  18. Задача: пробы размер текста уменьшался пропорционально длине, был в одну строчку и не было горизонтальной прокрутки.

    Задача: пробы размер текста уменьшался пропорционально длине, был в одну строчку и не было горизонтальной прокрутки.

    Asked by an70n,

    0 votes
    1 answer

  19. Задачка интересная, чистый css

    Доброй ночи, уважаемые пользователи форума. Столкнулся с задачкой, может я уже хочу спать или еще что то. Но почему то не могу решить одну задачку. И так, есть див. В нем есть заголовок и несколько параграфов. Ширина блока, фиксированная. Высота нет! Как только при помощи css создать еще 2 блока, и подложить их под первый и чуть чуть сдвинуть. дабы получилось что то вроде страниц. Проблема: для доп. блоков не могу указать высоту, потому что высота главного блока, для которого повторять нужно резиновая. Идеи: 1) использовать after, before <div class="block"> <h2>Заголовок</h2> <p>Параграф 1</p> <p>Параграф 2</p> <…

    Asked by RodgerFox,

    0 votes
    20 answers

  20. Задачка на позиционирование слоев

    В фиксированной ширины А резиновый и занимает все пространство, свободное от B Высота А и B заранее неизвестны, а С становится под самым длинным из них. Дайти списать решение задачки! Заранее спасибо!

    Asked by buzzy,

    0 votes
    4 answers

  21. Задачка на... позиционирование и ширину элементов

    http://joxi.ru/pso6UxjKTJCUOHZbcMM Смысл в следующем. Есть 3 колонки. 1) Каждая колонка должна быть шириной с цифру - то есть иметь динамическую ширину, равную ширине жирных черных цифр. Чтобы если вдруг ввели число, больше на порядок - текст внизу автоматически стал шире и верстка не поехала. 2) А текст под цифрой должен подстраиваться под ширину цифр и сам переноситься на новую строку в зависимости от ширины. Это возможно реализовать?

    Asked by Zverushka,

    0 votes
    6 answers

  22. задачка отображения

    Задачка для меня уж точно сложная. не могу сообразить как при клике в первом списке чтобы отображался другой писок. <ul id="nav"> <li><a href="#" style="">lins1</a></li> <li><a href="#">lins2</a> </li> </ul> <br><br> <div> <ul id="lins1" class="lins1"> <li><a href="#">1History</a></li> <li><a href="#">Team</a></li> <li><a href="#">Offices</a></li> </ul> <br> <ul id="lins2" class="lins2"> <li><a href="#">2Web Design</a></li> <li><a href…

    Asked by koreshs,

    0 votes
    7 answers

  23. Задачка по верстке

    Есть такая задачка по верстке (просто кому интересно): -- 1-1 Есть див (фиксированной ширины, см. рис. id="main") высотой Y (высота динамическая зависит от содержимого) заполнен повторяющимся по вертикали background-image (высота изображения бэкграунда = X). Необходимо: - если Y кратно Х - (делится без остатка) то высоту id="main" оставить какая есть (т.е. Y) - если Y/X - дает остаток (т.е. будет смотреться так, что торчит не полностью кусок бэкграунда), необходимо чтобы этот "кусок" (остаток в px) имел другой фон. Задача: Найти и реализовать такое решение (можно использовать впринципе - все js, php, вставлять дивы если нужно, и даже <img/>) но: решение должно быть…

    Asked by Radik_45,

    0 votes
    32 answers

  24. Задачка. Обтекаемый футер снизу.

    Всем Добрый день. Есть следующий вопрос: как можно сделать обтекающий слой прижатым к низу (см. изображение). Высота wrapper будет зависить соответственно от кол-ва контента в блоке left с указанным float. Для вроде бы простой проблемы - в инете решений не нашел (есть только решения для фиксированной высоты), пробовал делать сам следующим образом (путем добавления блока с clear:left и вымещением вверх футера margin-top:-40px;): HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; ch…

    Asked by novicheG,

    0 votes
    32 answers

  25. Задачки по PHP

    Дима отказался от идеи по созданию темы про "задачи PHP" по образу и подобию "макеты для верстки" но я надеюсь что меня поддержат и тема будет выделена ибо были жаждущие порешать задачки. Как-то кто-то уже поднимал такую тему, но как-то заглохло. Итак.... Задача #1: Бродилка Задача представляет собой реализацию простейшей бродилки, состоящей из визуально 2х частей -сообщения о текущем местоположении -список ссылок с выбором перемещения реализация - php + mysql дизайн не учитывается. У задачи есть несколько уровней сложности (буду мерять звездами) 1 звезда - соответствие вышеперечисленному 2 звезды - добавить работу с AJAX 2.5 звезды - к AJAX - JSON 3 звезды сделать неско…

    Asked by Иван Шумов,

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