HTML Coding

29,542 questions in this forum

1. Проблема с отображением в IE 8

   Здравствуйте! Всего пару дней изучаю HTML и CSS, пытаюсь сверстать свой первый сайт. На первых же порах столкнулся с проблемой неправильного отображения в IE 8, в Chrome всё в порядке. Подскажите пожалуйста, что делаю не правильно? Где ошибся? Заранее спасибо! Вот мой код: http://jsfiddle.net/Uqvgj/

   Asked by vladsypchenko, October 16, 2013

   0 votes
   17 answers
2. Почему такая разница в шрифтах и как верстать правильно?

   Разное отображение шрифтов в разных браузерах. При чем наблюдается различие в разный системых Windows 7 Windows 8. Вот скрины. Вот типичный сайт, выложил на хостинг, чтобы можно было посмотреть. Почему такая разница в шрифтах? Они не кроссбраузерны получается. Вот и скрины с разных систем, исерено все линейкой как видите.

   Asked by foxtrot874, October 18, 2013

   • HTML 5
   • CSS 3
   • font
   0 votes
   17 answers
3. Вопрос по внутренней оптимизации

   Хостинг на котором я арендую площадку предлагает сервис диагностики сайта Whois. Зашёл, сделал диагностику, и получил советы по оптимизации. А вот как их реализовать пока не знаю. Ну кеш браузера настрою, а с остальным что делать, Как сжать CSS и Java Script и как отдавать статический контент. Не подскажите? Для сжатия вроде бы есть сервисы. Изображения вот я сжимаю в Image Optimise. А как с кодом не знаю. Если щёлкнуть по знаку "Стоп" то открываются ссылки на файлы, пройдя по ним открываются сами файлы в блокноте и что с ними делать? Если можно подскажите.

   Asked by webded, October 25, 2013

   0 votes
   17 answers
4. svg градиент текста - не могу встроить в документ

   http://jsfiddle.net/6ENRX/1/ Такая вот проблема - кнопка в самом низу. Что я хочу - есть отдельно внешний вид для кнопки - внутри текст, залитый градиентом с помощью svg. Чтобы, если браузер не поддерживает svg - отображался просто текст нужного цвета. Проблема - кнопка уезжает, не пойми куда, текст не позиционируется внутри.

   Asked by Zverushka, November 12, 2013

   0 votes
   17 answers
5. Вопрос по <!--[if lte IE 8]>

   У меня вот возник такой вопрос ну допустим подключил я <!--[if lte IE 8]><link rel="stylesheet" href="css/ie8.css" /><![endif]-->а как теперь с ним работать понять не могу.. в IE переключаю на IE8 делаю правки и не чего не происходит... может что то не так делаю? как он вообще работает? Допустим: У меня есть класс <div id="input"><input type="text" name="test" value="тестовый текст" /></div>я пробовал примерно так, просто прописывал в данную css другие свойства. например: у нас в простой css #input { margin: 5px 5px;}а я прописал в css для IE 8 #input { margin: 1px 4px;}Не подскажете? :-) Заранее благодарю.

   Asked by BSandro, November 26, 2013

   0 votes
   17 answers
6. Как сделать, чтобы fixed меню прокручивалось горизонтально вместе со страницей?

   Ситуация - есть меню фиксед. Минимальная ширина страницы 1024 пикселя. Проблема - если сузить окно браузера сильнее, то горизонательная прокрутка не будет прокручивать меню - и оно будет либо обрезанным (с минимальной шириной 1024 пикселя), либо терять начальный дизайн (с шириной 100 процентов). Вопрос - что делать? Как сделать, чтобы оно крутилось вместо со странице горизонтально?

   Asked by Zverushka, November 27, 2013

   0 votes
   17 answers
7. Уголок у кнопки

   Что я делаю не так? http://jsfiddle.net/npofopr/quLwy/ Или это нормальное отображение уголка, лесенкой? :-)

   Asked by npofopr, November 29, 2013

   • bottom
   • arrow
   • button
   0 votes
   17 answers
8. Бордер для ссылки

   <div class="test"><a href="#">Ссылка</a></div>.test {position: absolute; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #333; line-height: 13px; height: 13px; top: 21px; display: block;}.test a {color: #fff; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.3);}.test a:hover {color: #ff0 !important; text-decoration: none; border-bottom: 1px solid rgba(255, 255, 0, 0.3);}В любой версии IE нету этого нижнего бордера. Как вылечить? Добавил ссылки position: relative; но проблема до конца не решилась, оказывается в ИЕ не срабатывает проразность rgba(255,255,255,0.3); Т.е. вся проблема 0.3. Есть ли кробраузерное решени…

   Asked by okunev2, December 7, 2013

   0 votes
   17 answers
9. Не правильно отображает в Mozilla Firefox

   Google Chrome, IE - отображает правильно, в Mozilla Firefox нет. http://demo.joomlaworks.net/tabs-and-sliders-for-articles

   Asked by lev99, December 17, 2013

   • css
   0 votes
   17 answers
10. Отображение сайта в разных разрешениях-2

    Здраствуйте. Помогите решить такую проблему: в заголовке сайта с помощью html вставлял 2 изображения, на моем мониторе и во всех браузерах - сайт отображается нормально. Но на ноутбуке, 17 дюймовом, на другом разрешении экрана - эти 2 изображения пикселей на 20-30 уезжают по бокам... Может кто то откликнется и чем то поможет? Сайт: http://pravvo.org.ua/ Код изображения 1: <a href="http://pravvo.org.ua/wp-content/uploads/4.jpg"><img class="alignleft size-full wp-image-378" style="margin-left: 21px; position: relative; top: 23px;" alt="" src="http://pravvo.org.ua/wp-content/uploads/4.jpg" width="500" height="162" /></a> Код изображения 2: <a hr…

    Asked by sourcedm, December 21, 2013

    • Отображение сайта
    0 votes
    17 answers
11. Дайте направляющую новичку :)

    Здравствуйте уважаемые форумчане! Вчера посмотрел краткий видеокурс по верстке html+css, сегодня уже хочется самому делать, практиковаться) Не знаю почему, но читая техническую (сухую) литературу у меня в голове ничего не укладывается.. А вот практика другое дело. В общем, не буду утомлять вас, мне нужен PSD макет. Легкий (!), для уровня "Новичок". Поиском пользоваться умею, просто в таком количестве PSD файлов не могу разобраться с чего начать, какой из них легкий.. Спасибо за любую помощь, подсказку !

    Asked by CroaToa, February 1, 2014

    0 votes
    17 answers
12. Почему один стиль таблицы переобпределяет другой?

    Почему такое происходит?? http://cssdeck.com/labs/oylyzxcb Для каждого блока, содержащего таблицу, прописаны стили для этих таблиц, но почему то стиль для второй таблицы переопределяет стиль первой, хотя она даже не в том блоке! (у верхней шрифт должен выравниваться по центру, но выравнивается по левому блоку, согласно стилям для второй таблицы) Почему так получается?!

    Asked by Vasler, February 26, 2014

    0 votes
    17 answers
13. Адаптивный текст

    Всем привет, как реализовать адаптивный текст, чтобы размер шрифта подстраивался под размеры экрана, вот такой шаблон будет http://storage8.static.itmages.ru/i/14/0411/h_1397203081_1405815_7756d15e6e.jpg. Например под 1024 должно быть тоже самое как и под 1920, только в уменьшенном виде. Я знаю про vh и vw, но эти решения не кросбраузерны. Пока начал делать с медиа квериес, но дофига работы получается под все популярные разрешения подгонять. Может посоветуете какие нибудь плагины.

    Asked by Sirega, April 11, 2014

    0 votes
    17 answers
14. Рамка с помощью градиента

    Всем привет Столкнулся с небольшой проблемой, надеюсь на вашу помощь, т.к сам решения не нашел Требуется сделать рамку вот такого типа с помощью CSS. (Серый узор высотой 5px) На крайний случай можно и фоном просто. Возможно такое сделать? P.S пробовал всякие генераторы градиентов, но что-то через них вообще никак не получилось Плюсану в репу за помощь

    Asked by decode, May 5, 2014

    0 votes
    17 answers
15. Проблема: отображение шрифта в сафари

    Здравствуйте! Столкнулся с проблемой, Во всех браузерах смотрится подключенный шрифт нормально, а в сафари (мак) вот так Свойства :hover которые меняют шрифт нет. В чем может быть дело, поделитесь, пожалуйста. upd: шрифт подключен через гугл, обычный open sans...

    Asked by Нарек, June 12, 2014

    0 votes
    17 answers
16. Разбор twitter bootstrap, задаем вопросы что не понятно

    Задаем вопросы и получаем ответы на них чисто по twitter bootstrap. У меня вот вопрос: div с классом row для чего используется? <div class="row"> <div class="col-md-4">.col-md-4</div> <div class="col-md-4">.col-md-4</div> <div class="col-md-4">.col-md-4</div> </div>этот же код можно было сделать так? <div class="clearfix"></div><div class="col-md-4">.col-md-4</div><div class="col-md-4">.col-md-4</div><div class="col-md-4">.col-md-4</div><div class="clearfix"></div>Так ведь?

    Asked by across, June 25, 2014

    • twitter bootstrap
    • вопросы
    • ответы
    • css
    0 votes
    17 answers
17. Логотип не стоит на месте

    Обычная страница. Background и div белого цвета, куда заключен текст. Div с текстом в обрамлении двух девчонок png с прозрачностью, а так же логотип сверху. Все эти элементы дочерние для div. У div position relative, у остальных - absolute. Но при отдалении девчонки остаются на месте, а логотип съезжает вправо. У всех дочерних элементов абсолютно одинаковые стили, разница только в координатах. Тем не менее проблемы именно с логотипом. Скрины прилагаю. Нормально При отдалении

    Asked by Sperc, July 18, 2014

    0 votes
    17 answers
18. table - как избавиться от уменьшения ширины таблицы при уменьшении размера родит. элемента?

    Вот ссылка на мой код, где можно всё попробовать: http://jsfiddle.net/KT5TC/1/ Менять ширину элемента можно, наведя мышь на правый его край, далее - зажимаете левую кнопку мыши и меняете размер элемента. 1. Попробуйте уменьшить размер внешнего div (двойная рамка) меньше ширины таблицы - таблица начнёт сжиматься. Тот же эффект Вы достигнете если просто будете уменьшать размер окна браузера. 2. Попробуйте увеличить размер СТОЛБЦА таблицы (хочу менять именно ширину столбцов и чтобы край таблицы при этом менялся автоматически - для таблицы я не задаю WIDTH). Если Вы увеличиваете его так, что край таблицы достигает края внешнего div, то ширина столбца начинает увеличив…

    Asked by eugen35, July 21, 2014

    • table
    • отказ от изменения width
    0 votes
    17 answers
19. Блок, фиксированный на одном месте

    Здравствуйте! Задача состоит в следующем: сайт с фиксированной шириной. Нужно разместить кнопку "Заказать звонок" так, чтобы она всегда находилась в одном месте относительно края общего блока, а не области просмотра. Как это сделать? Если можно, то без JS.

    Asked by Светлана Г., August 6, 2014

    0 votes
    17 answers
20. Не стягивается блок

    Парни в общем надо мне ваш совет с блоками Шевченка) Вот я даже сюда их выложил что бы было понятней немного. http://jsfiddle.net/t2noj9LL/ Баг в том что при меньшом разширении они заплывают в сторону. http://hostingkartinok.com/show-image.php?id=9f108ec46c10824ab7d096ca02b5e7fdhttp://hostingkartinok.com/show-image.php?id=f26013f5f8eb2dc84e4460ec2baf08abА должны при любом раскладе быть с права!!!К сожалению на сайте показать не могу,так как там нету!Спасибо...

    Asked by vitaxastifler, August 19, 2014

    0 votes
    17 answers
21. Добавление новостей на сайте?

    Это делать нужно в html коде, или можно такую функцию на сайте сделать?

    Asked by RuslanHeYca4ev, September 8, 2014

    0 votes
    17 answers
22. Какая разница?

    Здравствуйте! Подскажите пожалуйста. Вот не могу понять... К примеру есть маркированный список. <div class="menu"><ul><li><a href="#">Ссылка 1</a></li><li><a href="#">Ссылка 2</a></li><li><a href="#">Ссылка 3</a></li></ul></div>Дальше css код .menu li {какой-то CSS стиль}То есть ВСЕМ элементам li класса menu задаём "какой-то стиль" ? Верно? .menu ul li {какой-то CSS стиль}А тут что? Мы ведь по сути к тем же спискам li обращаемся? Зачем тут ul?

    Asked by tigrus2014, September 23, 2014

    0 votes
    17 answers
23. Оцените форму регистрации.

    http://webmastamakewebsite.url.ph/ Делал по этой http://htmlbook.ru/practical/forma-registracii

    Asked by RuslanHeYca4ev, October 4, 2014

    0 votes
    17 answers
24. Видео на сайт

    Подскажите пожалуйста: 1. как сделать так, чтобы видео на сайте загружаемое с youtube проигрывалось в IE8 и 9? (проблеvиы с тегом iframe) 2. является ли кроссбраузерным использование flash плеера?

    Asked by MeisMe, October 6, 2014

    • video
    • youtube
    • html5
    • IE8
    0 votes
    17 answers
25. как сверстать такое?

    Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как сверстать так чтобы при сужения окна браузера боковые картинки ”заежали” за видимую часть окна, а при увеличении ширины центральная часть растягивалась?

    Asked by stan07, October 21, 2014

    0 votes
    17 answers