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. CSS фон сайта

    Уважаемые специалисты, нужна ваша помощь... проблема следуящая: использую фон для сайта, в него внедрил пару картинок с надписями, но суть проблемы заключается например вот у меня на ноуте через мозилу ширина смотрится нормально, открывают на другом компе фон сужается и соответственно картинок невидно уходит за грани. вот сам код: background:url(../images/fon.png) no-repeat;как сделать чтоб при сужении браузерах текст и картинки были видны? И еще одна проблема, как сделать чтоб при прокрутки страницы показывался весь фон. а то снизу страницы фон заканчивается и белая полоса страницы.

    Asked by Dr.SAn,

    0 votes
    7 answers

  2. CSS хаки для Opera

    Есть ли CSS хаки только для версий Opera 7-ой и 8-ой?

    Asked by kich,

    0 votes
    6 answers

  3. css хитромудрые селекторы

    Есть верстка: <body> <header>Заголовок сайта</header> <div class="layout"> <aside> <div class="top"></div> <div class="middle"> <h2 class="nomargin-top">Меню</h2> <—- вот он, элемент для которого надо получить селектор <ul class="nomargin-bottom"> <—- и для последнего тоже надо <li><a href="link1.html">Ссылка 1</a></li> <li><a href="link2.html">Ссылка 2</a></li> <li><a href="link3.html">Ссылка 3</a></li> <li><a href="link4.html">Ссылка 4</a></li> <…

    Asked by crashtua,

    0 votes
    6 answers

  4. CSS шпаргалка

    Раньше пользовался этой шпаргалкой, для новичков в CSS пойдет (советую распечатать и повесить на стенку перед компом)

    Asked by LS200,

    0 votes
    2 answers

  5. CSS_ выравнивание inline-блоков

    Добрый день. Изучаю сейчас тему блочной модели и столкнулся с такой ситуацией при выравнивании инлайн-блоков. Если создать родитель, в него вложить два дочерних блока и им назначить поведение как inline-block, вложить туда просто текст - то они ведут себя чудесно. Стают в строку. Все отлично. Если же создать аналогичный родитель и два блока в нем (как и выше), но в этот раз, в один из блоков вложить не текст, а например заголовок и другой div с текстом. В этом случае, блоки ведут себя как-то странно. Они как будто отталкиваются. Они тоже в строку, но у них появляется какое-то вертикальное выравнивание. Помогите пожалуйста понять почему в втором случае блоки на…

    Asked by AndreyMetallist,

    0 votes
    2 answers

  6. css-reset для элементов форм

    Здравствуйте! Давно интересует такой момент. Вот всегда, пока верстаю, встаёт одна и таже проблема. Добиваюсь практически попиксельного отображения во всех версиях браузеров, включая 7го осла. Но как только дело доходит до форм - всё, пиши пропало. В одном браузере выше, в другом ниже, в третьем - левее, в четвёртом - чекбокс не выравнивается внутри лэйбла и ещё куча-куча разных проблем. Я не знаю, может я такой тупой и уже давно всё придумали, но что-нибудь вроде css-reset для элементов форм в природе не существует? Понятное дело, что особенности есть, и их всё-равно нужно учитывать, но может быть они уже где-то расписаны? В этом вопросе гугл мне не помог :-( P.S. также…

    Asked by AlOshka,

    0 votes
    2 answers

  7. CSS-sprite + ipad

    Доброго времени суток. Использовал CSS спрайт для сайта, по ТЗ, открыл на айпаде и ужаснулся(. Ничего конкретно хорошо не отображает с картинкой - по гуглил ничего не нашёл. В чем проблема?? clan-amp.ru/marat

    Asked by Wahlberg,

    0 votes
    6 answers

  8. CSS-аналог атрибута align тега img

    Существует ли CSS-аналог атрибута align тега img ? PS: поиск по форуму не работает или это я туплю?

    Asked by Roman-NN,

    0 votes
    5 answers

  9. CSS-аналоги cellspacing и cellpadding

    Это не вопрос, как многие могли подумать , а маленькое количество кода, который я лично использую: table { border-collapse: collapse; } td { border: 1px solid #000; } Почему все вокруг говорят, что CSS-аналогов у cellpadding и cellspacing не существует, когда вышеприведенный код все отлично отображает (это альтернатива параметрам cellpadding="0" cellspacing="0" на стилях) ?

    Asked by HatoL,

    0 votes
    7 answers

  10. Css-где ошибка?

    Всем привет, помогите пожалуйста. Не знаю где ошибка в css коде. нужно что бы при входи в класс "active", показывалась картинка de_1.png html: <div id="myle"> <li id="qtranslate-language-chooser" class="widget qtrans_widget_switch"> <ul class="qtrans_language_chooser" id="qtrans_language_chooser"> <li class="active"> <a href="http://www.myscreenevent.com/MY/" class="qtrans_flag qtrans_flag_de"> <span style="display:none">Deutsch</span> </a> </li> <li> <a href="http://www.myscreenevent.com/MY/?lang=en" class="qtrans_flag qtrans_flag_en"><span style="display:non…

    Asked by Sofi_ja,

    0 votes
    2 answers

  11. css-как сделать, где искать..

    Добрый день. Делаю свой первый сайт и есть проблемка у меня в css, а именно есть горизонтальное меню с родительскими элементами (приложил скрины) и мне нужно чтобы активные пункты были другого цвета. Например, активный пунт и родительский элемент (подпункт) одного цвета - зеленого, а другие родительские пункты (неактивные) - серого. Посдскажите пожалуйста, где и как? Спасибо -) #mainMenu { float: left; width:700px; height: 28px; margin-top: 0; margin-right: 0; margin-left: 1px; } .menu { padding:0; color: #666; height: 28px; margin: 0; font-size: 10px; text-transform: uppercase; } .menu ul{ list-style:…

    Asked by kayross,

    0 votes
    3 answers

  12. CSS-код для такой формы кто-нибудь делал?

    сверху закругления на градиентном фоне, а низ - белое прямоугольное поле с рамкой и вокруг всей формы тень: поделитесь опытом

    Asked by borus,

    0 votes
    18 answers

  13. CSS-меню

    У меня такая ситуация. Есть меню написанное с помощью CSS. Но вот в чем беда... При увеличении Ctrl++ или уменьшении масштаба Ctrl+- меню расплывается. Я так понимаю, что и при разных разрешениях экрана все поплывет.. можно ли это как-то исправить? код: h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; margin:0; padding:0; } hr { border:none; border-top:1px solid #CCCCCC; height:1px; margin-bottom:20px; } #demo-container{ padding:0 0 0 5px; background:#67A897; } ul#simple-menu{ list-style-type:none; width:100%; position:relative; height:7px; font-family:"Trebuchet MS",Arial,sans-serif; font-size:13px; font-weight:bold; margin:0; pad…

    Asked by kraver,

    0 votes
    0 answers

  14. css-меню

    Намаялся, не могу понять: что текстовое, что на спрайтах меню, делаю разные стили для 1 пункта: обычное, hover и active. Срабатывают первые два, active стиль игнорируется. Подскажите пож-та, как должен выглядеть кусок. Допустим, сдвигая изображение: ul.navbar {...} ul.navbar li.main {background-position: 0px 0px; height: 120px;} ul.navbar li.main:hover {background-position: -25px 0px;} ul.navbar li.main:active {background-position: -25px 0px;} и вот находясь на этой страничке мы видем кусок изображения 0px 0px. Что не так ? заранее большое спасибо

    Asked by virus-07,

    0 votes
    7 answers

  15. Css-меню и сепараторы

    Здравствуйте. Была задача сделать вертикальное меню пункты между которого разделяют 1-пиксельные сепараторы. Работа осуществлялся с модулем Joomla (DJ-Menu), стиль меню менялся исключительно с помощью CSS. Чтобы вставить разделители, я создал прозрачную картинку с минимальной шириной и высотой соответствующей моему меню, по краям картинки слева и справа белые однопиксельные полоски играющие роль сепаратора. Задал её бэкграундом к span и написал правило background-size, чтобы картинка тянулась на 100%, в зависимости от долины слова. Так как между пунктами меню был левый марджин, то получилось, что между пунктами меню не одна белая полоска, а две. Поэтому пришлось задать пр…

    Asked by param,

    0 votes
    2 answers

  16. CSS-меню со ссылками и IE 7/8

    Здравствуйте! Есть сайт, на сайте есть выпадающие меню-таблицы с ссылками (кнопочки ). В IE 7, IE 8 на ссылки нажать нельзя — при подведении мыши к ссылке табличка сразу закрывается. КАК ЭТО ИСПРАВИТЬ? Меню реализовано через CSS: a { color: #000; background: url(pic.gif) no-repeat right top; padding-right: 10 } a:active, a:hover { text-decoration: underline } a:link, a:visited, a.menu:hover { text-decoration: none } .menu a { color: #03C } .menu a { background: none; padding-right: 0 } a.menu { display: block; width: 16; height:16; background: url(dn4.gif) no-repeat right top } a.menu span { display: none } a.menu:hover { display: block; position: relative; font-size:…

    Asked by Hedron,

    0 votes
    8 answers

  17. CSS-свойство content

    Допустимо ли использовать свойство content: "" или обязательно должен быть пробел между кавычками? Можно ли использовать одинарные кавычки?

    Asked by PavelTkachev,

    0 votes
    1 answer

  18. CSS-спрайты

    Сделал такой пример. Локально во всех браузерах всё работает хорошо, но на JSFeddle сердечко скачет. В чём может быть дело? http://jsfiddle.net/webref/Lp9kzon3/

    Asked by Vlad,

    0 votes
    17 answers

  19. css-спрайты (можно ли сделать?)

    Существует такая вещь как css спрайты. Я задался вопросом, можно ли с помощью одного изображения-спрайта сделать двойной фон для элемента неизвестной ширины и высоты, так чтобы одна часть изображения была вверху слева, а другая внизу справа. Условный пример того, что я хочу сделать, можно увидеть здесь. здесь две кавычки сделаны двумя отдельными фоновыми изображениями. Можно ли их совместить в одно изображение? Учитывайте, что ширина и высота элемента для фона может быть любой и изменяться от ресайза. Я рассмотрел этот вопрос и мне кажется, что это невозможно. Решил спросить у профессионалов, можно кто знает CSS-хитрость?

    Asked by clavin,

    0 votes
    2 answers

  20. CSS-стили не работают при загрузке с файла

    Перестали обрабатываться файлы стилей, НО только те, которые загружаются с файла .css, если же прописывать стиль внутри .php-файла, то все идеально работает. Дело не в путях - это 100%, т.к. с этим уже экспериментировал. В чем может быть причина? Располагаю VDS, подключено gzip-сжатие. ДО переустановки nginx все прекрасно работало, сейчас - нет. Файлы .css располагаются НЕ в корневой директории а в папке с шаблонами. Кэш чистили, как скриптовый, так и кэш браузера.

    Asked by Artur Boss,

    0 votes
    10 answers

  21. CSS-хак для IE9 воспринимает Chrome

    Для IE9 существует css-хак ":root" : :root .style { font-size: 15px !important\9; } Тем не менее, данный хак воспринимает Chrome и Firefox. Если убрать в коде "\9" :root .style { font-size: 15px !important; }то ничего не меняется. Подскажите, пожалуйста, как решить проблему? UPD: Проблема решает изменением кода: :root .style { font-size: 15px \9 !important; }Вопрос можно закрывать.

    Asked by TorchTT,

    0 votes
    1 answer

  22. CSS-хак для Мака/айФона/айПада

    Столкнулся с очередной траблой при внедрении кастомных шрифтов: на эпловских устройствах (включая Мак-мини) они позиционируются по вертикали по-другому (ближе к верху строчного бокса), чем на виндовых машинах. Из-за этого заголовок с плавающей иконкой под маком/айфоном/айпадом выглядят некузяво (словно иконка вниз сползла, хотя по факту, наоборот, вверх уполз заголовок). Игры с line-height и vertical-align не помогают — на маке всё равно всё по своему. Не вижу иного выхода, как явно подпереть одну из платформ специфическими для нее отступами, но столкнулся с проблемой: как в CSS опознать платформу? Встречающиеся в поиске решения нацелены либо на движок Webkit (что мне не …

    Asked by SelenIT,

    0 votes
    8 answers

  23. CSS-хаки

    Скажите для того чтоб задавать дял браузера ИЕ для опр. классов опред. свойства для версий Ие: * IE 6 — * html * IE 7 — *+html А что использовать для 8ой версии тогда?

    Asked by people2010,

    0 votes
    21 answers

  24. CSS, IE и кривые руки.

    Всем привет! Прошу помощи, а то в HTML да ещё с CSS я слабо понимаю, да вот приспичило сделать формочку авторизации, для скрипта одного. Наваял я, значит, своё "изделие", сижу, в гугл хроме любуюсь. Лепота. Ну, то есть не лепота, а то, что я хотел. А потом открыл я поделку свою в интернет эксплорере и остолбенел: Картинка вбок, стили будтоб и не применялись... (хотя применяются. Цвет шрифтов - за милую душу подцепляется.) Кошмар, вобщем. Умом я понимаю, что накосорезил где-то. Но разумения мне не хватает понять где. Так что помогите люди добрые басурманского осла одолеть! Код исходный ниже прилагаю: <HTML> <HEAD> <TITLE></TITLE> <ME…

    Asked by vate,

    0 votes
    4 answers

  25. CSS, JS и кроссбраузерность

    Подскажите, где взять толковую информацию пр нюансам CSS и JS в разных браузерах. В Гугле 90% философии, целый день рылся. Жалко потраченного времени и трафика. В учебниках, какие у меня есть про это ни слова. В одном нашел: "...написан для IE... в разных браузерах может работать поразному..." и все. А как? Я только начал, а уже проблемы: <style type="text/css"> #pic1{ filter:progid:DXImageTransform.Microsoft.BasicImage(xRay=0); } #div1{ position:absolute; top:100px; left:10px; display:none; } </style> <script language="javascript"> <!-- function Function_1(){ document.all.tags("div").item(0).style.display="block"; } function Function_2(){ docume…

    Asked by Николай 2357,

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