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. Неравномерный градиент

    С помощью градиента в качестве фона хочу подсвечивать колонки в макете. Чередуются красные полосы процентной ширины с зелеными полосами фиксированной. В теории все вроде бы просто, на практике ширина зеленых полос различна + присутствует размытость. Что я делаю не так? Демо

    Asked by br3t,

    0 votes
    3 answers

  2. Неравные ячейки таблицы

    Есть сайт http://zav.ucoz.net/. Скрин http://zav.ucoz.net/bezymjannyj.png Нужно чтобы граница слева и справа были одинаковыми, т.е. центр не залазил на правые блоки. Хэлп!!!

    Asked by and_zheltukhin,

    0 votes
    0 answers

  3. Неразбериха в верстке с использованием HTML и СSS

    1. После установления доктайпа чтобы браузеру было понятно по каким стандартам интерпритировать код моего сайта www.miroslava.nm.ru визуальное отображение меню поменялось. Так как я свой сайт начинала верстать в html и использовала елементы из CSS, то получилась неразбериха. Вроде я использовала один из способов - блочный(можно вынести в отдельный файл). Но кажется нужно что-то еще. Самой не получается разобраться. Хотелось чтоб менялся цвет кнопок. 2. Еще подскажите пожалуста урок в фотошопе или илюстраторе как написать в шапке название сайта, но не стандартными шрифтом, а с эскиза. 3. Скрипты сами цепляются с сервера, они вроде мешают? 4. Еще одна проблема. www.mirosla…

    Asked by mira,

    0 votes
    9 answers

  4. Нераздвигающееся меню

    Подскажите как в верхнем меню сделать так чтобы пункты меню не раздвигались при наведении мыши http://seodacha.ru/. Для ссылки указан стиль при наведении #block-menu-menu--topmenu a:hover { border: 1px solid #00B2EC; }

    Asked by smirn0ff,

    0 votes
    9 answers

  5. Неразрываня строка

    Есть страничка по адресу: http://www.po-miry.ru/MEDICINA/DUCH-ZDOROVIE.htm В правой колонке есть слова Психоанализ - вопросы и ответы Написал код по инструкции. Вот он <a title="Большая статья о том, что такое психоанализ и зачем он нужен людям" href="psihoanaliz.htm">Психоанализ&nbsp- вопросы и ответы</a></p></b> Тем не менее, при уменьшении размеров окна браузера предлжение складывается вдвое. Почему?

    Asked by beze,

    0 votes
    7 answers

  6. нереальный глюк ie

    Товарищи по моему я сошел с ума - такой глюк в простейшем html - что делать не знаю... <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body marginheight="0" marginwidth="0" leftmargin="0" topmargin="0"><img src="img/ррр.gif" width="104" height="10" /> </body> </html> в ie появляется отступ сверху, который меняется если изменять шрифт, это происходит только с изображениями небольшого размера help me!

    Asked by Pyotr Gerasimov,

    0 votes
    3 answers

  7. Неровное расположение картинок

    Привет, прошу помогите, не вижу в чем недочет https://jsfiddle.net/gp1k163r/ не понимаю что с изображениями, почему неровно расположены?Заранее спасибо

    Asked by exoty,

    0 votes
    1 answer

  8. неровный flex

    https://www.road.media/ на разрешении 1200px неровное расстояние между пунктами меню. почему так? для контейнера указано justify-content: space-between; по идее, должно быть ровненько

    Asked by d0ublezer0,

    0 votes
    3 answers

  9. Несколько :before или :after на одном элементе?

    Сабж. Можно ли в css такое сделать?

    Asked by torsar,

    0 votes
    1 answer

  10. Несколько background'ов для одного элемента

    Стоит задача создать блок с 4-мя закругл?нными уголками и чтобы каждая сторона блока отбрасывала тень. Фактически, если сделать это как я умею, то понадобится минимум 8 вложенных сло?в (по одному для каждого background'а). Может быть есть меннее затратный способ такое реализовать, может быть как-то можно использовать для одного несколько background'ов?

    Asked by Юрий,

    0 votes
    3 answers

  11. Несколько bx слайдеров?

    Очень люблю в своей вёрстке использовать bxSlider, у него есть свои цсс и js файлы которые легко корректировать в своих нуждах. Вопрос в том, как использовать этот слайдер с разными стилями несколько раз на странице или в проекте? Например в качестве слайдера или в качестве карусели. Или что бы на одном изменялось фэйдом, а на другом просто листались слайды. Затруднения вызывает тот факт, что js и css файлы рассчитаны только на один слайдер, если я вставлю второй, то у второго будут те же самые стили и изменения которые я делал в файликах. Понимаю что вопрос тупейший, но этот вопрос стоит ребрейшим ребром

    Asked by Alarr,

    0 votes
    4 answers

  12. Несколько CSS с разными @Media запросами к одному HTML

    Требуется что бы в зависимости от разного разрешения экрана менялись элементы на сайте, при этом я пытался привязать несколько CSS к одному HTML: <!DOCTYPE html> <html><head><title>Black Hog Games</title><meta charset="utf-8"> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /><link type="text/css" rel="StyleSheet" href="/Black_Hog_Games/styles/CSS_1024x600.css" /><link type="text/css" rel="StyleSheet" href="/Black_Hog_Games/styles/CSS_1024x768.css" /> Документы привязались и все шло хорошо, пока не потребовалось межу ними переключаться: При проверке возникала путаница - включался не тот CSS, а самый пер…

    Asked by Maus,

    0 votes
    5 answers

  13. Несколько div в ряд

    Как сделать несколько div'ов, в ряд, так, чтобы А и B были размером под текст внутри них, а С занимал всю оставшуюся область? Вот мой вариант, но он глючит (С заезжает на B ): HTML: <div class="main"> <div class="a">div class=a</div> <div class="b">div class=b</div> <div class="c">div class=c</div> </div> CSS: .main{ padding: 1em; overflow: hidden; border: 1px solid black; } .a{ padding: 1em; border: 1px solid black; float: left; } .b{ padding: 1em; border: 1px solid black; float: left; } .c{ padding: 1em; border: 1px solid black; }

    Asked by Kenshi24,

    0 votes
    1 answer

  14. Несколько div в ряд

    Как сделать несколько div'ов, в ряд, так, чтобы А и С были определенного размера, а B занимал всю центральную область? Вот мой вариант, но он глючит (С съезжает вниз): HTML: <div class="main"> <div class="a">div class=a</div> <div class="b">div class=b</div> <div class="c">div class=c</div> </div> CSS: .main{ padding: 1em; overflow: hidden; border: 1px solid black; } .a,.b,.c{ padding: 1em; border: 1px solid black; } .a{ width: 10em; float: left; } .b{ overflow: hidden; } .c{ width: 10em; float: right; }

    Asked by Kenshi24,

    0 votes
    6 answers

  15. Несколько DIV в ряд

    Всем ДД, есть div-контейнер, внутри несколько DIV с float: left; DIV идут рядом в одну строку, как и нужно, но если ширина экрана становится меньше длины всех DIV, то не помещающиеся по ширине окна DIV перетекают на новую строку, чего я не хотел бы. Нужно, чтобы DIV не перетекали, а появлялся горизонтальный scroll. Поигрался разными свойствами, типа overflow, но увы... Есть ли кроссбраузерный способ? Заранее спасибо!

    Asked by apollox,

    0 votes
    10 answers

  16. Несколько div в ширину

    Раньше делал список фотографий всегда в табличках, но не нравится при этом то, что превьюшки не всегда одинаковые по высоте и ширине и иногда получается остаётся много свободного места на страничке... Например, поменяли в конфиге стандартный размер превью и скрипт начал штамповать превьюшки 100px по большей стороне вместо бывших 200. Ну или глупый пользователь загрузил фотографию, у которой размеры оригинала 100 пикселей :-) Запрещать загружать такие картинки не хочу - ругаются. В общем идея простая - показывать фотографии вообще без таблицы, просто ставить им отступы (margin), чтобы не прикасались и вертикальное выравнивание делать по центральной линии (мне так кажется …

    Asked by sobachnik,

    0 votes
    5 answers

  17. несколько div и всплывающая подсказка

    Здравствуйте Есть у меня такое <div class="pole1"><div id="divseed0" class="pole_img"><img id="seed0" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=" onload="if(this.src=='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=')this.src=seed_src[0];" onclick="onClickSeed(event, this);"></img></div><div class="pole_name"><?php echo $pole1?></div><div class="pole_infox">1:<div class="info"><?php echo $pole1?&…

    Asked by Andrij,

    0 votes
    1 answer

  18. Несколько div-ов в ряд, как их растянуть на всю ширину экрана

    Сайт пример - http://testsite482.vacau.com/6/ Идет несколько div-ов в ряд. Один с синим фоном, другой с зеленым, третий уже внизу и с красным. При нажатии на кнопку "2" на первом или "3" на втором div-е идет прокрутка с помощью явы до следующего. Вопрос такой, как растянуть эти дивы на всю ширину экрана, потому что впоследствии на каждом из фонов должен быть текст прямо по середине, и не хочется, что бы на разных разрешениях экрана этот текст скакал. Т.е что бы синий фон был ровно по ширине и высоте экрана и ни сантиметром дальше. Нажал на кнопочку 2, он прокрутился до зеленого, который в свою очередь тоже будет на весь экран, итд. Задача по сути исходит из за дальней…

    Asked by Rucen,

    0 votes
    0 answers

  19. Несколько form в одном документе

    Здравстуйте! Такая ситуация: Есть 10 форм в одном документе со скрытыми полями.. с помощью JS открываеся окно с сообщением и кнопкой для обработки данных, относящихся к этому сообщению... Обработчик один для всех форм... только вот данные в обработчик попадают первой формы. Как можно решить это? может кто-то сталкивался с задачей.....

    Asked by banyman,

    0 votes
    6 answers

  20. Несколько HTML страниц на одной HTML странице

    Здравствуйте! Как сделать так, что бы на странице "index" находилось несколько других страниц, расположенных в определённых местах. В html 4 это выглядело как то так: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тег FRAMESET</title> </head> <frameset rows="7%,70%, 15%", frameborder="yes", frameborder = "1"> <frame src="top.html"> <frameset cols="20%,80%"> frameborder="no" <frame src="Menu.html" name="leftFrame" scrolling="yes" noresize> <frame src="Main.html" name="main"> </frameset> <frame src="footer.htm…

    Asked by Nightingale81,

    0 votes
    1 answer

  21. несколько input с текстом

    Есть 3 input box'a: <input type="text" name="fields_filter[brend]" value="Производитель" onfocus="this.value=(this.value=='Производитель') ? '' : this.value;" onblur="this.value=(this.value=='') ? 'Производитель' : this.value;" /> <input type="text" name="fields_filter[naimenovanie]" value="Наименование" onfocus="this.value=(this.value=='Наименование') ? '' : this.value;" onblur="this.value=(this.value=='') ? 'Наименование' : this.value;" /> <input type="text" name="fields_filter[nomer_po_katalogu]" value="Номер по каталогу" onfocus="this.value=(this.value=='Номер по каталогу') ? '' : this.value;" onblur="this.value=(this.value=='') ? 'Номер по каталогу' :…

    Asked by misterX,

    0 votes
    0 answers

  22. Несколько js на одной html странице

    Привет. Подскажите, пожалуйста в чем может быть проблема и, если это возможно, как ее решить. Суть в следующем. Есть одна html страница, на которой реализовано две вкладки. На каждой вкладке отдельном окне, обрамленном с помощью css размещена svg картинка для которой необходимо выполнять JS код. В HTML пытался реализовать подобным образом: <body> <div class="menu1"> <br id="notCns"/> <a href="#cns">cns</a><a href="#notCns">notCns</a> <div> <object id="cnsId" type="image/svg+xml" width="1024" height="768" data="cns.svg"></object> <<script type="text/jav…

    Asked by ioprst,

    0 votes
    9 answers

  23. Несколько popup окон на одной странице на чистом JS

    Здравствуйте! Подскажите, пожалуйста, как реализовать несколько popup окон на одной странице на чистом JS? Например, если у кнопки и у popup окна одинаковые id: https://jsfiddle.net/rjno6o9q/

    Asked by volshebnyi,

    0 votes
    6 answers

  24. Несколько tooltip на одной странице. Как реализовать на чистом JavaScript

    Здравствуйте! Имеется несколько дивов на одной странице. Внутри каждого дива скрытый tooltip в виде текста в span. Подскажите, пожалуйста, как на чистом JavaScript реализовать следующее - при клике на div.retailer-item должен открыться скрытый В НЕМ span.tooltip-content. https://jsfiddle.net/ak1jbt5x/1/ Заранее благодарен за помощь!

    Asked by volshebnyi,

    0 votes
    6 answers

  25. Несколько ul в nav

    Вопрос: футере сайта, сложное меню в несколько строк и столбцов. Можно ли все обернуть тегом nav и туда поместить несколько ul и их расположить столбиками, или нет. Вроде в спецификации не написано, что нельзя, но я все равно мучаюсь выбором - то ли в один nav все ul, то ли несколько nav создавать. А вы бы как сделали?

    Asked by anastasia1981,

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