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. @media

    Страница имеет разный вид, в зависимости от устройства. Экран телефона, планшета, десктопа на симуляторе выглядят по сценарию http://quirktools.com/screenfly/#u=http%3A//richel.skepton.ru/&w=320&h=480&a=33&s=1 Открывая ссылку на реальном устройстве http://richel.skepton.ru/# , видим флюид, но не респонсив. Отображается последний из трёх возможных вариантов + часть свойств вынесенных за скобки условий, относящихся ко всем трём вариантам и не вошедших в данный диапазон. @media screen and (min-width:770px) { -----some css code-----}Для уменьшения кода и ускорения загрузки на моб устройствах, прописано сначала всё для мобильников + то, что относится дл…

    Asked by seemax,

    0 votes
    2 answers

  2. @media min и max width

    Доброго всем! Сделал небольшой примерчик: http://almostman.ru/main/ Задумка такова: 1) При размерах экрана меньше 270px выдавать сообщение о невозможности отображения странички. думаю сделать это с помощью JS чуть позже. 2) При размерах экрана от 270 до 595 px показывать отцентрированные изображения друг за дружкой. 3) При размерах экрана от 596 до 870 px показывать изображения смещённые float-ом влево, по две штуки в ряд. Когда ставлю размер 270, всё нормально. Когда ставлю 595-597, изменений нету, они стоят, как стояли при условии (2). Если поставить @media (min-width587px) and ... то всё какбы срабатывает, но получатся он берёт сразу стили из двух @media и margin по …

    Asked by Tobey,

    0 votes
    4 answers

  3. @media screen and (max-width: ***px)

    Наверно глупый вопрос, но я не совсем понимаю при прогрессивной верстке /*==общий код для самых маленьких дисплеев==*/ @media screen and (max-width: 480px){ телефоны } @media screen and (max-width: 768px){ планшеты } @media screen and (max-width: 992px){ мониторы } у нас сверху вниз наследование происходит? то есть 768 будет в себя включать 480 или же там надо будет все это про дублировать еще раз. Интересуюсь с целью сокращения кода. если наследуется то супер.

    Asked by stDragon,

    0 votes
    7 answers

  4. @media screen and (orientation: portrait)

    Насколько хорошо поддерживается браузерами свойство @media screen and (orientation: portrait)В интернете много примеров с шириной или высотой, поэтому я усомнился в широкой поддержке ориентации. Я зря волнуюсь?

    Asked by PavelTkachev,

    0 votes
    22 answers

  5. @media screen не работатет

    Помогите с кодом.Первый @media screen работает, а другие 2 нет Скрытый текст @media screen and (min-width: 800px) and (max-width: 1000) { /*От планшета до большого монитора*/ .wrapper{ width: 40%; } .anons p{ font-size: medium; } .anons h2{ font-size: x-large; } .menu{ width: 60%; height: 40px; } .btn a{ font-size: 12px; } .btn{ margin: 0 10px; } .header img{ width: 100%; } .header{ height: 95%; } .anons img{ width: 100%; } .skidkiall{ height: 90%; } .content{ height: 95%; } } @media screen and (min-width:480px) and (max-width: 799px) {…

    Asked by Nikita L,

    0 votes
    4 answers

  6. @media для ie

    можна ли заставить ие понимать медиа запросы при разработке сайта под разные расширения? <!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> <!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> <![endif]--> <style> body{ background-color:black} @media screen and (max-width: 650px) { body{background-color:re…

    Asked by dostel1,

    0 votes
    3 answers

  7. @media для ie

    Доброго времени суток. Хотелось бы узнать ваше мнение, предложения по поводу @media хаков css для всеми любимого IE. Нашла вот такую статью. http://blog.keithclark.co.uk/moving-ie-specific-css-into-media-blocks/ Хотелось бы обсудить минусы и плюсы такого подхода. Очень важно знать мнение того кто использовал. Кто пробовал? Насколько работоспособно и устойчиво? Заранее благодарна за обсуждение

    Asked by ne4to,

    0 votes
    3 answers

  8. @media запросы

    Возникла проблема следующего плана: с помощью media делаю адаптивный макет. собственно, чаще всего вижу использование max-width или min-width, но! media only screen and (max-width: 480px) отказывается работать на устройстве с разрешением 480:854(андроид - хром) (max-width: 854px тоже не воркает). Работает max-device-width. Собственно вопрос, почему? разницу между этими 2мя вещами я понимаю, но ведь в моем случае разрешение и размер области совпадают...или я ошибаюсь?

    Asked by USF,

    0 votes
    2 answers

  9. @Media не применяется

    Возникла проблема с @Media запросами - они просто не применяются! Вот HTML код страницы: <!DOCTYPE html> <html><head><title>Black Hog Games</title><meta charset="utf-8"><link type="text/css" rel="StyleSheet" href="/_st/my.css" /><link type="text/css" rel="StyleSheet" href="/Black_Hog_Games/styles/CSS_1024x600.css" /><link type="text/css" rel="StyleSheet" href="/Black_Hog_Games/styles/CSS_1280x800.css" /><link type="text/css" rel="StyleSheet" href="/Black_Hog_Games/styles/CSS_1280x1024.css"><link type="text/css" rel="StyleSheet" href="/Black_Hog_Games/styles/CSS_1366x768.css" /> <link type="text/…

    Asked by Maus,

    0 votes
    0 answers

  10. *.chm

    У меня вопрос: с помощью какой программы можно создать *.chm файл!

    Asked by Elendor,

    0 votes
    8 answers

  11. / перед закрывающей >

    <link rel="stylesheet" type="text/css" href="/files/my.css"/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> Нужно ли в конце ставить / перед > ? Если да, то зачем? Моя IDE выделяет красным, если не поставить. Видимо в этом есть какой-то смысл. Но ведь работает и без того нормально. Хотелось бы увидеть, в каком случае без / будет ошибка.

    Asked by GuitarFan,

    0 votes
    3 answers

  12. \"Слово\" - как убрать слеш

    Слова в кавычках из формы обратной связи приходят на email обрамленные слешами. Как этого избежать?

    Asked by apexis,

    0 votes
    2 answers

  13. \r\n в тексте

    При написании или вставке скопированного текста в форму на сайте, после сохранения появляются вот эти символы \r\n вместо пробелов. Я так понимаю не работает обработка переноса строк на сайте, подскажите как исправить?

    Asked by iishel,

    0 votes
    11 answers

  14. #1118 - Row size too large.

    Здравствуйте! У меня возникла проблема прпи составлении таблицы. В ней примено 150 полей - иначе никак....... Преимущественно поля типа varcher И вот не добавляются новые поля. Что делать уже не знаю.. Мускул выдает: "#1118 - Row size too large. The maximum row size for the used table type, not counting BLOBs, is 65535. You have to change some columns to TEXT or BLOBs" Может кто сталкивался с проблемой? Посоветуйте, пожалуйста!

    Asked by banyman,

    0 votes
    6 answers

  15. #id или #id .class

    Доброго времени суток) Возник один вопрос на какой в инете ответа не нашел. Что лучше использовать #id_1 .class #id_2 .class или .class_1 .class_2 в "+" первого варианта говорит то что все таки больше времени рендеринга кушает построение DOM и удобство при кодинге особенно сайтов "по-больше". но вот уж оч многие бьют себя копытом грудь и говорят что второй способ быстрей, но не могут довести этого на цифрах. Интересует Ваше мнение, на форуме искал не нашел, если просмотрел дайти не бейте а дайте линк) Заранее спасибо)

    Asked by yan_kos,

    0 votes
    5 answers

  16. #id.class

    можно ли указать селектор одновременно по id и class? собственно нужно это сделать не в css, а в обращении jquery для пущей уверенности.

    Asked by warobushek,

    0 votes
    5 answers

  17. #срочно Помогите со слайдером.

    Доброго времени суток. Взял работу, и в ней у меня возникла проблема. В макете имеется такой слайдер → http://imgdisk.ru/images/HAfbw.png Раньше много раз имел дело со слайдерами, но не с такими. Проблема в светлом окошке над слайдером. Как реализовать перелистывание не только картинок, но и контента в этом окне? Подскажите(любым способом) как это реализовать? Может быть у кого-то есть ссылка на уже готовый слайдер такого типа?

    Asked by zenCodder,

    0 votes
    5 answers

  18. <! DOCTYPE> и HTML5

    добрый день! читаю самоучитель. в нем приводятся разные варианты содержимого <! DOCTYPE...>, включая различные DTD. в статье "Пять вещей, которые надо знать об HTML5" есть такая строка т.о., если я правильно понимаю, учитывая современные тенденции в HTML документах можно писать буквально только "<!DOCTYPE html>", без (к примеру) PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" так ли это? спасибо. UPD Благодарю! Развеяли мои сомнения =)

    Asked by Stamper,

    0 votes
    8 answers

  19. <!--[if !IE]> - не работает

    Зачем это нужно: <!--[if !IE]> <![endif]--> - для всех кроме IE Если это не работает. Добавил туда файл стилей и опера пропускает его мимо ушей. На других браузерах не проверял ибо какой смысл если уже не кроссбраузерно. Да IE тоже не читает это, но и опере пофиг на эту запись

    Asked by SoFuWa,

    0 votes
    13 answers

  20. <!--[if ff]>

    Я пользуюсь Оперой. Сверстал сайт, всё валидно. Слайдшоу в ИЕ не работает. Ну да ладно, <!--[if IE 6]>что-то<![endif]-->, заменил всё первой картинкой. Когда тестил в Фаерфоксе, со слайдшоу была ещё большая дрянь, чем в ИЕ. Поискал, нашел: <!--[if ff]>что-то<![endif]--> Тем же путем, что и для Эксплорера. Но не работае. В чем проблема? Заранее благодарен.

    Asked by rimiden,

    0 votes
    3 answers

  21. <!--[if gte IE]> - как это конструкция называется?

    <!--[if gte IE]> - как эта конструкция называется? И где про нее можно почитать? Еще интересно как firefox сокращенно пишется (для вставки в эту конструкцию)?

    Asked by kipupik,

    0 votes
    9 answers

  22. <!DOCTYPE html> 

    При использовании <!DOCTYPE html> получается кака . Если убираю эту строчку из html-файла, то все прекрасно получается, так как и задумывалось. Эффект, которого надо достичь при наведении курсора. Использую сброс стилей, но с <!DOCTYPE html> есть непонятные отступы (на первой картинке видно после заголовка) и выше описанная ерунда. Перебирал по отдельности каждый стиль, ничего не помогло, кроме удаления <!DOCTYPE html>. На сколько я понимаю, <!DOCTYPE html> нужен, чтобы небыло неразберихи, а тут именно с ним неразбериха. В чем тут смысл.

    Asked by Андрей7000,

    0 votes
    19 answers

  23. <!doctype html> и плавающие элементы

    Добрый день,такой вопрос, собственно дизайн сайта представляет собой следующую картину , див main, в нем 2 дива, content и правая колонка.У main'a, соответственно, задан background-color. Ставлю float:left для контента, и float:left для колонки, с шириной все в порядке, 70% и 20% для контента и для колонки. Но возникает проблема, проподает background в мейне, т.е. просто прозрачный фон(виден background body). Если убирать <!DOCTYPE html>, фон возвращается в main... Еще проблема решается заданием высоты или максимальной высоты для main'a. Визуально не видно. Но при просмотре разметки, создается впечатление, как будто блоки content и правая колнка не дети main'а, а со…

    Asked by Briss,

    0 votes
    4 answers

  24. <!DOCTYPE html> портит верстку в IE7

    Здравствуйте! Делаю страницу для использования в IE7 и столкнулся с проблемой. В странице используется текстовый редактор с подсветкой кода CodeMirror. В IE7 редактор отображается некорректно, если не использовать доктайп (в редакторе появляются неактивные полосы прокрутки, а при наборе текста страница сама прокручивается). Увидел, что в демо-страничках из дистрибутива CodeMirror используется <!DOCTYPE html>. При установке <!DOCTYPE html>, на моей странице перестают корректно отображаться многие стили (отступы и всё с этим связанное, установка цвета фона контейнеров и пр.), причем только в IE7. При этом, редактор начинате работать как полагается В нормальн…

    Asked by EnselerizeR,

    0 votes
    4 answers

  25. <!DOCTYPE>

    Обязательно ли вставлять ? Когда вставляю перестает работать position:relative. Может не тот вставляю?

    Asked by Chebas,

    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