HTML Coding

29542 questions in this forum

1. Верстка

   Есть меню. но оно отображается не правильно. Как есть (ФОТО): Как надо: Есть код: <div id="menu"> <div class="menu"> <a href="#" ><img class="km" src="img/a_km.jpg"><h5>Аренда кофемашин</h5></a> </div> <div class="menu"> <img class="km" src="img/p_km.jpg"> </div> <div class="menu"> <img src="img/r_km.jpg" class="km"> </div> <div class="menu"> <img class="km" src="img/p_k.jpg"> </div> </div> +css #menu { margin-top: 30px; background: url(img/menu_bg.jpg); width: 200px; height: 440px; -webkit-box-shadow: -4px 5px 13px rgba(50, 50, 51, 0.48); -moz-box-shad…

   Asked by vova.a99, July 2, 2012

   0 votes
   1 answer
2. IE8 - скрывает часть контента

   Во остальных всех браузерах отображается нормально, в IE8 зарезает часть контента. Во вложение есть картинка, как это выглядит . А вот ссылка на сайт: _http://si-print.com/index.php/price Коды: index.php

   Asked by iirioterii, August 20, 2012

   0 votes
   0 answers
3. Как правильно?

   Доброго времени суток! У меня вопрос: Правильно ли я позиционирую блоки и элементы страницы? Позиционирую с помощью margin и float. Правильно ли это? Может надо использовать другие свойства CSS? Для примера: Ack

   Asked by ohinem, September 30, 2012

   0 votes
   1 answer
4. Подстановка уже вводившихся значений

   Даже не знаю в каком направлении копать. Нужно чтобы в Safari для input поля показывались подсказки уже вводившихся значений. В Firefox нормально,а в Safari не хочет.Может это настройки браузера

   Asked by vladimircape, October 3, 2012

   0 votes
   1 answer
5. высота sidebar

   Разъясните,пожалуйста почему тут http://htmlbook.ru/layout/fiksirovannaya-shirina-float-plyus-margin (Пример 2. Создание макета с двумя колонками) высота sidebar ограничена контентом, а здесь http://htmlbook.ru/layout/fiksirovannaya-shirina-ispolzovanie-float (Пример 3. Создание макета с двумя колонками) тянестя во всю высоту?

   Asked by cypler, December 30, 2012

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

   Ребят, подскажите, пожалуйста, почему при таком спане <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
7. Опять прибиваем подвал...

   Помогите, пожалуйста. Уже всё перепробовал. Ничего не помогает..или это у меня просто руки кривые. http://test-dion.p.ht/

   Asked by vova.a99, July 12, 2013

   • подвал футтер
   0 votes
   0 answers
8. Горизонтальное меню

   Добрый день. Подскажите, пож-та, как меню сделать горизонтальным: http://jsfiddle.net/Thierryh/96P6K/11/ Все перепробовал,прошу вашей помощи.

   Asked by ThierryH, November 27, 2013

   0 votes
   3 answers
9. проблема с font-face в firefox

   Доброго времени суток! Пытаюсь добавить на страничку сторонний шрифт, во всех браузерах работает, а в firefox нет: @font-face { font-family: 'Open Sans Light'; src: url('font/OpenSansLight.ttf');}Вот что по этому поводу пишут на хабрe: http://habrahabr.ru/sandbox/50935/ Но для решения этой проблемы они предлагают изменить настройку браузера, у меня этот способ не заработал. Есть какие-нибудь способы обойти этот баг? И этот баг проявляется только на локальных страничках с локальными шрифтами или как (тут я тоже не совсем понял)?

   Asked by Kenshi24, February 7, 2014

   0 votes
   2 answers
10. авто зумирование браузера

    Вопрос состоит в следующем: Например вот страница при разрешении 1280х800 Вот эта же страница при разрешении 1024х640 А вот страница при разрешении 1024х640 но при 75% То есть отображение страницы 1024х640 при 75% практически равно разрешению 1280х800 при 100%. Как сообщить браузеру пользователя о необходимости зумирования?

    Asked by maromaks, March 11, 2014

    0 votes
    2 answers
11. У меня код не отображается ни в каком браузере

    У меня код не отображается ни в каком браузере, ни хром, ни фф. Что делать, в чем проблема? Вот мой код: <!DOCTYPE html><html> <head> <meta charset="utf-8> <title>Моя первая HTML-страница</title> </head> <body> <h1>Мой первый заголовок</h1> <p>Мой первый параграф</p> </body> </html>

    Asked by Highintensity7, April 7, 2014

    0 votes
    1 answer
12. Lightbox. Как изменить максимальную высоту?

    Для увеличения фоток используется Lightbox. Проблема возникла с высокими изображениями. То есть, изображение больше высоты экрана. И поэтому при "высоком" изображении не работает кнопка "CLOSE" http://savepic.su/4934392.png Если изображ. уменьшить по высоте, то кнопка "CLOSE" начинает работать. Что нужно сделать, чтобы кнопка работала при любой высоте? Я, как поняла за размер изображений отвечает этот код в файле lightbox.js: resizeImageContainer: function(imgWidth, imgHeight) { // get current width and height var widthCurrent = this.outerImageContainer.getWidth(); var heightCurrent = this.outerImageContainer.getHeight(); // get new width …

    Asked by Alfa2015, February 8, 2015

    0 votes
    0 answers
13. Обтекание текстом картинки

    Здравствуйте Div с выделенным материалом прилипает, а точнее даже "залазит" под картинку. Проблема возникает тогда, когда div с выделенным материалом находится не под картинкой, а справа от неё. Пример HTML: <h1>Заголовок</h1><img src="image.gif" width="490" height="305" align="left" hspace="10"><p>Информация является мощным активом для международного бизнеса. Регуляторы, клиенты и сотрудники компаний уделяют все больше внимания процессу обработки данных. Управление рисками, связанными с утечкой, потерей и кражей данных, это не только вопрос соблюдения требований законодательства, а и вопрос репутации компании и стоимости ее бренда.</p> <…

    Asked by Kapust, July 6, 2015

    0 votes
    2 answers
14. Подскажите, пожалуйста, со стилем Яндекс.карты

    Здравствуйте, подскажите пожалуйста - совсем запуталась с тегами. Мне нужно создать border-image вокруг яндекс.карты на страничке. Код страницы <div class="map-border"><div id="YMapsID-5652" style="width:350px;height:270px"></div></div> css #map-border { border-width: 25px 30px 10px 20px; -moz-border-image: url("img/map-border.png") 25 30 10 20 repeat stretch; -webkit-border-image: url("img/map-border.png") 25 30 10 20 repeat stretch; border-image: url("img/map-border.png") 25 30 10 20 repeat stretch; } Бордюр не отображается.. в чем намудрила, никак не пойму Т_Т Заранее благодарю за помощь всех откликнувшихся

    Asked by Skazzi, October 27, 2011

    0 votes
    4 answers
15. шрифты кроссбраузерно ?!

    Доброго времени суток! Помогите пожалуйста разобраться со шрифтами, никак не могу побороть ( вот здесь пример: пример Задаю шрифт: font-size: 12px; line-height: 15px; font-family: "Georgia", serif; Но почему-то в разных браузерах он растягивается по разному ... вот: Скажите почему ? и как можно это победить ? Спасибо большое!

    Asked by maxmsmax, February 26, 2012

    0 votes
    2 answers
16. Не пойму как сварстать такое меню

    Здравствуйте! не пойму как быть с бекграундом каждого пункта меню при наведении курсора, тк каждый пункт под углом, не пойму как лучще сверстать эту задачку... А что думают профи?

    Asked by koshsh, April 11, 2012

    0 votes
    1 answer
17. При некоторых масштабах кнопка меню уходит

    здравствуйте! при нормальном масштабе нормально меню.. а на другом компьютере с высоким разрешением один пункт меню уходит вниз.. пробовал на этом компьютере, тут при уменьшее масштаба тоже лезет.. а если еще увеличить, или наоборот уменьшить до опредленного уровня то станет нормально.. что тут поправить? вот меню: <div id="topmenu"> <div id="navigation"> <ul class="nav"> <jdoc:include type="modules" name="Menu" /> </ul> </div> <!-- #navigation--> </div> <!-- #topmenu--> вот его css #topmenu { margin: 0 auto; width:958px; height:60px; background:white ; margin-top:-60px; border-radius…

    Asked by nikki4, April 28, 2012

    0 votes
    1 answer
18. css: параметры тэга с атрибутом

    Здравствуйте. Я хотел бы написать css код: если <img align="right">, то margin: 10px 0px 10px; если <img align="left">, то margin: 10px 10px 10px 0px; Если без атрибута, то просто выровнять по центру Но это уже детали. Конкретно, меня интересует синтаксис такого написания. Некоторое время назад я прослушал курс по вёрстке и там было много информации, которая у меня не сохранилась. Там задавались, например, парметры тэгам внутри другого определённого тэга и много чего подобного. Здесь же, в учебниках по CSS, к сожалению, я такого и близко не нашел. Мне же надо задать параметры тэгу с определённым атрибутом. Как это написать?

    Asked by triplecorpse, July 8, 2012

    0 votes
    1 answer
19. Есть горизонтальное выпадающее меню в низ, но как его переделать чтобы он выпадал в верх?

    Есть горизонтальное выпадающее меню в низ, но как его переделать чтобы он выпадал в верх? Код естественно прилагается): #nav { margin: auto; z-index: auto; display: block; } #nav li { float: left; } #nav li:hover { position: relative } #nav li:hover > a { background: #021A1A; box-shadow: 5px 5px 25px #000; -moz-box-shadow: 5px 5px 25px #000; -webkit-box-shadow: 5px 5px 25px #000; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #nav li.sub:hover > a { border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; } #nav li a { color: #fff; font-weight: bold; text-decorati…

    Asked by lektor, November 4, 2012

    0 votes
    1 answer
20. Проблема с border-radius в IE

    При установке патча pie.htc проблема с отображением "border-radius" в IE исчезла везде, - кроме главной странице, где отображаются спец-предложения. Не как не хочет отображаться как следует. На сайте faksal[точка].ru можете посмотреть подробно! Подскажите в чем проблема? p.s код стиля: .totalPrice { border-color:#a3620a; background:#f9800f; background:-moz-linear-gradient(top,#ff9a22 0,#f46e01 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff9a22),color-stop(100%,#f46e01)); background:-webkit-linear-gradient(top,#ff9a22 0,#f46e01 100%); background:-o-linear-gradient(top,#ff9a22 0,#f46e01 100%); background:-ms-linear-gradient…

    Asked by zoombo, December 28, 2012

    0 votes
    1 answer
21. Помогите с отступами...

    Люди..я совсем запутался..первый раз такая проблемма..До этого верстал и ничего подобного не было. Вот html код: <div id="wrapper"> <div id="logo"></div> </div> Вот css: html, body { margin: 0px; padding: 0px; position: relative; height: 100% } body { height: 100%; width: 1100px; padding: 0 0; margin: 0 auto; } #wrapper { display: block; position: relative; text-align:left; margin: 0 auto; width: 1000px; height: 100%; background: #ffffff url(../image/bg.jpg) no-repeat 0 0; } #logo { display: block; position: relative; background-image: url(../image/lady.png); width: 294px; height: 73px; margin: …

    Asked by Noraad, January 12, 2013

    0 votes
    3 answers
22. Вертикальное выравнивание 5 ти блоков в ряд, один из которых резиновый

    Все привет. прошу помощи. Есть 5 блоков, нужно правильно прописать стили <div class="product"> <span class="img">фикс блок по левому краю</span> <span class="name">фикс блок по левому краю</span> <span class="descr">Резиновый блок</span> <span class="summ">фикс блок по правому краю</span> <span class="summ_price">фикс блок по правому краю, содержимое прижато вправо</span> </div> Все блоки должны быть выровнены вертикально по центру Блок descr должен быть резиновый, остальные фиксированные, содержимое блока summ_price должно быть выровнено по правому краю Прошу помощи правильно пропис…

    Asked by bigperson, February 11, 2013

    • vertical-align
    0 votes
    0 answers
23. Скачет отцентрированный по центу div блок

    Друзья, помогите! Есть страница и страница По непонятным для меня причинам на второй странице фоновое изображение в виде книжки уходит не много вниз. Как отловить причину?

    Asked by smirn0ff, May 3, 2013

    0 votes
    1 answer
24. Поля

    Приветствую, как мне сделать чтобы текст1 отображался справа от текст2 на расстоянии? Пример: Текст2: Текст1 Получается так: Текст2 Текст1

    Asked by Vans, February 3, 2014

    • Текст
    0 votes
    2 answers
25. плохо отображается шрифт на разных платформах

    Привет, такой вопрос На сайте sherwood62.ru в заголовках применяется шрифт Cuprum через font-face (берётся с сервера). Проблема: на WIndows xp заголовки отображаюся коряво, браузер или Chrome или Firefox, возможности протестировать нет. Как будто шрифт "обгрызен". Можете посмотреть в разных браузерах на разных платформах? И как это исправить.

    Asked by OlegALL, March 3, 2014

    0 votes
    1 answer