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>'а была кратна высоте фона, я, можно сказать, новичок, и вот, что у меня получилось(высота фона 36px: <script type="text/javascript" language="javascript"> var h=window.document.getElementById("middle").style.height; var h2 = Math.ceil(h/36)*36; window.document.getElementById("middle").style.height = h2+'px'; </script> -не работает))) Наверное вообще не с той стороны зашел, не подскажете как это можно осуществить?

    Asked by CarolusRex,

    0 votes
    4 answers

  2. Помогите найти JS

    В общем, не знаю как называет. В некотором поле фиксированной ширины двигаются картинки, когда нажимаешь то она увеличивается. Или скажите название - сам найду, просто даже названия не знаю

    Asked by Wahlberg,

    0 votes
    2 answers

  3. Отменить несколько стилей одним свойством ?

    К примеру тегу <p> наследованием пришла рамка, фоновая карnинка, жирный шрифт и т.д. Существует ли одно такое свойство, которое одной строкой в CSS сможет отменить все наприкрученные свойства элемента? Что-то типа p {style:none;}

    Asked by borus,

    0 votes
    6 answers

  4. уникальный класс для списка

    Имеется список с классами к каждому елементу, не могу присвоить к каждому классу уникальное значение стиля. Если присваиваю елементу Folder 3.1.1 класс то все елементы которые идут после него в подсписке приобретают этот класс. Как сделать их уникальными. Т.е. например .main с красным бекграундом .sub с синим, если к классу .sub добавляется подкласс plus то бекграунд ТОЛЬКО ЭТОГО елемента становится белым а все остальные елементы которые находятся в подсписке имели синий цвет. <li class="main"><a href="#">Main item</a> <ul> <li class="sub"><a href="#">Folder 2.0</a></li> <li class="sub plus"><a href="#"&gt…

    Asked by JastinB,

    0 votes
    5 answers

  5. изменение form при уменьшении размера окна бразуера

    На сайте имеется слой, состоящий из 3 форм различной длины, но одинаковой высоты: Необходимо, чтобы при уменьшении размеров слоя - формы выстраивались в столбец, в котором ширина всех форм одинакова: Подскажите, пожалуйста, как решить проблему?

    Asked by TorchTT,

    0 votes
    3 answers

  6. Как выбрать первый из соседних тегов?

    Можно ли выбрать первый из соседних тегов, а не второй (синтаксис вида Селектор 1 + Селектор 2 { Описание правил стиля })?

    Asked by borus,

    0 votes
    2 answers

  7. Смена картинок через hover

    Здравствуйте, подскажите пожалуйста. Столкнулся с такой проблемой: нужно чтобы при наведении курсора картинка менялась на другую, т.е. по факту, она должна прокручиваться вниз (картинка: ширина 250, высота 500). Но самое главное на странице таких картинок нужно девять и все разные.

    Asked by TillL,

    0 votes
    5 answers

  8. Глюк верстки

    http://lidersnab39.ru/ на большом монике ничего нет и все отлично. на ноуте при 1366x768 появилась горизонтальная прокрутка и справа блок скрин прилагаю

    Asked by sympler,

    0 votes
    3 answers

  9. form - label - input. Заступает текст

    Приветствую всех. Проблема в следующем: игры с параметрами padding и margin для form, label, input не дало результата - текст все-равно заступает за чекбокс..... вот код: <html> <head> <title>test</title> <style type="text/css"> form {padding: 0 0 0 5; margin: 0 0 0 5;} </style> </head> <body> <form><label><input type="checkbox">So I've been experimenting with different margins and paddings on lists, and so far I can't seem to figure it out. The object I'm after seems simple enough; I want less of an "indent" (is that padding or margin?) on the left edge. In other words, I want the little do…

    Asked by ZoomAll,

    0 votes
    8 answers

  10. Какая по Вашему оптимальная комбинация

    количества цветов, которые могут быть применены при оформлении сайта, чтобы он не выглядел аляповато цвет фона - цвет доп.элементов - цвет шрифта. т.е. например 1 цвет фона, 2 цвета (или 2 ярких детали) в элементах, 2 цвета в шрифтах или два цвета в фоне, 1 цвет для элементов, 2 в шрифтах предел цветовой нагрузки

    Asked by ыра,

    0 votes
    10 answers

  11. Скрипт для панорамы

    Помогите найти скрипт для панорамы. Примерно такой же как на сайте 3dtour.me Или как его написать? Спасибо!

    Asked by SYS1984,

    0 votes
    4 answers

  12. не работает margin

    Столкнулся с маленькой проблемой, margin не делает отступ сверху, собственно вот CSS #header { margin-top:50px; } a#logo { background:url(images/logo.png); width:166px; height:26px; display:block; float:left; } ul#social { float:right; margin-top:10px; } ul#social li { display:inline-block; margin:0 5px; } #menu { margin:50px 0; clear:both; background:url(images/bgmenu.png); } #menu li { display:inline-block; padding:15px 0; border-right:1px solid #1A1A1A; margin-right:-4px; } #menu ul { } #menu li a { color:#bbb; text-shadow:0 0 1px #969696; padding:15px 20px; } #menu li a:hover { background:#262626; padding:15px 20px; } HTML <div id="header"> <a href="…

    Asked by moslem,

    0 votes
    1 answer

  13. Указать ширину картинки, а высота бы пропорционально изменилась?

    Здравствуйте. Интересует вопрос о том, можно ли картинкам в CSS указывать требуемую ширину, под которую бы высота картинки самостоятельно изменялась пропорционально исходному соотношению высоты к ширине? Благодарю.

    Asked by borus,

    0 votes
    2 answers

  14. Выравнивание картинок в строку

    Собственно решил выбрать верстку своим хобби. Изучил основы, почитал разные сайты, решил пробовать и натолкнулся на проблему решение которой я не смог найти к сожалению( Проблема очень простая, прошу не смеяться. Надо выстроить все 3 картинки в ряд, по горизонтали, незнаю как это сделать, они получаются одна на другой. <html xmlns="http://www.w3.org/1999/xhtml"> <link rel="stylesheet" type="text/css" href="Style.css" /> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Название</title> </head> <body> <div class="head"> <div class="tablehead1"> </div> <div …

    Asked by Hum9k,

    0 votes
    2 answers

  15. выравнивание div по низу

    Доброго дня суток, помогите выровнять блок "two" по низу блока "one" желательно без маржинов и паддингов .one { min-height:285px; margin: 0 auto; } .two { width:960px; height:200px; background:transparent url('blablabla.jpg') no-repeat; } <div class="one"> <div class="two"> </div> </div>

    Asked by JastinB,

    0 votes
    2 answers

  16. Наибольшее разрешение экрана

    В этой замечательной статье автор приводит интересное, на мой взгляд, решение ухода от скролла. http://www.alistapart.com/articles/fluidgrids/ Максимальное разрешение экрана берёт 988px, в иных статьях упоминается 1024px, если поГуглить можно найти 2560x1600, одно из заданий верстки даёт разрешение ограничить макс 1500px. Какую цифру взять ориентиром для десктопов? Далее есть такая фраза Насколько это соотв действительности?

    Asked by seemax,

    0 votes
    26 answers

  17. Как доработать рамку для картинки?

    Здравствуйте. Сделал набросок того, что хочу получить здесь Хочу совершенствовать его в следующем: 1. управлять типом внутренней и внешней черной рамки отдельно. 2. регулировать расстояние между черными рамками. так чтобы внешний радиус скругления равнялся внутреннему плюс ширина белого пространства между черными рамками. 3. чтобы изображение обрезалось первой рамкой (сейчас его углы отдельно скругляются)

    Asked by borus,

    0 votes
    15 answers

  18. Видео на задний фон

    Всем привет! Мне нужно видео на сайт разместить, чтобы оно было в рамочке (именно в той которую я нарисовал), но как это сделать вообще не знаю. Постоянно видео выходит на передний план, а картинка(рамка) становится задним планом. Может есть у кого идеи с помощью чего и как это делается?

    Asked by big_time,

    0 votes
    4 answers

  19. Неверная обработка a:visited:hover в Chrome и Safari

    Подскажите, сталкивался ли кто-нибудь со следующей проблемой. При задании: a:visited:hover {color:red;} при подведении к ссылке мышью, она должна становиться красной. В FF, IE, Опере работает, а в Хроме и Сафари нет. Других стилей в документе нет. Что может быть?

    Asked by aviktorov,

    0 votes
    16 answers

  20. <script language="JScript"> не работает в Firefox 8+

    Такая специфическая проблема. Начиная с примерно 8 версии (тестировал на 3.6, 8, 10 - работает только на 3.6) Firefox отказывается воспринимать джаваскрипт, объявленный как <script language="JScript">. Тег <head> генерируется cms, изменить его содержимое невозможно, телефонный саппорт на предмет изменить сорцы cms вяло отмахнулся. Перейти на другой продукт тоже нельзя - госорганизация. <script language='JScript' SRC='etc/A403F41D-A824-4CF7-B72ECBEEBFDFD8CC.BODY' ></script> Так объявлено несколько js-файлов. Костыли типа <script type="text/javascript"> scripts = document.getElementsByTagName('head')[0].getElementsByTagName('script'); for (i=…

    Asked by 7ion,

    0 votes
    9 answers

  21. Прижать div к нижней границе другого div'a

    Подскажите, пожалуйста, как прижать div, находящий в другом div'е, к нижней границе слоя, в котором он находится?

    Asked by TorchTT,

    0 votes
    2 answers

  22. Центрирование слоя внутри слоя

    Подскажите, пожалуйста, как центрировать слой произвольного размера внутри другого слоя? Изначально: Как должо быть:

    Asked by TorchTT,

    0 votes
    5 answers

  23. Убрать пунктирную рамку с картинки-ссылки в момент нажатия

    Привет. Подскажите, пожалуйста, как убрать пунктирное выделение с картинки-ссылки в момент нажатия? Стоит explorer 9. Только начинаю учиться, на форумах ничего не нашла. Не сплю второй день уже. <html> <head> <title>Пунктирная рамка</title> </head> <body> <a href="index.html"> <img src="home1.bmp" align="left" border="0"> </a> </body> </html>

    Asked by Эма,

    0 votes
    19 answers

  24. Помогите сделать ссылку в виде "стрелочки"

    Нужно сделать как на картинке: Делаю так: <a href="#" class="item">Пункт 1</a> .item{ display: block; position: relative; height:30px; width:130px; line-height:30px; text-align:center; text-transform:uppercase; color:#fff; background-color: #f00; } .item:before{ content:''; position: absolute; left:0; top:0; border-left:15px solid #fff; border-top:15px solid transparent; border-bottom:15px solid transparent; } .item:after{ content:''; position: absolute; left:100%; top:0; border-left:15px solid #f00; border-top:15px solid transparent; border-bottom:15px solid transparent; } .item:hover{ background-color: orang…

    Asked by bob_24,

    0 votes
    10 answers

  25. Замена таблицы на Дивы

    Имеется очень большое количество файлов с табличной версткой, нужно заменить все теги таблицы на "дивы", следовательно возникает вопрос как это сделать в ускоренном варианте. Ибо ручное редактирование займет пару десятков дней. Существуют ли ресурсы или программы где можно закачать файл и отметить теги которые нужно заменить? Или можно это сделать с помощью скрипта? Спасибо.

    Asked by Modestes,

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