HTML Coding

29,542 questions in this forum

1. Кроссбраузерная верстка

   Добрый день. Прошу подсказки от знатоков CSS и HTML. Сайт на джумле 1.5, заданный шаблон. В конце каждой статьи - ссылка "Подробнее" и серая полоска. В IE 6 отображается корректно, а в Firefox - нет. скриншот : http://www.save-img.com/v.php?id=68f725959...64fd7a4f6c275da Html-код: <a href="/index.php?option=com_content&view=article&id=527:2009-09-16-08-49-42&catid=17:2009-09-16-07-18-15&Itemid=66" title="Путину показали новое российское супероружие" class="readon"> Подробнее... </a> </div> </div> <span class="article_separator"> </span> </div> Css-код: a.readon { margin-top: 5px; display: block; …

   Asked by zagoda, September 16, 2009

   0 votes
   3 answers
2. Кроссбраузерная верстка

   Доброго времени суток. Приношу свои извинения за вопрос =), так как он довольно таки "детский". Но я действительно никак не могу найти учебник или книгу, либо хорошую статью, где бы нормально С САМОГО НАЧАЛА рассказывалось о кроссбраузерной верстке. В гугле напарываюсь только на крохотный статейки на тему зачем нужна такая верстка, или же на описание отдельных приемов и хаков. Конкретно сейчас мне надо отдельно для mozillа описать пару классов, в уже существующем большом .css файле. Странно все ругают explorer но пока что самые большие проблемы, лично у меня, возникают именно с mozilla =).

   Asked by mikhail.schedrakov, October 7, 2012

   0 votes
   1 answer
3. Кроссбраузерная верстка (Windows VS Ubuntu)

   Ребята, привет! Подскажите пожалуйста как решить следующую проблему: делаю верстку страницы, в chrome (под Windows) меню отображается как "надо" , т.е. как на макете, вот скрин с сайта: а вот при просмотре в chrome (через Ubuntu) текст и фоновая иконка css header{ padding-top: 10px; margin: 0 auto; width: 950px; background: #fff; display: block; height: 123px; } header #moremenu{ float: left; width: 100%; margin-top: 10px; } header #moremenu .mail{ width: 159px; float: left; border-right: 1px solid #C2C7CC; height: 33px; padding-top: 17px; } header #moremenu .mail a{ background: url("images/mail.png") no-repeat scroll 19px 4px transparent; color: #163d5f; font-f…

   Asked by Snek17, August 9, 2013

   0 votes
   3 answers
4. кроссбраузерная верстка 3-х столбцов

   Прошу помощи дизайнеров. Есть у меня тривиальная задача. Но не получается у меня все красиво сделать. Мне нужно сверстать главную страницу, а именно информационную часть (то что находится между header и footer). В таблицах такое делается без проблем, но вот Дивами у меня никак не получается. Во вложении нарисовано как это должно выглядеть. Помогите с версткой.

   Asked by Unsiker, May 16, 2009

   0 votes
   19 answers
5. Кроссбраузерная вёрстка(Ios safari...)

   Имеется сайт http://epicforever.ru/ Вверху 2 дива, собственно новости и новые песни. При открытии их на айфоне\айпэде, в левом диве некоторые строки переносятся на 2 строки, высота дива увеличивается... Как сделать, чтобы такого не происходило? nowrap не предлагать) c min-width экспериментировать пробовал, тоже не помогло.. мб что то не так делал. Зарнее спасибо)

   Asked by Briss, August 31, 2012

   0 votes
   6 answers
6. Кроссбраузерная НЕсовместимость

   Всем привет! Первый раз сталкиваюсь с таким отображением в разных браузерах. Применяется bootstrap4 Далее на картинке: 1. В хроме все норм. Единственное, как сделать, чтобы линия прогресса в блке "our process" анимировалсь только один раз после перезагрузки страницу? 2. Лого в firefox и edge отображаются одинаково. Буквы D (маска) не видно. В IE11 видно верхушку. 3. Блок "our process" в edge не анимируется progress в виде контура красным цветом, а в IE11 вообще бардак. Анимируется только появление текста. 4. На iphone5 не анимируются hexы в блоке "WHAT CAN YOU RECEIVE" Проверял на виртуальной машине. На маке не тестил, нет возможно…

   Asked by Schamil74, May 13, 2017

   • верстка
   • svg
   0 votes
   0 answers
7. Кроссбраузерная строка поиска на html+css

   Здравствуйте. Есть простой код с формой, состоящей из строки поиска и кнопки. Есть желание задать оформление: placeholder + скругление + тень при фокусе. Казалось бы - куда уж проще. Но браузеры дружно доказывают, что я слишком наивен в своих предположениях. Вот код Тот же jsfiddle все отображает как задумано: тыцяем в поле - текст пропадает, граница и тень появляются. Opera: аналогично. Firefox 19.0.2: текст из placeholder пропадает не при фокусе, а только после начала набора текста запроса. Chrome 25 удивил: бордера, тени и скруглений нет, реакции на фокус тоже нет. Гугл толком ничего не сказал - только по placeholder-у нашлось решение на Javascript. Вопрос: Возможно …

   Asked by Kray Storm, March 23, 2013

   0 votes
   2 answers
8. кроссбраузерно в оодну строку

   Здравствуйте нужно поместить в одну строку, но в разные углы текст, как это лучше всего сделать, но чтобы кроссбраузерно текст другой текст

   Asked by like2dev, July 25, 2011

   0 votes
   3 answers
9. Кроссбраузерно выровнять Input

   Доброго времени суток. Есть фоновая картинка, есть input. Никак не удаётся выровнять input кроссбраузерно. Он должен быть посередине белой полосы на картинке. Частично проблему решил хаками, но Opera 9.64 все равно не хочет. Пример: http://beavers-net.narod.ru/primers/search.html Стили: http://beavers-net.narod.ru/primers/style.css С уважением, Олег.

   Asked by tt48, December 2, 2010

   0 votes
   4 answers
10. Кроссбраузерное выпадающе меню без хаков только на css

    Обычно выпадающие меню на css, которые я нахожу в Интернете, сделаны таким образом, что на IE6 они работают с разными заплатками-хаками-javascript-приладами. Не знает ли кто такое меню, которое идеально работало на чистом css в Internet Explorer 6?

    Asked by clavin, October 14, 2010

    0 votes
    4 answers
11. Кроссбраузерное выравниевание блоков по горизонтали

    Добрый день товарищи! Подскажите, пожалуйста, статьи или по своему личному опыту, как лучше выравнивать блоки фиксированной ширины по-горизонтали по центру, кроссбраузерно? К примеру: имеется внешний блок шириной 1000 пикселей и внутренние блоки по 100 пикселей каждый(рис.) Решение 1: первая мысль-float #outer_block{ background-color:#CCC; padding:10 0; min-height:280px; width:1000px; } #outer_block div{ background-color:#FCC; width:100px; min-height:200px; margin:0 5; float:left; } <html> <head> <title>Тестовая страница</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/> <meta http-equiv="P…

    Asked by XuLLlHuK, August 29, 2011

    0 votes
    5 answers
12. кроссбраузерное меню

    Добрый день! Очень очень нужна ваша помощь!!! Я уже замучилась искать варианты. Моё горизонтальное меню не отображается корректно в ИЕ 6 . может и еще где то.. Помогите исправить код , чтобы всё работало . вот сам код : css - #mbtnavbar { background : #060505; width : 930px; color : #fff; margin : 0 auto; padding : 0; border-top : 0 solid #960100; height : 35px; } #mbtnav { margin : 0; padding : 0; } #mbtnav ul { float : left; list-style : none; margin : 0; padding : 0; } #mbtnav li { list-style : none; margin : 0; padding : 0; border-left : 1px solid #333; border-right : 1px solid #333; height : 35px; } #mbtnav li a, #mbtnav li a:link, #mbtnav li a:visited { color : #f…

    Asked by VioletaMeynell, November 1, 2011

    0 votes
    3 answers
13. Кроссбраузерное форматирование столбцов таблицы.

    Всем привет. Предлагаю дискашн на эту тему, т.к. в инете очень мало инфы. Пишите сюда ваши варианты кто как делал. Я делал так: 1. добавил теги <table><col class=col1><col class=col2><col class=col3><col class=col4> и т.д. (добавляются сразу после тега <table>) Дальше в стилях прописывал форматирование. тег <td> наследует свойства от тега <col> В итоге в IE все получилось. А Опера такие вещи не понимает. Соответственно вопрос: как с этим быть?

    Asked by Shkur, February 28, 2008

    0 votes
    4 answers
14. кроссбраузерность

    сверстал тестовую страничку, столкнулся с проблемами: 1)разница в браузерах 2)не отображается рамка в ИЕ 3)высота всего контента 4)выравние внутренних колонок(как расположить по центру?) 5)слово "banner"как разместить по центру? 6)состояние кнопок, при выбранном режиме не поддеживается стиль 7)набирал в дримвивере, каждая строка выравнивается по краю, т.е. не показывает вложенные строки, хотя галка стоит Auto Indent только учусь верстать, поэтому судите не строго. Заметил что при удалении первых двух строчек в коде, в ИЕ отображаются рамка. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &lt…

    Asked by termoplus, October 3, 2008

    0 votes
    0 answers
15. кроссбраузерность

    проблема в том что я не могу понять как мне подключить или прописать или что вообще сделать что бы например меню моего сайта отображалося везде одинакого! в ИЕ все ок! меню вытянуто по гризонтали но в др. браузерах оно идет в вертикаль... вот пример кода в html: <ul class="hr"> <li><a href="index.html" class="meny">меню 1</a></li> <li><a href="index2.html" class="meny">меню 1</a></li> <li><a href="index3.html" class="meny">меню 1</a></li> </ul> в файле css: UL.hr { margin: 0; padding: 0; } UL.hr li { display: inline; margin-right: 5px; border: 0px solid #000; padding: 5px;…

    Asked by wert-one, January 18, 2009

    0 votes
    5 answers
16. Кроссбраузерность

    Подскажите пожалуста как сделать для каждого браузера свой код в css для определённого элемента? А то иеня заколебало то, что в одном браузере футер длиннее, а в другом короче!

    Asked by Glebr, February 15, 2009

    0 votes
    2 answers
17. Кроссбраузерность

    Может тема уже поднималась-но не нашел. Интересует как на компе просматривать документ html в разных браузерах, например ие5 и ие6. Заранее спасибо.

    Asked by leos613, April 18, 2009

    0 votes
    7 answers
18. Кроссбраузерность

    Есть HTML уже сверстанный, FireFox Opera отображают нормально. В ИЕ уезжают блоки. Нужно немного подправить, буквально 2 элемента. Кто можем помочь?

    Asked by kirhost.com, November 24, 2009

    0 votes
    1 answer
19. кроссбраузерность

    Добрый день друзья! У меня, В общем как и у многих новичков в этой области возник вопрос. Как разрешить проблему кроссбраузерности. Нашёл один сайт http://webering.ru/blog/html_css/crossbrowsers/ здесь написаны хаки. Их надо в head html вставлять? И вообще как разрешить эту проблему. Не показывает сайт в опера и IE. т.к. на сайте своеобразный язык другого государства пришлось в голову вставить таг <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> а вот старый код <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> я стёр ибо тогда буквы в тексте не писались бы моей страны.

    Asked by faraono, March 21, 2011

    0 votes
    9 answers
20. Кроссбраузерность

    Заранее прошу прощения за возможно глупый вопрос, но вот как при верстке сайта проверять его на кроссбраузерность ? От меня требуют, что б сайт отображался одинаково практически во всех браузерах, начиная с ie6 и заканчивая safari. Не ставить же себе на компьютер все эти браузеры Или всетаки ставить ?

    Asked by bobo, May 12, 2011

    0 votes
    43 answers
21. Кроссбраузерность

    http://jsfiddle.net/HJrSb/ При наведении в эксплорере пропадает верхний бордер. Как лечить? Проверял в IE8

    Asked by Imperil, February 23, 2012

    0 votes
    6 answers
22. Кроссбраузерность

    Верстаю 1 шаблон столкнулся с парочкой проблем 1)Opere когда листаешь страницу в самый низ и обновляешь её становится отступ хотя в остальных браузерах всё нормально. 2)Как убрать верхний отступ ?а то в Opere он 3px а в Mozilla Firefox 5px и не могу выровнить блок Opera Mozilla Firefox

    Asked by nimens, August 28, 2012

    0 votes
    1 answer
23. кроссбраузерность

    добрый вечер, подскажите как сделать сайт кроссбраузерным, по мне удобнее оппеделить браузер, и оттдельно для него подгрузить стиль по внешней ссылке, (готов писать для каждого браузера свой стиль!!!=)) <script language="javascript"> var browser = navigator.appName; document.write(browser); if (browser == "Opera") document.write("<body><link rel='stylesheet' href='http://jaguar-pw.clan.su/for_opera.css'>"); </script> думал что нашел решение, но для мозилы пробова- нивкакую...( p.s. хлстюсь на юкозе (php не работает построннее!()

    Asked by spn_one, February 3, 2013

    0 votes
    3 answers
24. Кроссбраузерность

    Ребят, подскажите, пожалуйста, почему при таком спане <span class="gray"><img style="position:absolute; margin-top:86px; z-index:1;" src="image/gray(small).png"></span> может свигаться картинка при отображении через Firefox и Chrome? В Opera и IE всё окей. Что касается класса gray: .gray{ margin-left:-319px; } Что вообще следует знать и учитывать, чтобы не сидеть на подобных проблемах?

    Asked by Jo_Sky, February 4, 2013

    0 votes
    1 answer
25. кроссбраузерность

    сверстал одну страницу сайта и возникла проблема с кроссбраузерностью кто может объяснить что я делаю не так: http://www.pavelkuligin.ru/sait/ в хроме все работает как надо, а вот в остальных браузерах разные баги.

    Asked by ilgibitym, November 18, 2013

    0 votes
    3 answers