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 Pumych,

    0 votes
    0 answers

  2. При объединении gulpом css файлов, заменяет ссылки на border-image

    Добрый день, подскажите. до объединения css файл: shapka { border-image-source: url(img/shapka.png); } и после: shapka { border-image-source: url("../../../../src/css/img/shapka.png"); } как получить такой путь? shapka { border-image-source: url("../../src/css/img/shapka.png"); } или сделать чтобы ссылку не трогал при объединении? gulpfile.js

    Asked by 1mp0rt,

    0 votes
    1 answer

  3. При одинаковых расширениях лишняя деталь в верстке

    Проблема такова:у меня с другом одинаковое расширение Экран 15.6'' (1366x768) запускаем сайт http://skazochniy-domik.ru/ у него все хорошо,а у меня снизу после футера,белая полоса скрин: http://rghost.ru/56189911

    Asked by alexqq,

    0 votes
    1 answer

  4. При открытии fancybox

    Asked by pismenny,

    0 votes
    4 answers

  5. При открытии ссылки во фрейме - поднять полосу прокрутки вверх ?

    Здравствуйте. Такая ситуация: Есть индексный документ с большим списком ссылок, который открывается во фрейме. Список длинный и на экран не помещается - появляется полоса прокрутки. И проблема заключается в том, что если нажимать на ссылку, которая находится внизу списка, то документ открывается в этом же фрейме, но его не видно сразу, т.к. мы находимся внизу бегунка. Приходится пониматься вверх по полосе прокрутки чтобы увидеть документ.. Как можно подниматься вверх страницы после открытия ссылки ?? Надеюсь понятно объяснил Спасибо заранее.

    Asked by quake3,

    0 votes
    7 answers

  6. При открытии страницы через phpdesigner 7 выходит ошибка

    При открытии страницы через phpdesigner 7 выходит не удается получить доступ к сайту.

    Asked by dementore,

    0 votes
    0 answers

  7. при относительном позиционирование в ie6 появляються пустые места

    есть контейнер с главной картинкой, в этот контейнер добавляеться блок с другой картинкой, который с использованием относительного позиционирования наслаиваеться на главную картинку, во всех браузерах после основного контейнера нет никаких отступов, а в ie6 появляеться отступ высотой со встроенный блок. Высота основного блока задана , как для ie6 убрать этот отступ?

    Asked by duffny,

    0 votes
    12 answers

  8. при очень длинном слове div уплывает вниз

    В общем есть один div - контейнер. Внутри него еще 2 дива, меню и контент, со свойствами float: left . Если я в диве контента напишу ооооооооооооооооооооочень длинное слово, он уплывает вниз, под меню, так как целиком слово вместить в отведенный width 70% не может. Не подскажете как сделать так чтобы он не уплывал?

    Asked by Cher80,

    0 votes
    2 answers

  9. При подключении css сбивается выравнивание таблицы

    Требуется выровнять таблицу по центру. Если не подключать таблицу стилей или если не создавать в ней селектор для таблицы, то выравнивание, как нужно, по центру. А с таблицей стилей - таблица липнет к левому краю только в Опере и Мозиле! В IE, Dreamweaver все норм. Помогите, пожалуйста. html-файл <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <link type="text/css" rel="stylesheet" href="st.css"> <TITLE>Личный сайт Стёпы</TITLE> </HEAD> <BODY> <table id="menu" width="400px" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="17px"><…

    Asked by Gorgo,

    0 votes
    3 answers

  10. При подключении CSS шаблон в ФФ падает, даже при пустом ССS файле.

    Верстаю шаблон, (вверху и внизу 2-ве приклееных менюшки, посередине будет блок и конечно все будет на аяксе) в Опере и Осле всё отображается нормально, а в ФФ headerpanel и footerpanel не приклеиваются, помогите плиз разобраться. Методом тыка выяснил что в ФФ шаблон падает когда подключаю ccs, когда объявляю <link href="menu.css" type="text/css" rel="stylesheet" > и данный файл существует (возможно он даже пустой, это сути не меняет), когда его нет, тогда всё нормально. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <head> <title>Шаблон</title> <meta http-equiv="Content-Type" content="text/html…

    Asked by AlexW,

    0 votes
    14 answers

  11. При подключении css, визуально пропадает весь контент

    Доброго времени суток, господа. Подскажите, вот такая странная ситуация, есть страница, есть лист стиля, сама страница работает нормально, а при подключении стиля все ссылки и тексты исчезают из поля зрения, т.е. в результате пользователь видит просто стилизованную страницу без текста и ссылок, хотя если в браузере сделать просмотр html кода, то там всё есть. Что за магия, можете подсказать? ниже представлен css код. * {margin: 0;padding: 0;} html {height: 100%;} header, nav, section, article, aside, footer {display: block;} body {font: 12px/18px Arial, Tahoma, Verdana, sans-serif;height: 100%; background-image:url(bg.png); background-color:#000000; background-size:100…

    Asked by McLotos,

    0 votes
    2 answers

  12. При помощи чего можно реализовать меню с изображения.

    Добрый день! Есть меню, приведенное на изображении(часть макета PSD. Весь, к сожалению, не удалось пока заполучить). Возникли трудности с пониманием: как на чистом css, html реализовать его. А именно две трудности: как сделать левую часть меню с датами, с точками и вертикальной полосой ,и как при :focus выделить сразу два блока(как это показано на изображении)? Есть еще третий вопрос: при нажатии на пункт меню в соседнем блоке , где располагается основной контент, автоматически отображается информация касательно выбранного пункта(для более подробного и внятного объяснения-информация о человеке, его карьере за указанный промежуток времени). То есть, это не ссылка-якорь.…

    Asked by Super_Saimon,

    0 votes
    4 answers

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

    При попытке адаптировать HTML/CSS шаблон для DLE вниз уплывают смайлы вот что имеем Может кто знаком с DLE, что в ответе за такую каку.

    Asked by magls,

    0 votes
    0 answers

  14. При попытке открыть файл в формате php, браузер его скачивает!

    Доброй ночи, форумчане! Такая вот проблемка с браузером Firefox - при попытке открыть любой файл с расширением php, браузер благополучно его скачивает. Естесно, с таким файлом не поработаешь. Возможно как - то отключить такую неприятную... "Особенность?!

    Asked by Святослав,

    0 votes
    4 answers

  15. При появлении скролла, контент, привязанный по середине прыгает

    В ie справа отображается полоса по умолчанию. В остальных нет. Проблема в том, что сначала страница будет маленькая, потом можно будет открыть блок, и страница разворачивается. Контент привязан по середине. А с появлением полосы прокрутки 100% изменяется, и контент прыгает, не приятно. Сделать полосы прокрутки сразу - так появляется еще и полоса внизу, не очень нра. надо, что бы способ работал тут: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="ru" xml:lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv…

    Asked by SCHNITZER,

    0 votes
    5 answers

  16. При пробеле слетает слово

    В боковой менюшке ставлю пробел между словами а слово слетает на строку ниже. Если пишу слитно (даже если слово больше) все слово влазиит. А если поставлю хотя бы одну букву через пробел она слетает на строку ниже.

    Asked by Gintos,

    0 votes
    32 answers

  17. При прокрутке экрана часть цыфр стирается

    При прокрутке экрана часть цыфр стирается, подскажите пожалуйста в чем проблема, вот код фрагмента: <div id="headline"> <div class="newsblock"> <div class="val"> <div class="yes"> <div class="num"><a href="">96</a></div> </div> <div class="odobreno"><a href=""<img src="images/odobreno.gif"></a></div> </div> </div> </div> #headline { width:66.7%; float:left; background:#fff; padding:10px; font-size:1.05em; line-height:1.5em; margin:0; } #headline div.newsblock { width:'*'; height:110px; display:block; float:left; } #headline div…

    Asked by on-line,

    0 votes
    6 answers

  18. При просмотре Гугл Хромом таблицы прижимаются к верхней границе

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

    Asked by Likhin,

    0 votes
    13 answers

  19. При просмотре сайта в iOS перепутаны все картинки

    У меня возник глюк, подобного которому не смог найти ни в российском ни в англоязычном сегменте. Сайт http://nastobr.com/ Если зайти ПЕРВЫЙ раз с любого устройства iOS (то есть айфона или айпеда), причем из любого браузера, то все картинки перепутаны, то есть например логотип откуда-то из низа страницы встает вместо картинки баннера, или фотка из анонса может встать вместо скана лицензии и т.д. Если просто обновить страницу, то глюк исчезает и его можно снова увидеть лишь очистив кеш. На других устройствах: десктопе или из андроиде глюк не проявляется. Клиент мне всю плешь уже этим глюком проел, а я не понимаю что происходит. Что это может быть?

    Asked by Hamulus,

    0 votes
    1 answer

  20. При просмотре сайта через смартфон не загружается css

    Недавно закончил с основным наполнением своего первого интернет-магазина и решил заняться оптимизацией. Проблемы с блокирующими css удалось решить с помощью операторов preload таким образом: <link rel="preload" as="style" href="style.css" onload="this.rel='stylesheet'"> Как javascript, помещал таблицы стилей в самый низ кода страницы. Скорость загрузки возросла до 96/100 по данным PageSpeed Insights. Но! Появилась новая проблема, которую я не могу решить по сей день, а именно: вообще не загружаются таблицы стилей при просмотре сайта через смартфон (также Google бот не загружает стили)! Менял самые основные на обычный link rel="stylesheet" type="text/css"-загру…

    Asked by acsoncry,

    0 votes
    0 answers

  21. При работе с xhtml нужно это указывать в текстовом редакторе?

    Ну, когда я верстаю html то сохраняешь файл с концом html, doctype html строгий или переходный ставишь в начало документа. А когда верстаешь xhtml нужно кроме установки другого doctype в начале кода ещё, что-то менять? Я нашёл там в опции документ, язык потом разметка переключение с html на xml, какой-то.

    Asked by jentlmen,

    0 votes
    3 answers

  22. При реализации переноса селектора по странице пропадает возможность выбора пунктов

    При реализации переноса селектора по странице пропадает возможность выбора пунктов. Что нужно добавить или изменить в коде? Вот ссылка на код - https://jsfiddle.net/xbLrq9uu/1/

    Asked by demamon,

    0 votes
    0 answers

  23. При ресайзе окна из-зи границы выступает слой.

    Господа, вот следующий код: <div style="overflow:hidden; width:100%;"> <div style="width:400%; position:relative; left:-300%;"> <div style="width:25%; background-color:#FF0000; float:left;"> </div> <div style="width:25%; background-color:#00FF00; float:left;"> </div> <div style="width:25%; background-color:#0000FF; float:left;"> </div> <div style="width:25%; background-color:#FFFF00; float:left;"> </div> </div> </div> Пояснение: четыре резиновых слоя равные ширине страницы, находятся в 100%-ом по длине слое с overflow:hidden. В будущем эти слои будут смещаться посредством JavaScript…

    Asked by smashercosmo,

    0 votes
    4 answers

  24. При смене языка ввода (на компьютере) в Dreamweaver'е становится активной боковая панель

    При смене языка ввода на компьютере (неважно, с клавы или со значка в панели) центральное окно Dreamweaver'а становится неактивным, а активной становится боковая панель инструментов. В чем проблема?

    Asked by Squidward,

    0 votes
    2 answers

  25. При событии поменять стиль объекта

    Очень нужна помощь... нужно при событии, допустим onmouseover, поменять стиль объекта (или сразу класс, если можно) Например у меня есть таблица <table onmouseover=this. - что дальше? Допустим мне нужно при наведении на таблицу поменять цвет всех ссылок или сменить класс таблицы на другой. Если это можно сделать по другому (не по той фигне, что сверху ), подскажите как...

    Asked by goropor,

    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