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. Разное отображение в браузерах элемента <select>

    Здравствуйте! Стилизовал элемент select, но, к сожалению, в Firefox практически вдвое увеличивается padiing, а в IE даже дефолтные стрелки выпадающего списка не убираются: https://jsfiddle.net/hhbsorny/3/ Помогите, пожалуйста, разобраться в этом вопросе. Заранее благодарю!

    Asked by volshebnyi,

    0 votes
    6 answers

  2. Разное отображение в разных браузерах.

    Пытаюсь учится HTML и CSS. Для этого создал сайт. Сделал вроде всё нормально, но в разных браузерах отображается по разному. Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta name="Description" content=""> <meta name="Keywords" content=""> <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <title>титл</title> <style type="text/css"> BODY { background: url("pic.gif") repeat-x; text-align: center; } DIV { margin: auto; width: 81%; height: 90%; text-align: left; padding: …

    Asked by Gardarik,

    0 votes
    6 answers

  3. Разное отображение в разных броузерах

    Столкнулся с проблемой... Отображается менюшка в левой части сайта, но в каждом браузере по разному. Если Опера текст притягивает в верхней границе ячейки таблицы, то ИЕ вс? размещает в центр, с желанием растянуть строки на всю высоту ячейки. Как мне притянуть строки к верхней части?

    Asked by Xander,

    0 votes
    3 answers

  4. Разное отображение в хроме в фоксе

    Почему в хроме кнопка В корзину с полем количество на одной линии, а фоксе не так? Ссылка

    Asked by smirn0ff,

    0 votes
    1 answer

  5. разное отображение веб-страниц в IE и Mozille

    Здравствуйте. Подскажите пожалуйста почему происходит разное отображение страницы в браузерах IE и Mozille? А точнее в IE шрифт жирный, отступы заданные с помощью margin:0 auto не большие, а в Mozille шрифт нежирный, отступы значительно больше и появляется горизонтальная полоса прокрутки. Ссылка на страницу, которая отображается по разному в браузерах. http://olyakutukova.narod.ru/ocna.html

    Asked by olya,

    0 votes
    26 answers

  6. Разное отображение на хостинге и Denwer

    Первая тема не знал куда писать, но ответа не нашел на вашем форуме. есть код отображения меню в CMS <ul> <li></li> <li></li> <li></li></ul> применяю к нему CSS для создания его "резиновым" .menu { position:absolute; margin : 0px 1px 0px 0px; padding : 0; width : 1024px; height: 75px; background-image:url(../images/menu_fon.png); background-position:top; background-repeat:repeat-x; } .menu ul { margin : 10px 1px 0 0; padding : 0; display : table; width : 99%; height: 30px; cursor: default; …

    Asked by mfinn,

    0 votes
    2 answers

  7. Разное отображение при одинаковом разрешении

    Сайт http://burzhuy.org/deal/. Использую фреймворк bootstrap Имеется проблема с текстом в облачке "Мой собственный капитал...". На ipad текст отображается правильно, то есть не вылезает за границы облачка, но при таком же разрешении(1024х768) на компьютере текст отображается криво. В css я использую @media, а именно для разрешения 1024х768 этот код @media (min-width: 1000px) { .cloud { padding: 12% 54% 8% 8%; } .cloud p { font-size: 15px; } .cloud span { font-size: 19px; } .cloud2 { /*"Deal with it вот что по настоящем круто!"*/ padding-left: 20%; } .cloud2 h1 { font-size: 33px; } .cloud3 { /*"Круто!"*/ padding-right: 29%; } .cloud3 h2 { …

    Asked by afagorn,

    0 votes
    1 answer

  8. Разное отображение рисунка

    Всем привет! Вопрос: Почему происходит разное отображение (разрешение?) рисунка gif в Internet Explorer и в Opera ? http://www.balkon-servis.ru Спасибо!

    Asked by kochay,

    0 votes
    13 answers

  9. Разное отображение СSS в браузерах

    Доброго времени всем! Переделывал расположение блоков-модулей в шаблоне одном под джумлу... Сделал чего планировал. Но когда проверил отображение в Firefox, то пришёл к разочарованию и удивлению. Данный Браузер вообще не такой как все - по-своему всё отображает. Вот скриншоты: и Не пойму, в чём проблема. Может кто подскажет, какими свойствами CSS надо правильно подвинуть содержимое контейнера, содержащегося между тэгами <fieldset>? Вот ссылка на проектируемый сайт: _http://ideya.spb.ru/ Его нужно открыть в разных браузерах, чтобы увидеть различное отображение блока. Пользуюсь для редактирования позицирования элементов следующими инструментами браузеров: правая кн…

    Asked by andreyka,

    0 votes
    4 answers

  10. Разное отображение сайта на iPad и на персональном компьютере

    На персональном компьютере сайт-лендинг растягивается у меня во всю ширину экрана, а на iPad'е происходит вот такая вот штука: Код структуры лендинга: <div class="fullpage"><div class="section" id="section1"></div><div class="section" id="section2"></div><div class="section" id="section3"></div><div class="section" id="section4"></div></div>Прошлую тему почему-то удалили. Я не понял почему. Я как то неправильно на форуме себя веду? Или что?

    Asked by prowoke,

    0 votes
    10 answers

  11. Разное отображение списков у WebKit и НЕ WebKit. Помогите разобраться....

    Здравствуйте! Есть хтмл: <ul class="lister"> <li>qwe</li> <li>qwe</li> <li>qwe</li> <li>qwe</li> <li>qwe</li> </ul> и есть ксс к нему: * { margin:0; padding:0; } body { margin:1em; } ul { margin: 5px 24px; } .lister { list-style-type: upper-alpha; } .lister li{ font-family:"Courier New", Courier, monospace; } проблема в том, что у WebKit-браузеров(chrome, safari) маркеры списка чуть-чуть съезжают влево. как это исправить? ато открываешь страницу, например, в фоксе - всё ок, в опере тоже ок, и даже, прости господи, в ие6 всё ок, а вот хром и сафари сдвигают маркеры-буквы…

    Asked by ChesterHTML,

    0 votes
    2 answers

  12. Разное отображение стилей в IE 7.0 и FF 3.0.7

    Уважаемые Гуру. Нужен Ваш совет. И так. Есть код CSS body {margin: 0px;} img {border: 0px;} BODY { FONT-SIZE: 11px; COLOR: #075273; FONT-FAMILY: Tahoma, Arial, Helvetica } TD { FONT-SIZE: 11px; FONT-FAMILY: Tahoma, 'Arial Cyr', 'MS Sans Serif' } A { FONT-SIZE: 11px; COLOR: #d7e5ec; TEXT-DECORATION: none} A:active {FONT-SIZE: 11px; COLOR: #d7e5ec; FONT-WEIGHT: normal; TEXT-DECORATION: none} A:visited {FONT-SIZE: 11px; COLOR: #d7e5ec; FONT-WEIGHT: normal; TEXT-DECORATION: none} A:hover {FONT-SIZE: 11px; COLOR: #3a92b3; FONT-WEIGHT: normal; TEXT-DECORATION: underline} /* Поле меню */ .menu { padding: 0; margin: 0; font: 8pt/11pt Tahoma, sans-serif; width: 180px;…

    Asked by BadBoy,

    0 votes
    7 answers

  13. Разное отображение типографии в Ubuntu и Windows Xp

    Здраствуйте. Я верстаю на ubuntu. Совсем не давно заметил, что размеры шрифтов по разному отображаются в уьунту и виндоус. Как с этим быть? Существуют ли какие либо сбросы стилей конкретно для типографии? Скрины прилагаю: ubuntu, windows xp

    Asked by JosePerez,

    0 votes
    2 answers

  14. Разное отображение шрифта в chrome и ie 11

    Всем привет! У меня вот такая ситуация сложилась... Подключил не стандартный шрифт и захотел сделать его (100px) или больше. Получил такую картину в chrоme , а затем и ie 11. В ослике шрифт значительно поднимается вверх. Подскажите пожалуйста как его можно оцентрировать по вертикали.?

    Asked by b14de,

    0 votes
    6 answers

  15. Разное отображение шрифта в ИЕ/Хроме и Опере/Фаерфоксе

    Доброго времени суток. Возникла следующая проблема. Например, есть CSS вроде такого: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>font</title> <style type="text/css"> .layer1 { font: 16pt Arial; } .layer2{ font: 16pt Symbol; } </style> </head> <body> <div class="layer1">Example1</div> <div class="layer2">Example2</div> </body> </html> И так он отображается (слева - Опера 11, Firefox 6; справа - Хром 13, ИЕ 6 (вечером другие ИЕ гляну, сейчас нет под рукой)): Шрифт Symbol в системе установлен. Собств…

    Asked by Varro,

    0 votes
    0 answers

  16. Разное отображение элементов внутри формы в разных браузерах

    Вот сцылка: _http://md.dp.ua/index.php?option=com_content&view=article&id=62 Форма поиска справа на странице. В опере отображается корректно. В мозилле строка поиска немного ниже кнопки Ок. В хроме - немного выше. В ие - норм. Плюс внизу, где форма регистрации - в ие 7 и в мозилла 3.5.. вылазит текст " * Еще нет учетной записи? Регистрация " ниже формы в которой должен находится. Подскажит, пожалуйста, в чем загвоздка?

    Asked by photograf,

    0 votes
    3 answers

  17. Разное оформление елементов select'a

    Товарищи, подскажите плиз, новичку, можно ли для конкретного тега <option> в списке <select> применять разные стили? А то у меня чего-то не получилось, а хотелось. Для всего списка в целом применяется, а для конкретного опшона не понял как. Заворачивание текста опшона в <span> у меня тоже эффекта не возымело.

    Asked by MegaCasper,

    0 votes
    2 answers

  18. разное позиционирование в одной ячейке таблицы

    Как сделать, чтобы текст в ячейке таблицы прижался к левому краю, а рисунок в той же ячейке - к правому краю. Делаю так: <td style="position:relative" align="left">Some text<img src="pic.gif" style="position:absolute;right:0></td> В ИЕ7 результат как нужно, в Хроме позиционирование происходит не в ячейке, а в окне браузера.

    Asked by rumax,

    0 votes
    6 answers

  19. Разное расположение в опере и в ие

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

    Asked by Talk,

    0 votes
    3 answers

  20. Разное расстояние в разных браузерах

    Добрый вечер. Есть простой код: <div class='menu' style='width:inherit; height:200px;'> <div style='width:inherit; height:15px;'></div> <ul> <li><a href='#'>Главная</a></li> <li><a href='#'>Новости</a></li> <li><a href='#'>Полезная информация</a></li> <li><a href='#'>Частные объявления</a></li> <li><a href='#'>Документы</a></li> <li><a href='#'>Фотоальбом</a></li> <li><a href='#'>Гостевая книга</a></li> <li><a href='#'>Контакты</a></li&gt…

    Asked by bobo,

    0 votes
    10 answers

  21. Разноцветная линия средствами CSS

    Здравствуйте! Подскажите, оптимально ли я сделал вот такую линию средствами CSS? Может быть есть варианты попроще? http://jsfiddle.net/X3ssR/

    Asked by volshebnyi,

    0 votes
    9 answers

  22. Разноцветная рамка

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

    Asked by Evkaky,

    0 votes
    4 answers

  23. Разноцветные буквы

    В старых версиях html можно было с помощью тега font color задать цвет каждой букве <font color="#ff0000">ц</font><font color="#FFCC00">в</font><font color="#00CC00">е</font><font color="#0066FF">т</font> получался веселый разноцветный текст. Как сделать такое грамотно теперь?

    Asked by Ann,

    0 votes
    15 answers

  24. Разноцветный border

    Подскажите, как сделать такой разноцветный border? Вставить картинкой? А по-другому, никак нельзя?

    Asked by Alfa2015,

    0 votes
    5 answers

  25. Разноцветный текст

    можно как-то сделать разноцветный текст в CSS? http://cs621922.vk.me/v621922236/3ba79/uiKqfsz8z30.jpg

    Asked by Dmitrij,

    0 votes
    1 answer

  • Обсуждения

    • 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