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. горизонтальная полоса прокрутки при уменьшении окна браузера

    Я создала несколько страниц,но когда я уменьшаю окно браузера, все элементы на странице налегают друг на друга в хаотичном порядке. Попробывала в стилях к body задать минимальную ширину (100%,1024 px...),но это не помогло,уменьшаю окно и всё опять накладывается друг на друга. Неужеле минимальную высоту нужно задавать к каждому элементу на странице отдельно? Или всё-таки можно к body? Или есть другой способ? Может я не те размеры задаю?

    Asked by eleonore,

    0 votes
    3 answers

  2. Горизонтальная полоса прокрутку

    Всем привет. Заметил, что на сайте появилась большая горизонтальная полоса прокрутки, не могу найти причину. Помогите, пожалуйста. http://a96362zl.bget.ru/

    Asked by IvanRu08,

    0 votes
    1 answer

  3. горизонтальная прокрутка

    Подскажите пожалуйста, столкнулся вот с таким экземпляром и проблему не могу найти, все страницы с горизонтальной прокруткой. http://club-podolsk.ru/index.php/goriashie.html Заранее благодарен

    Asked by dimdimin,

    0 votes
    15 answers

  4. Горизонтальная прокрутка

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

    Asked by Ichy,

    0 votes
    7 answers

  5. Горизонтальная прокрутка

    Добрый день. У меня следующая проблема. Есть разметка <div class="carousel"> <a href="#"> <img src="some_src"> </a> <a href="#"> <img src="some_src"> </a> <a href="#"> <img src="some_src"> </a> .... </div> и стили к ней .carousel { overflow-x: auto; width: 300px; height: 90px; } .carousel a { display: block; float: left; margin: 3px; } и вместо горизонталсной прокрутки получаю вертикальную прокрутку пробовал также вместо float: left; display: inline-block, не помогло. что дел…

    Asked by tiko-svyazist,

    0 votes
    3 answers

  6. Горизонтальная прокрутка (white-space)

    Доброго дня уважаемое сообщество. Столкнулся с неприятным нюансом и очень нужна помощь. https://jsfiddle.net/96o200ds/2/ Для горизонтальной прокрутки у меня блок .overview имеет white-space: nowrap; (Потому что если не поставить так, тогда горизонтальная прокрутка не появится, а контент будет идти себе по высоте вниз). Выставить четкую ширину (например: 2000px ) я не могу, так как ширина контента динамическая. Проблема в том, что контент не хочет выстраиваться на всю высоту и идти себе по ширине дальше, за границы видимого блока, а выстраивается в одну строчку. Можно ли сделать так, чтобы контент заполнял всю высоту и дальше выстраивался себе в ширину? П.С.…

    Asked by Velidan,

    0 votes
    7 answers

  7. Горизонтальная прокрутка 1024px

    Часто дизайнер делает дизайн шириной 1024px. Как быть с горизонтальной прокруткой, которая может появится при разрешении 1024х600 или 1024х768. - Делать меньше врапер - как бы нарушается уже дизайн; - overflow-x:hidden для <body> - предполагаю, что это в корень неправильно. Есть ли где нибудь информация по этому поводу, это промахи дизайнера или все на самом деле просто?

    Asked by gritsyuk,

    0 votes
    6 answers

  8. Горизонтальная прокрутка или Страница под ширину экрана.

    Доброго времени суток. Сайтом занимаюсь всего 3 месяца, поэтому смело называюсь чайником. Задач поставлено много, но с одной справиться не могу. На сайте http://nastya-for-you.dp.ua/ проблема при масштабировании браузера более 100%. Все виджеты сползают в подвал. А на маленьких экранах (нетбук) вообще всё сползает вниз. Подскажите может скрипт какой или код куда прописать. Попробовал вот такую штуку http://www.cms-sd.ru/stati/javascript_i_jquery/htmlscale_mashtabirovanie_stranici_pod_shirinu_ekrana но результатов никаких. Спасибо.

    Asked by Livo85,

    0 votes
    9 answers

  9. Горизонтальная прокрутка при адаптивной верстке

    del

    Asked by dmink,

    0 votes
    3 answers

  10. Горизонтальная прокрутка при больших изображениях с центровкой изображения

    Здравствуйте! Есть изображение размером 1900px/528px. Надо чтобы горизонтальная прокрутка появлялась при размере экрана 1170px с центровкой изображения. Мой код: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Горизонтальная прокрутка</title> <style> *{ padding: 0; margin: 0; } .main_background{ width: 2000px; height: 528px; background: url(http://i6.imageban.ru/out/2016/06/01/c4c0656fcf6bac97bc7bd0541a995b87.jpg) no-repeat; } .main_background { /*width: 100%;*/ position: relative; left: 50%; margin-left: -950px; min-width: 1160px; max-width: 1900px; overflow: hidden; …

    Asked by vladd56,

    0 votes
    3 answers

  11. горизонтальная прокрутка при выносе элемента за правый край

    Здравствуйте, коллеги! Подскажите, пожалуйста, как побороть появление горизонтальной прокрутки при абсолютном позиционировании элемента за правым краем страницы? Например, делаем элементу position:absolute; right: -160px; - получаем горизонтальный скроллбар на 160 пикселей... Помогает overflow:hidden для body или для блока-контейнера страницы, но тогда область страницы, не поместившаяся в один экран, скрывается...

    Asked by Elflight,

    0 votes
    2 answers

  12. Горизонтальная прокрутка товаров и эффект при наведени

    Добрый день! Имеем горизонтальный блок товаров с прокруткой: Но при наведении необходимо добавлять в каждый товар какой то текст (его свойства), и этот блок должен показываться поверх прокрутки, полностью. Как это можно реализовать? Ведь если задать общему div: overflow-x: scroll; То div, на который мы навели, будет обрезан, либо увеличен размер внешнего тега div, что недопустимо, он должен быть всегда одной величины.

    Asked by Bryant-24,

    0 votes
    2 answers

  13. Горизонтальная прокрутка только на левую колонку

    Двухколоночный сайт. Ширина страницы - 100%. Горизонтальную прокрутку - только на левую колонку. Идеи?

    Asked by ferr,

    0 votes
    3 answers

  14. Горизонтальная прокуртка в Опере и overflow. Не могу их подружить.

    Привет народ! Подскажите кто нибудь пожалуйста (уже мозги себе сломал). У меня на сайте сейчас (см. рис.) #main-wrapper { overflow: visible; } в результате на стреницах с цумом дикая горизонтальная полоса прокрутки в Опере http://wenishop.ru/dlya-samykh-malenkikh/tsarapki-pinetochki/pinetki-detskie Единственный выход ее убрать это задать (писал сам може и бред): #main-wrapper { overflow-y: visible; overflow-x: auto; } Но, в этом случае Цум не выходит за границу контейнера. Может есть другое решенеие, чтобы и за границу контейнера выходило, горизонтальной прокрутки не было?

    Asked by VasyOK{!},

    0 votes
    4 answers

  15. Горизонтальная\вертикальная прокрутка изображений

    Друзья помогите пожалуйста, искал в сети решение - внятно ответа не нашел Ситуация: есть горизонтальный список изображений с прокруткой + центральное увеличенное изображение, как править код что бы горизонтальный список стал вертикальным Бьюсь над этой проблемой не первую неделю, если кто знает подскажите пожалуйста

    Asked by sol,

    0 votes
    6 answers

  16. Горизонтально выпадающие меню на всю ширину сайта

    Помогите сверстать меню такого плана, чтоб при наводке мышкой, выпадало меню не в столбик, а на всю ширину экрана в одну линию.

    Asked by pashkje,

    0 votes
    0 answers

  17. Горизонтально меню с разделителем пуктов картинкой

    Здравствуйте, суть проблемы: есть меню <div class="mainmenu"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Услуги</a></li> <li><a href="#">Новости</a></li> <li><a href="#">Контакты</a></li> </ul> </div> его стиль .mainmenu { height: 50px; background-color: #003362; border-radius: 20px 20px 0 0; } .mainmenu ul { padding-left: 20px; margin-top: 0; } .mainmenu ul li{ list-style: none; display: block; float: left; padding: 0 15px 0 15px; height: 50px; background: url(../images/tab.jpg) 0 50% no-repeat; /* картинка разделитель*/ } .mainmenu ul…

    Asked by alfaq,

    0 votes
    2 answers

  18. Горизонтально-ориентированное положение страницы в Ipad

    Здравствуйте, друзья. Как-то встречался (или это плод моего воображения) мне мета-тег, который запрещает автоповорот страницы на Ipad и прочих планшетах. Если это действительно так, то помогите в данном вопросе, поделитесь, пожалуйста ссылочкой. Заранее благодарен всем откликнувшимся.

    Asked by goooooch,

    0 votes
    1 answer

  19. Горизонтального меню на списке

    Доброго времени суток! Делаю горизонтальное меню с разделителями. Разделители обычный слэш "/" Решил использовать псевдоэлементы для вставки разделителей. Контейнер имеет float и его размеры не известны (резиновый). Естественно расстояние между элементами списка должно "тянуться". По сему решил сделать margin у псевдоэлементов с процентным значением. В итоге наблюдаю, что последний элемент списка переносится из-за недостатка ширины контейнера. Причем видно, что ширина контейнера равна ширине блока без margin у псевдоэлемента. Складывается ощущение, что браузер просто "теряется", ибо не знает откуда взять значения для расчета полей. Замечу, что при "ручном" измен…

    Asked by c01nd01r,

    0 votes
    6 answers

  20. Горизонтальное CSS меню

    Здравствуйте уважаемые форумчане. Мне нужно сверстать простое горизонтальное меню при помощи CSS. Вот html код <div class="meny"> <!--Оказывается горизонтальное меню на CSS делается по другому принципу нежели то, меню, что я делал для своего сайта "Эволюция и происхождение человека, а именно через списки.--> <ul> <li> <a href="index.html">Главная </a> </li> <li> <a href="info.html"> Важная информация </a> </li> <li> <a href="histori.html"> История </a> </li> …

    Asked by SergKond,

    0 votes
    1 answer

  21. Горизонтальное выпадающее вверх меню на css в IE и Opera

    Здравствуйте. Есть выпадающее меню на html+css. В Мозилле все нормально по выпадающем меню можно водить мышкой, выбирать пункты и т.д. В Опере и в ИЕ проблема, когда наводишь на пункт где есть выпдающее меню - оно появляеться, но если наводишь на него то оно сразу пропадает. В чем может быть проблема: Код CSS: ul.cssMenu ul{display:none} ul.cssMenu li:hover>ul{display: inline;} ul.cssMenu ul{position: absolute;left:-1px;bottom:98%;} ul.cssMenu ul ul{position: absolute;left:-2px;bottom:98%;} ul.cssMenu,ul.cssMenu ul { margin:0px; list-style:none; padding:0px 0px 3px 0px; } ul.cssMenu table {border-collapse:collapse;}ul.cssMenu { display: inline; zoom:1; position…

    Asked by EnergY2007,

    0 votes
    1 answer

  22. Горизонтальное выпадающее меню

    Здравствуйте! Есть горизонтальное выпадающее меню: 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" xml:lang="en" lang="en"> <head> <title>Untitled</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="111.css" media="all" rel="stylesheet" type="text/css" /> </head> <body> <ul class="dropdown"> <li class="top"><a href="#">Level 1 link</a></li> <li class="top"><a href="#">Level 1 link</a> <span>v</span> <u…

    Asked by Great Rash,

    0 votes
    4 answers

  23. Горизонтальное выпадающее меню

    Здравствуйте. Пожалуйста, отзовитесь, помогите. У меня гор.выпадающее меню на Js. При ширине экрана 1024 в IE последние две ячейки перескакивают вниз. Еще замечено, что в ячейках, после нажатия, исчезает текст и она полностью залита в один цвет. Очень хочу исправить, если нужно кардинально переделать меню, только помогите. Ниже привожу код и таблицу стилей. <table align="center" border="0" cellpadding="4" cellspacing="2" width="100%"> <tr> <td class="nonp"> <div class="horizontalcssmenu"> <ul id="cssmenu1 menu"> <li style="border-left: 1px solid #EE5C20;"><a href="index.html">Главная</a></li> <li><a href="clas…

    Asked by Mihail-eremenko,

    0 votes
    2 answers

  24. Горизонтальное Выпадающее Меню

    Добрый день. Ниже приведен код меню: http://jsfiddle.net/96P6K/1/ 1) Как сделать его горизонтальным? не пойму; в css добавлял св-во display: inline и inline-block, не помогает. Подскажите кто-нибудь.

    Asked by ThierryH,

    0 votes
    12 answers

  25. Горизонтальное выпадающее меню

    Доброго времени суток! Подскажите пожалуйста, как выровнять выпадающее меню по горизонтали? http://codepen.io/anon/pen/wGvBNQ

    Asked by luckyguy,

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