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. Какой способ лучше всего использовать для вставки видео с ютуба на сайте?

    Вот нужно вставить много видео на своем сайте,все видео с ютуба.Начал интересоватся то как это можно осуществить и вариантов оказалось немало,больше всего запомнился вариант через iframe изза своей простоты <iframe style="display: block; margin-left: auto; margin-right: auto;" src="http://www.youtube.com/embed/_uHPoG0Oaoc" frameborder="0" width="520" height="370"/> но он меня настораживает так как на том сайте на котором используют данную технику,видео с ютуба часто лагает,и приходится копировать адрес видео и наново грузить и смотреть через сам ютуб... В общем какой способ щитается лучшим?

    Asked by pudge,

    0 votes
    3 answers

  2. Как проще всего сделать спойлер(скрытый текст)

    На этом сайте нету о спойлерах ничего,в интернете показывают способы но слишком много лишнего в них,изза чего тяжело разобратся в принципе работы спойлера.

    Asked by pudge,

    0 votes
    3 answers

  3. Медиа-запросы VS Fluid Grid

    Начал изучать вёрстку сайтов под любое устройство. Ну т.е. адаптивный дизайн. Как я понимаю существует способ создания с помощью Медиа-запросов с подключением Respond.js для IE. Но так же есть технология создания одного сайта вычисляя с помощью формулы пропорций в процентах «target / context = result» для всех устройств(Fluid Grid). Все таки как правильно делать и какие сильные-cлабые стороны данных вопросов. Мне почему-то кажется что с помощью Fluid Grid не совсем получается то что надо и проблем с будущей версткой будет очень много..Например нужно в таком случае подгонять изображения, контент и т.п. постоянно. Прав ли я? Попробовал создать с помощью Fluid Grid все вро…

    Asked by Demon_gms,

    0 votes
    3 answers

  4. Три дива объединить, position: absolute не подходит. Что использовать?

    Прошу помочь реализовать одну идею, есть таблица из 1 строки и 2 колонок, размеры таковы( высота 100% ширина каждой колонки 50% от ширины экрана). В каждой ячейке фотография, нужно поставить прицел в центр каждой ячейки. Код <html> <head> <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0; padding: 0 } </style> </head> <body> <table height="100%" width="100%"> <tr> <td height="100%" width="50%" bgcolor="#CC9900"> <div id="okno1" style="height:100%;"><img src="1.jpg" height="886" width="955"></div> <div style="position: absolute; width:3px; height:50px; background:#f00;to…

    Asked by Атом,

    0 votes
    3 answers

  5. Просмотр картинок CSS

    Всех приветствую. Сразу скажу, я программист, но в веб-программировании новичок. Я хочу сделать просмотровщик картинок (скриншотов) на CSS без Javascript и jQuery. Перелопатил интернет на эту тему и большую часть подчерпнул из этого блога, а конкретно, из этой темы. Вот, что у меня получилось: Не устраивает режим просмотра. Что требуется: 1). Идеальный вариант. 1.1). Картинка меняет размеры (сохраняя пропорции), чтобы полностью входить на страницу по ширине и высоте. Картинка не растягивается более оригинального размера. 1.2). По клику на картинке, она принимает исходный размер, а на экране появляются горизонтальная и вертикальная полосы прокрутки. 1.3). В п 1.1 и 1.2 ка…

    Asked by Cube,

    0 votes
    3 answers

  6. tooltip скрывается при наведении

    возникла странная проблема, причем раньше с этим не сталкивался имеется такой вот код http://codepen.io/usf/pen/GgzxJ при наведении на квадрат появляется подсказка, если навести на подсказку то она сразу исчезает! хотя не должна, по идее. причем в хроме это работает нормально, а в мозилле и опере нет, ума не приложу, что такое.

    Asked by USF,

    0 votes
    3 answers

  7. Не хочет работать не как vertical-align:top;

    Вот в общем то такая проблема не как не хочет работать... Залил сюда _http://jsfiddle.net/hPqTp/ но как то все коряво отображает пришлось залить на ucoz _http://jur-cub.ru/ что бы понятнее было Правый блок ну не как не хочет подниматся в верх (Упертый наверное Хочу так же, посмотреть ваи сообщений на счет самой верстки есть ли у меня какие то косяки? Заранее спасибо.

    Asked by SanyaSV,

    0 votes
    3 answers

  8. Проблема с css

    Ребят, помогите плиз! У меня при изменении масштаба(или просто за компом с другим расширением экрана), всё куда то сползает, то куда то вверх, то вниз, ну В общем куда угодно тока не фиксируется там где нужно! Что мне делать?

    Asked by mitya1998,

    0 votes
    3 answers

  9. Оформление шапки сайта

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

    Asked by St.Jimmy,

    0 votes
    3 answers

  10. Активный раздел в меню

    Приветсвую друзья! Очень нужна помощь с меню в joomla. Никак не могу добиться чтобы активный раздел (раздел в котором находится пользователь в данный момент) был выделен в меню. Задача вроде бы тривиальная, но что то не выходит у меня никак. Искал аналоги, смотрел другие шаблоны, там все работает. Здесь никак. Выделение существет при наведении на пункт меню и снимается после того как пользователь перешел в раздел. Вот листинг который отвечает за стиль меню. ul#horizont_menu { MARGIN-LEFT:1px; DISPLAY:block; FLOAT:left; LIST-STYLE:none; } ul#horizont_menu li { DISPLAY:block; FLOAT:left; POSITION:relative; } ul#horizont_menu li ul { FLOAT:left; WIDTH:295px; LIST-STYLE:non…

    Asked by istorik,

    0 votes
    3 answers

  11. Макет

    Вот думаю как лучше всего сделать макет с таким расположением элементов(как на скрине). Подскажите пожалуйсто...

    Asked by sssppp6,

    0 votes
    3 answers

  12. проблема с резиновым меню

    Вот код: <html> <head> <title>Javascript</title> </head> <body> <style> nav{ margin:12px 5% 12px 5%; outline:1px solid red; height:61px; } nav ul{ overflow:hidden; } nav li{ background:red ; width:229px; float:left; margin-right:1%; height:61px; text-align:center; } </style> <nav> <ul> <li class=""><a href="#"><span>gh</span></a></li> <li class=""><a href="#"><span>yu</span></a></li> <li class=""><a href="#"><span>ytu</span></a></li> <li class="" ><a href="#"><span>ytuty</span></a…

    Asked by cypler,

    0 votes
    3 answers

  13. Bootstrap - вопрос

    Решил я заценить bootstrap и сразу же столкнулся с проблемой. Объясните, кто понимает пожалуйста. Мне нужно сделать сайт, шириной в 954px. Но адаптивный, то есть чтобы на сотовых и планшетах все было ок! Но! Bootstrap сам расчитывает ширину, и блок <container> - автоматом становится больше 954px. Если убирать responsive - то тогда я на сколько понимаю сайт не будет адаптивным. Ну, чтобы потренироваться мне нужно что-то типо этого, к примеру: http://a1-reklama.ru/ То есть тут ширина сайта 954px Как тут разметку то написать в bootstrap?

    Asked by Imperil,

    0 votes
    3 answers

  14. Как сделать чтобы объект не принадлежал к родителю?

    Мой сайтик не знаю как сделать, чтобы видео было не прозрачное, а фон оставался прозрачным. ибо прозрачность фона задается родителем...

    Asked by Resation,

    0 votes
    3 answers

  15. Стиль font и свойство inherit

    На странице http://htmlbook.ru/css/font запись font: [font-style||font-variant||font-weight] font-size [/line-height] font-family | inherit Что означает "| inherit"? - inherit может быть указан вместо задания font-family? - или вместо всех параметров?

    Asked by skvor,

    0 votes
    3 answers

  16. выпадающее меню

    как сделать, чтобы выпадающее меню залезало на слайдер, а то получается, что у меня слайдер налезает на меню, а не наоборот...

    Asked by aleksej,

    0 votes
    3 answers

  17. выделение tr

    Подскажите пожалуйста, имеется таблицы пускай стандартная <table class="table"> <tr> <td>1</td> <td>2</td> <td class="red">3</td> </tr> <tr> <td>1</td> <td>2</td> <td class="red">3</td> </tr> <tr> <td>1</td> <td>2</td> <td class="red">3</td> </tr> </table> .table tr:hover{ background-color:#00ff00; } .red{ background-color:#ff0000; } Вот при наведении на ряд, окрашивается ряд, кроме ячейки с классом red. Как реализовать чтоб он тоже окрашивался?

    Asked by darlov,

    0 votes
    3 answers

  18. Таблица со скроллбаром

    Здравствуйте! Нужно сверстать такую таблицу со скроллбаром. Пока не получается ограничить высоту содержимого, чтобы получилась прокрутка. HTML: <section class="prop_2"> <h3>Вес и количество:</h3> <div class="sectionInner2"> <div class="sectionInner"> <div class="detailsProp"> <div class="detailsPropHeader"> <div class="detailsPropRow"> <div class="detailsPropCell">Размер</div> <div class="detailsPropCell">Цена</div> <div class="detailsPropCell">Количество</div> </div><!--/.detailsPropRow…

    Asked by Светлана Гр.,

    0 votes
    3 answers

  19. Бэкграунд

    Доброго времени суток! На данный момент делаю мобильную версию своего сайта и хотелось бы узнать, какого размера должен быть бэкграунд, чтобы нормально отображался на таких девайсах, как iPhone, iPad. Помогите пожалуйста

    Asked by WooLunatiX,

    0 votes
    3 answers

  20. пару проблем

    вот что я сверстал http://auto.com.preview.ihc.ru/ такие вопросы: 1.как сделать, чтобы при 110% текст не убегал? 2. кнопка "заполнить опросный лист" как сделать, чтобы при hover эта картинка заменялась на другую, например такого же размера, только другого цвета ну и какие еще замечания?

    Asked by kl09,

    0 votes
    3 answers

  21. Прижать элемент с float книзу блока

    Подскажите. Вопрос новичка. Догадываюсь, что наверняка так сделать нельзя. Если у элемента (картинка) есть float: right/left. Его можно прижать к нижней границе блока-родителя? Вот таким образом - http://itmag.es/3Jzv Нужно разместить ее в нижнем правом углу контейнера.

    Asked by aaron,

    0 votes
    3 answers

  22. Отступ с верху сайта

    Я создал блок для шапки сайта и столкнулся с такой проблемой: Стоет мне создать теги в шапке тоесть <p id="slogan"><font color="#FFFFFF" size="+2">УДОБСТВО</font><br>наш приоритет</p> то на самом верху от браузера до первого <div class="top_div"> <p id="slogan">....</p> </div> появляется отступ. Вот мой CSS body{ background-color:#6d85ad; background-image:url(../images/bg_main.jpg); background-repeat:no-repeat; background-position: 0% 0%; margin:0; padding:0; } .top_div{ width:752px; height:150px; background-color:#bdc9dd; } Я уверен, что тут все верно. Отступ появляется только если появляется тег <p> Помогите по…

    Asked by Bakhruz,

    0 votes
    3 answers

  23. как отловить странички с помощью PHP

    Есть вот такой код: <?php if(($_SERVER['REQUEST_URI'] == "/ggame")||($_SERVER['REQUEST_URI'] == "/ggame/")||($_SERVER['REQUEST_URI'] == "/ggame/page/1/")) { echo <<<HERE тут необходимые действия HERE; } ?> В примере код срабатывает для первой странички раздела "Игры". Скажите пожалуйста, как можно без перебора вариантов отобрать сразу целый раздел? То есть, если страничек будет 10 или 20 перебирать очень долго. Есть ли какое-то решение?

    Asked by alleclf,

    0 votes
    3 answers

  24. Меню сайта и активный элемент.

    Добрый день, есть меню, в меню настроенны активные ссылки, т.е если я на главной, главная в меню активна, нужно сделать так, когда юзер наводим мышку на другие категории меню, активность сбрасывается, убирает мышку, опять появляется. Возможно ли реализовать на чистом CSS??? Если нет, подскажите куда копать... Всем спасибо.

    Asked by romaalupka,

    0 votes
    3 answers

  25. Не вмещается меню

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

    Asked by danru,

    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