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 нестандартный. Смотрим картинку Какие у меня были варианты решения: Использовать overflow: hidden; Но идея потерпела крах, потому что он обрезает не по линии, а по горизонтали. Использовать clip; Тоже крах, потому что теряется адаптивность и каждый раз рассчитывать clip даже с помощью js тяжело Разные варианты совмещения. Например, взять из макета дугу и картинку, сохранить как PNG и установить в основном слое как background-position: bottom; Пока это самая лучшая идея, но она не унив…

    Asked by Libiros,

    0 votes
    17 answers

  2. Как обрезать один DIV другим?

    Один div внутри другого. Как сделать чтоб div2 не вылазил за пределы div1, а обрезался? Т.е. от красного div должен остаться только маленький квадратик, который остался на div1. <div id="div1" style="background-color:Yellow; width:100px; height:100px;"> <div id="div2" style="position:relative; left:-40px; top:-40px; width:50px; height:50px; background-color:Red;"> </div> </div>

    Asked by Evclid,

    0 votes
    1 answer

  3. Как обстоят дела с Ie8 сейчас ?

    Поддерживают ли сейчас ie8 или начинают с 9 ?

    Asked by Agony741,

    0 votes
    0 answers

  4. Как объединить popup окно и owl carousel

    Возникла проблема с объединением popup окна и owl carousel. После добавления карусели, попап окно не работает. http://garmoni.inf.ua/westworld/ http://prntscr.com/ii854d

    Asked by garmoni,

    0 votes
    5 answers

  5. Как объединить блоки

    Подскажите, как вывести 2 блока кнопок в одну строку <script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script> <div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,gplus"></div> <script type="text/javascript" src="http://st.pinme.ru/js/widget.js"></script> <script type="text/javascript"> PINME.Share.init({button: "#pinmeShare", buttonType: 1}); </script> <div id="pinmeShare"></div>

    Asked by fowl,

    0 votes
    4 answers

  6. Как объединить два языка

    Есть вот такой код на html <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Главная страница</title> <style type="text/css"> .GlavnoeMenuZastavka { } </style> </head> <body> <div style="font-weight:bold; "> <table class="GlavnoeMenuZastavka" border="0" cellpadding="60" cellspacing="0"> <tr align="center" > <td> <a href="http://m-training01.etsp.ru/view_doc.html?mode=Uchebcenter"><img src="icons\Damir\Uchebcenter.png" width="150" height="150" border="0" alt="Учебный центр.png"></a> <p style="margin:0px;">Учебный центр</p> </td> <td> &l…

    Asked by danila_omega,

    0 votes
    1 answer

  7. Как объединить медиазапросы

    Для отладки использовал такую схему: <link rel="stylesheet" media="screen and (orientation:portrait) and (max-width:240px)" href="{THEME}/css/style_p.css" /><link rel="stylesheet" media="screen and (orientation:landscape) and (max-width:480px)" href="{THEME}/css/style_l.css" />Как правильно объединить эти два медиазапроса в один? <link rel="stylesheet" media="screen and (((orientation:portrait) and (max-width:240px)) or ((orientation:landscape) and (max-width:480px)))" href="{THEME}/css/style_p.css" />Так правильно? Можно ли использовать вложенные выражения?

    Asked by alleclf,

    0 votes
    6 answers

  8. как объехать overflow:hidden

    #slider имеет значение overflow:hidden, чтобы картинки в слайдере не были видны и имеет определенную высоту, которую нельзя менять. Получатся, что <div class="i_info"></div> находится внутри #slider и из-за этого он исчезает. внизу. Как сделать, чтобы данный див был поверх #slider, а не внутри его?

    Asked by zsaz,

    0 votes
    1 answer

  9. как обычно IE6 против Mozilla и Opera

    Страница нормально отображается в мазилле и опере , а в ие6 блок с выбором курса сползают куда-то вправо. С чем это связано? Не ругайте слишком сильно, я не волшебник я только учусь. Mozilla Opera IE6 Код HTML <!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>Курсы</title> <link href="select curs.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-- .style1 {color: #003366} --> </style> </hea…

    Asked by savushka,

    0 votes
    3 answers

  10. Как обьеденить все

    Как обьеденить все в одну строчку. Скрины прилагаются того что должно и что получилось. Вот что получилось. Получается что, когда создается второй и пытаюсь соеденить со вторым, с помощью margin то не красиво получаестя.

    Asked by vtkm96,

    0 votes
    3 answers

  11. Как ограничить html к Js и CSS?

    Всем привет, хотел бы узнать возможно ли так сделать. Например: Я соединяю 2 сайта, у них бывают одинаковое названия классов, как ограничить для того или иного блока подключения к CSS и JS чтобы они не пересекались ? Пробовал взять тег body в середине сайта туда засунуть Js и CSS, думал что основа всей страницы туда не подключиться так как там есть тег body, но это оказалась не так. Можно ли как нибудь сделать как мне надо ? Чтобы не пересекалось

    Asked by meison13,

    0 votes
    1 answer

  12. как ограничить textarea

    В input с помощью maxlength можно указать максимальное вводимое количество символов в поле, а как так же сделать для textarea?

    Asked by Angel_33_3,

    0 votes
    14 answers

  13. как ограничить toolbox в средней ячейке?

    Есть такая штука. в title прописываешь текст и при наведении на объект он появляется рядом с курсором в блоке. делается так JS: var _w=window,_d=document; _w.onerror = null; var tooltip_attr_name = "tooltip",tooltip_len=45; _w.onload=function(e){if(_d.createElement)tooltip.d();} tooltip={ t: _d.createElement("DIV"), c: null, g: false, m: function(e) { if (tooltip.g) { oCanvas=_d.getElementsByTagName((_d.compatMode&&_d.compatMode=="CSS1Compat")?"HTML":"BODY")[0]; x=_w.event?event.clientX+oCanvas.scrollLeft:e.pageX; y=_w.event?event.clientY+oCanvas.scrollTop:e.pageY; tooltip.a(x,y); } }, d: function() { tooltip.t.setAttribute("i…

    Asked by sstyle,

    0 votes
    0 answers

  14. Как ограничить действия position:fixed

    Добрый день друзья, возникла проблема, требуется 3-колоночная структура, причем колонки должны быть с position:fixed; Структура html приблизительно такая: <div class="middle"> <div class="left-col"> </div> <div class="content-block"> </div> <div class="right-col"> </div> </div> Есть родительский блок и мне требуется что бы две колонки (левая и правая) не выходили за границы родительского блока middle. Надеюсь на вашу помощь, а то что-то никак не выходит=)

    Asked by Hol1killer,

    0 votes
    10 answers

  15. как ограничить размер всего сайта по ширине не вставляя его в общую таблицу?

    как ограничить размер всего сайта по ширине не вставляя его в общую таблицу? вот index.php <div align="center"><table width="1014" border="0" cellspacing="0" cellpadding="0"> <tr> <td><?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );$iso = split( '=', _ISO );echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';?> <!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> <?php mosShowHead(); ?> <meta http-equiv="Content-Type" content="text/html; …

    Asked by vovchikku,

    0 votes
    10 answers

  16. Как ограничить размер картинки в слайдере картинок?

    Пример страницы, если нажать на картинку снизу - открывается во весь размер, вместо того чтобы компактно в зависимости от размера монитора. http://www.vvd.su/o-nas/novosti/novosti-kompanii/item/133-bolshoj-bannyj-festival-2016-v-sochi нашел такое: background: url(images/mybg.png) 100% 100% no-repeat; /* Добавляем фон */ background-size: cover; /* Масштабируем фон */ но что-то не то обрезается..

    Asked by nikki4,

    0 votes
    0 answers

  17. как ограничить разрешение при резиновой верстке

    Товарищи подскажите Существует резиновый сайт к которому нужен скрипт чтобы его не растягивало более чем 1300 px в ширину

    Asked by masterdot,

    0 votes
    10 answers

  18. Как ограничить ширину DIV'a в зависимости от контента?

    Кто может подсказать, как ограничить ширину DIV'a в зависимости от ширины изображения, помещенного в него кроме float и inline-block, width: auto Почему кроме? Потому, что как только эти свойства написать div'у с классом display-template перестает почему-то работать класс img-responsive, примененный к фото фотоаппарата. А width: auto вызывает проблемы при ширине окна <750px Проблема проявляется в FF, IE. В Хроме проблемы нет. Ссылка на то что сделано http://o-blog.ru/igntv-test/ Не пойму почему происходит конфликт display-template и img-responsive p.s. над адаптивностью еще работаю, так что при не больших размерах окна много чего криво. Пока споткнулся на "фотоаппар…

    Asked by To_wave,

    0 votes
    0 answers

  19. Как ограничить ширину выпадающего списка?

    Нужна помощь. вывожу выпадающий список из таблицы MySQL. Из-за того что текс длинный, элемент списка получается тоже широкий в длину содержимого записей, что выходит за край монитора. Как можно ограничить ширину элемента списка? (SELECT...OPTION.../SELECT) Спасибо за ответы.

    Asked by novice,

    0 votes
    4 answers

  20. Как один div выровнять по центру правого края другого?

    И чтобы при изменении размеров div-а относительно которого выравниваем, соответственно перемещался и второй div (который выравниваем)? p.s. первый div - блочный

    Asked by Destrifer,

    0 votes
    6 answers

  21. как одним кликом развернуть подкатегории и уйти на ссылку?

    У меня возникла задача сделать так, чтобы с помощью одного нажатия на категорию открывались и подкатегории и переходила по ссылке на основную категорию... В общем на словах трудно объяснить... Сайт duduka.ru Допустим категория АКЦИЯ При нажатии на нее должно одновременно перейти по ссылке АКЦИЯ и открыть подкатегории(для мальчиков, для девочек) Помогите пожалуйста! Сам не могу разобраться..

    Asked by rafael,

    0 votes
    6 answers

  22. как одним чекбоксом задавать сразу два параметра?

    В интернет-магазине есть форма с чекбоксами для фильтрации товаров по цене. Например: чекбокс1:"от 500 до 1000руб", чекбокс2:"от 1000 до 1500руб" и т.д. То есть каждый чекбокс должен передавать сразу 2 параметра: минимальную и максимальную цену. Как для этого нужно задать параметры name и value?

    Asked by Koroed,

    0 votes
    2 answers

  23. Как они это сделали?

    Сверху видно меню fasthtml.ru , если кликнуть по какому нибудь, то снизу текст(и прочее) изменится, Мне инетерсно как они это сделали? или они делали каждую страницу и потом тупо сделали ссылки на них? И еще на том же сайте, где текст внизу, рамка светло-голубая, как это сделать тоже?

    Asked by shogun,

    0 votes
    17 answers

  24. Как описать стили для текстового поля в форме?

    Как мне прописать стили для текстового поля формы, если форма находится в тбалице? <table border="0" cellspacing="0" cellpadding="0"> <form name="form" method="post"> <tr> <td><label>Название категории:</label></td> <td><input type="text" name="title" value="" required /></td> </tr> </form> Так не получается: table form tr td input[type=text] { тут стили }

    Asked by Rooner,

    0 votes
    3 answers

  25. как определить десктопный браузер или нет

    Всем здрасте. Суть проблемы: есть обычная версия и мобильная. Пользователям ПК сразу должна выдаваться обычная версия (ddd.ru) с этим проблем нет , пользователям мобильных устройств (кпк, смарт) предлагается на выбор или обычная, или кпк версия (pda.ddd.ru) вот тут-то я и стопанулся. Гипотетически надо определять по юзер агенту, но подробной информации по этому вопросуне нашел. Если кто поможет - буду очень благодарен.

    Asked by mongoose,

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