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. Фреймы

    Здравствуйте. Решил освоить фреймы, много копался, начал делать и наткнулся на проблемку, для чего мне это нужно объяснять не буду дабы это не важно. В общем суть проблемы: Вот мой код: <html><head><title>frame</title></head><frameset cols="50%,*" rows="500,*" bordercolor="#000000"><frame src="2.html" name="page1"><frame src="3.html" name="page2"><frameset rows="500,*" bordercolor="#000000"><frame src="4.html" name="page3"></frameset></frameset> </html> вот что вышло: И беда в том что мне нужен один из вариантов ниже: либо так: Либо так: Как мне это осуществить? и в чём моя проблема?

    Asked by dimon9512,

    0 votes
    13 answers

  2. Выровнять фрейм как надо

    <body style="margin:0px;"> <center> Text1 </center> <center><p><iframe src="h_f_l.html" width="200" height="200" style="margin:50%;" ></iframe></p></center> <center> Text2 </center>Хочу сделать так, что бы фрейм постоянно был по центру страницы, оставался по центру стрницы и при растягивании или сжатии страницы, проблема в margin, если на 50% то он улетает куда то далеко вниз... <body> <iframe src="h_f_l.html" width="200" height="200" style="left:10%; top:10%; position:absolute; position:fixed; "></iframe> <iframe src="h_f_r.html" w…

    Asked by jestyman,

    0 votes
    2 answers

  3. Не адаптивная верстка bootstrap

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

    Asked by Sten8509,

    0 votes
    1 answer

  4. Ие 11 - режим эмуляции

    http://joxi.ru/W0cQUxjKTJAbRxhMvxI Скажите - вот это панель и есть выбор режима совместимости?

    Asked by Zverushka,

    0 votes
    14 answers

  5. Padding у input тектса

    Есть форма: http://jsfiddle.net/6BU8r/ Когда: .form-contact input[type="text"] {padding: 0;}Все инпут поля вписываются в рамки "form-content", а когда устанавливаем: padding: 0 20px; То происходит увеличение длины инпута и выход его за пределы? И второй вопрос - как вписать эти инпут-поля в "form-content", чтобы они не вылезали? Спасибо!

    Asked by cluboy,

    0 votes
    3 answers

  6. Недостаточно плавная анимация

    http://jsfiddle.net/hj2Yk/ Можно ли сделать плавнее?

    Asked by Zverushka,

    0 votes
    28 answers

  7. Как сделать, чтобы при нажатии на ссылку появлялся сбоку блок(div)?

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

    Asked by alex1998,

    0 votes
    5 answers

  8. Выравнивание элемента под изображением

    Есть двухколоночный макет, есть DLE, есть статья с изображением и категория к которой она принадлежит. Не могу разобраться как категорию прижать к концу статьи (место обозначил зелёным). <span class=catclear><small class=categoryfullstory>Категория:</small> {link-category}</span>span.catclear { clear:both; font-family:Courier New; } И почему, когда у категории вместо <span class=catclear> стоит <div class=catclear>, то категория сползает вниз.

    Asked by Delat,

    0 votes
    5 answers

  9. Не отображается сайт

    Купил домен. оплатил хостинг. Закинул файлы на сайт. Но мне выдаёт следующее К сожалению, Google Chrome не может найти страницу www.fotosvami.ru.Открыть кэшированную копию страницы www.­fotosvami.­ru. Сайт Fotosvami.ru Мне кажется я что-то напутал в коде или не туда закинул. Просто везде написано кидать в папку public ,но у меня такой нет(( Есть только www и потом папка с названием сайта. Кинул всё туда. Index.hml вроде есть. Его содержимое вот <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>Сайт Борисовской Татьяны</title> <link rel="stylesheet" href="assets/css/s…

    Asked by werwolfa666,

    0 votes
    1 answer

  10. Сохранение пропорций изображения

    Добрового времени суток. Подскажите, как для тэга img в CSS задать правило сохранения пропорций (аналогично как background-size: cover;). У меня вот следующая конструкция: .img-intro-left{ float: left; border: 3px solid #FCBF66; margin-right: 15px;}.img-intro-left img{ width: 150px; height: 150px;}Но при определенных размерах ширины и высоты изображения - оно естественно искажается. Возможно ли это реализовать на CSS? Заранее благодарю за подсказки

    Asked by DarkTranquillity,

    0 votes
    2 answers

  11. Четкие вопросы новичка

    Вот например я нашел такой макетик. Мне нужно сделать полноценную рабочую страницу. Только я не совсем понимаю, что от меня требуется в целом. Знаю что сверстать и пару скриптов реализовать. В общем - Кто может, посмотрев на макет описать по пунктам процесс всей работы? Буду очень благодарен!

    Asked by 122199133,

    0 votes
    8 answers

  12. div в оставшуюся высоту экрана

    Ребята привет. Делема в том, что нужно растянуть div.conteiner во всю оставшуюся от шапки div.head высоту экрана, что бы не появлялась полоса прокрутки. Вот код http://jsfiddle.net/MsnWg/12/ Подскажите пожалуйста как можно сделать.

    Asked by SnowWind,

    0 votes
    11 answers

  13. список с сортировкой по горизонтали

    Всем привет, Подскажите, пожалуйста, а как сделать простенький список с сортировкой ( jqueryui/sortable ) вида : <ol class='example'> <li>First</li> <li>Second</li> <li>Third</li></ol>Чтобы элементы списка лежали по горизонтали и таскать элементы можно было бы за один из элементов. То есть каждый li элемент состоит из картинки(основное содержание спискеа) и еще пары инпутов и еще одной картинки и чтобы сортировать можно было как раз за эту картинку ?

    Asked by mstdmstd,

    0 votes
    7 answers

  14. Google Analytics завышает посещения

    Всем привет, подскажите пожалуйста, Google Analytics на сайте завышает все показатели более чем в 10 раз, по сравнению со счетчиками Яндекс.Метрики, Liveinternet и Piwik. Порядок цифр примерно такой: google 50-80k посетителей в день остальные 5-7к посетителей в день С чем это может быть связано? Правда есть один нюанс - до 80% трафика это переходы с YouTube и других источников по ссылкам, открывающимся в новом окне, может ли это быть связано? Заранее спасибо за ответы.

    Asked by Miha1l,

    0 votes
    6 answers

  15. Проблема верстки

    Доброго времени суток, сделал верстку, блочная, с разделением центра на левую и правую часть, с прижатым к низу футером. Но есть одна проблема, центральные левый и правый блок никак не получается растянуть на все свободное пространство, т.к. контейнеру, в котором он находится присвоено: min-height: 100%;height: auto !important;height: 100%;Cделано чтобы прижать футер к низу страницы c с использованием доп блока : <div class="footer-push"></div>Нужно придумать какое-то решение, желательно кроссбраузерное и без использования таблиц, чтобы как-то прижать левый и правый блок к низу. Вот верстка: http://jsfiddle.net/KfWLM/1/ Скриншот страницы:

    Asked by Kenshi24,

    0 votes
    1 answer

  16. Почему один стиль таблицы переобпределяет другой?

    Почему такое происходит?? http://cssdeck.com/labs/oylyzxcb Для каждого блока, содержащего таблицу, прописаны стили для этих таблиц, но почему то стиль для второй таблицы переопределяет стиль первой, хотя она даже не в том блоке! (у верхней шрифт должен выравниваться по центру, но выравнивается по левому блоку, согласно стилям для второй таблицы) Почему так получается?!

    Asked by Vasler,

    0 votes
    17 answers

  17. Именно в поиске у 5-го li приписывает стили 6-ой li, что за бред?

    CMS DLE При поиске: На главной: http://zfilm-hd.ru/ Что за глюки у DLE?

    Asked by Guest Feniks000,

    0 votes
    8 answers

  18. Проблема в верстке, при уменьшении размера браузера

    Здравствуйте, вот пример моей проблемы http://arm.zz.mu/ При уменьшении размера окна меньше чем 1200 пикселя, с права появляется полоса. Я знаю в чем проблема. Проблема в том что есть класс "width", из-за которого все это получается. может кто подскажет решение данной проблемы... https://pp.vk.me/c424420/v424420357/94a5/fjA8J-ZA_eg.jpg

    Asked by gameviktor,

    0 votes
    2 answers

  19. "Обрезка" и выравнивание картинок (как сделать?)

    Здрасте всем. вот пример: http://brendov.com/news-actions часть картинок в каталоге имеет разные пропорции. из-за этого строки с товарами получаются разной высоты. заранее делать предобработку картинки клиент не сможет, там просто некому. подскажите решение, как сделать картинки одинаковыми по высоте, при этом перекрывая обрамляющим элементом "уши" картинки? P.S. есть подозрение, что очень просто, но видимо я заработался, и не вижу решения в упор.

    Asked by d0ublezer0,

    0 votes
    11 answers

  20. Двойной фоновый рисунок

    Добрый вам день!!! Создаю свой первый сайт, продумал дизайн, но столкнулся с проблемой реализации. по замыслу страница имеет один задний фон, циклирующийся до конца страницы, высотой 14 px, в формате jpg. но поверх него мне нужно наложить второй фон в формате png высотой 240 px. как вы пониматете, в один фон их не уместить, иначе в конце страницы будет пробел. что-то похожее я изобразил. второй фон появляется поверх первого, но как-только заканчиввется строка меню сайта, от исчезает за основным фоном. что не так? как поправить? вот ссылка: http://infobusiness.hol.es/index.html 1. основной фон - серый, сбоку с как бы решеткой 2. второй фон - диньги, видна только качть под…

    Asked by lexxxand,

    0 votes
    1 answer

  21. Появляется полоса прокрутки помогите

    <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="templates.css"> <title>Site 3</title></head><body> <div class="warp"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containi…

    Asked by alacka,

    0 votes
    12 answers

  22. Выделение пункта меню, в котором просматривается подменю

    Доброго времени суток всем! Есть горизонтальное меню с выпадающими списками подменю. Выпадает всё здорово, но подсвечивается несколько не так, как хотелось бы. Чего хочу, и что не получилось: когда наводится мышь на пункт меню - всё здорово, пункт подсвечивается оранжевым, меню выпадает, но после того, как мышь уходит с основного пункта меню и начинает "гулять" по подменю, подсветка с основного пункта меню пропадает, а должна оставаться. когда на ней hover - она загорается, hover пропал - пропала подсветка. как заставить светиться этот пункт, пока я шарю мышкой в пределах его подменю? пример в картинках вот так оно есть сейчас: вот так надо (монтаж): вот кусо…

    Asked by Ник Ример,

    0 votes
    4 answers

  23. Как сделать?

    Как сделать, чтобы красный блок растягивался по высоте на все свободное пространство внутри желтого блока? http://jsfiddle.net/UL8Ak/2/

    Asked by Kenshi24,

    0 votes
    23 answers

  24. Как повесить ссылку на элемент списка li ?

    Здравствуйте подскажите пожалуйста такую штуку: Есть список (тут показан только первый элемент списка) <div class="we_offer clearfix">Основные конкурентные преимущества работы с нами <ul> <li class="analyze fist_child"> <div class="thumbnail clearfix"><span><em> </em></span> </div> <h3>Тут текст</h3> <div class="block_content">Тут текст</div><a class="Readmore" href="/informatsiya-o-materiale"> Подробнее </a> </li></ul></div>В css прописана картинка, вот можно ли как-нибудь эту картинку сделать ссылкой?? .we_offer ul li.analyze span {background: url(a…

    Asked by quake3,

    0 votes
    3 answers

  25. Помогите, пожалуйста, с версткой. Проблема отображения.

    Помогите, пожалуйста, с проблемой.Есть какой то конкретный каркас. Я задаю контейнеру (там, где будет находиться весь контент), предположим, ширину в 1024px. При этом хочу сделать верхнюю строку на всю ширину экрана, то есть, я помещаю его НЕ в контейнер и задаю определенную высоту и width=100%.И тут возникает проблема - если экран, предположим, >1024, то полоса без проблем тянется, но стоит открыть верстку в разрешении, например, с iPad или с любого другого мобильного устройства, или при просмотре через эмулятор мобильных устройств, эта полоса внезапно прерывается.При чем, это происходит, если делаю, например, background:url("какой-то путь") repeat-x transparent;Такая…

    Asked by Stranger,

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