HTML Coding

29,542 questions in this forum

1. background-size: cover + backgroud-attachment: fixed на ipad?

   Имеется такой код .slide { background: url(../img/1.jpg) no-repeat; background-attachment: fixed; background-position: center center; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}Все десктопные браузеры понимают его нормально (IE не интересует). Проблема возникает на ipad-е. Картинка масштабируется на 2 раза больше (примерно) чем нужно. В коде своего рода хак для IOS - сначала 100% потом cover, но это не помогло. Когда меняю background-attachment: fixed на scr…

   Asked by Нарек, August 18, 2014

   0 votes
   1 answer
2. Всплывающий блок при наведении на картинку

   Подскажите, как можно осуществить такой эффект (чтобы при наведении на картинку всплывал блок, а на этом блоке были расположены две иконки-ссылки?) В большинстве случаев, описывается всплывающий текст, а вот как сделать, чтобы вместо текста были иконки? Спасибо.

   Asked by Orarifish, August 13, 2014

   0 votes
   1 answer
3. выпадающее меню

   добрый вечер, проблема с меню, не отображается на hover http://jsfiddle.net/mrfrunze/ogn360n6/3/ подскажите в чем подвох? Спасибо.

   Asked by mrfrunze, August 18, 2014

   • hover
   0 votes
   2 answers
4. Переход с табличной вёрстки на вёрстку слоями

   Добрый день, друзья! Я даже не знаю как сформулировать свою проблему. Нужно код ниже сверстать слоями. <table width="950px"><tr><td><nobr>Очень длинный текст</nobr></td><td><nobr>Ещё один очень длинный текст</nobr></td><td width="100%">Резиновый блок</td></tr></table>Ни какие размеры блоков заранее неизвестны, кроме ширины макета. display: table не предлагать. Т.е. что я имею ввиду: есть блоки, которые должны быть размещены по горизонтали, при этом последний из них должен занять всё оставшееся место. Количество блоков неизвестно, но их явно не меньше двух.

   Asked by mymedia, August 18, 2014

   • table
   • div
   0 votes
   8 answers
5. Ipad, проблема с фиксированной высотой 100%, при переворачивании.

   Есть проблема с safari в ipad4. заданы свойства body, html, { height: 100%;} В итоге тело боди растягивается на 100%, все отлично работает. На ipad на портретнике тоже. Но при повороте, альбомном положении, появляется скролл. Пробивал скриптами и оказалось, что window при альбомном положении чуть больше, чем нужно, то есть html имеет 500 пикселей по высоте, a window 550px. В итоге html растягивается больше чем нужно и получается скролиг. Может кто встречался с такой проблемой?

   Asked by Grifit, August 13, 2014

   0 votes
   1 answer
6. URL с внутренних на главную

   Доброго времени суток. У меня сайт на html, все ссылки на главную идут вот так <a href="index.html">Главная</a>, на других сайтах встречаю в коде вот так <a href="/">Главная</a>, как правельно ?

   Asked by Aleksandr_I, August 13, 2014

   0 votes
   6 answers
7. Разные размеры изображений в браузере?

   Создал картинку в фотошопе определенной высоты, вставил ее в страницу, а она меньшего размера отображается, хотя размер прописан тот же. Вообще не понимаю как браузеры отображают картинки... открыл картинку просто через браузер, она нормального размера, открыл на html странице стала меньшего размера. Скриншот здесь https://yadi.sk/i/mrfI32TNZXyiL слева картинка в просмотровщике, справа html страница в браузера. Разобрался, вот я заработался и на масштаб не смотрел)

   Asked by aizul, August 13, 2014

   0 votes
   0 answers
8. CSS: вопрос по разметке блоков

   Какие нужно задать свойства блоку, чтобы он имел фиксированную ширину и произвольную высоту?

   Asked by Zueff, August 18, 2014

   0 votes
   2 answers
9. Неожиданный вертикальный скрол в Chrome и Opera

   Вопрос для знатоков. Есть такая верстка. Вопрос заключается в том почему в Chrome и Opera у элемента с классом "panel" появляется вертикальный скрол-бар. И как от него избавиться. Естественно решение просто убрать overflow: auto не подходит. Тестировал в Chrome 36 и Opera 20.

   Asked by illya_v, August 13, 2014

   • скрол
   • scroll
   • chrome
   • bag
   0 votes
   4 answers
10. Сделал 2 колонки на 100% длинны страницы, одна фиксированная, НО!

    Сделал 2 колонки на 100% длинны страницы, одна фиксированная, НО! Нужно сделать 2х колоночный макет с длинной во всю страницу, причем правая колонка должна быть фиксированой. Почти получилось, но нужно перенести фиксированую колонку слевой стороны на правую. Под конец дня голова уже не варит. Любые советы, ссылки, намеки, решения подойдут. Заранее спасибо! Код HTML: Код CSS: Скрин:

    Asked by ZMichail, August 13, 2014

    • html
    • css
    • верстка
    • колонки
    • как сделать
    • колонка на всю длинну
    0 votes
    7 answers
11. Фон с узором, плавно переходящий в цвет

    Всем привет! дайте совет плз или ткните носом =) Получил на верстку фон шапки такого вида(клац), тоесть узор плавно переходящий в сплошной цвет. Ситуация совершенно не патовая, прост хочется использовать самый оптимальный вариант. Если б градиента не было то нуль проблем - вырезал бы повторяющийся фрагмент узора и зарепитил по обеим осям. Тут надо другой подход. У меня пока 2 варианта: 1) вырезать часть фона от верхней точки(с узором) до момента где начинается цвет (вышло изображение(клац) 4х360 пикс величиной 2,49 КБ), далее зарепитить по иксу, а остальное залить цветом. 2) вырезать фрагмент узора(клац) (4х4 пикс), залить им весь фон хедера. Потом в хвотошопе сделать фра…

    Asked by kupas, August 13, 2014

    • css
    • градиент
    • фон
    0 votes
    1 answer
12. как увеличить расстояние между группой цифр

    как увеличить расстояние между цифрами через css: 7772255, нужно чтоб было 777 22 55 спасибо. Стандартными методами пробовал меняет интервал между цифрами!

    Asked by mrfrunze, August 13, 2014

    • css
    0 votes
    5 answers
13. Помогите убрать отступ

    Никак не могу понять, из-за чего появляется большой отступ между картинкой и описанием - http://kosmetika-just.ru/produkciya-dlya-uhoda-za-polostyu-rta-i-zubami/483-poloskanie-dlya-polosti-rta-125-ml.html

    Asked by Тёмик, August 13, 2014

    0 votes
    5 answers
14. не могу создать элемент div - без position: absolute;

    Не могу создать элемент DIV - не прописав свойство position: absolute из-за чего не получается смаштабировать сайт: <!DOCTYPE html><html> <head> <title>Сайт по WEB-разработке</title> <meta charset="utf-8"> <link rel='stylesheet' href='../css/style.css' /><script type='text/javascript' src='../js/jquery-1.11.1.min.js'></script><script type="text/javascript" src="../js/jguery-1.4.2.min.js"></script><script type="text/javascript" src="./js/jguery-ui-1.8.2.custom.min.js"></script><script type="text/javascript" src="../js/jguery.ghindaVideoPlayer.js"></script> <script> docu…

    Asked by Zero-11, August 13, 2014

    • HTML5
    • CSS3
    0 votes
    7 answers
15. content

    Приветствую Можно ли как нибудь вставить в "content", картинку? Или есть другие способы?

    Asked by Vans, August 13, 2014

    0 votes
    2 answers
16. Проблема с отступами

    день добрый вот кусок стилей .content .kont{width: 390px;display: inline-block;vertical-align: top;margin:0 px 5px 0 10px;-webkit-box-shadow:0px 0px 8px 1px rgba(0, 0, 0, 0.33);} не могу этому блоку задать margin -top ?ссылка: http://teslalight.com.ua/kontakti/.html по бокам отступы работают, а сверху нет. Подскажите что мешает его сдвинуть? Это код из движка джумлы. могу задавать отступа для этого класса!

    Asked by mrfrunze, August 14, 2014

    • css
    0 votes
    4 answers
17. Почему не появляются границы по бокам?

    Почему, если в параграф засунуть элемент <h2> и потом, для всего этого задать границу, то она появляется частично? А если убрать заголовок, то граница появляется. http://jsfiddle.net/fowhf3r0/

    Asked by DivMan, August 14, 2014

    0 votes
    4 answers
18. Отступ из-за фона

    Когда наводишь курсор на пункт меню, например "Главная", то все остальные пункты меню смещаются в право. Как сделать, что бы они были неподвижны? http://jsfiddle.net/#&togetherjs=iV0b6oJUzE

    Asked by Roman_qwe, August 14, 2014

    • фон отступ
    • меню
    0 votes
    7 answers
19. Проблема с font-stretch

    Доброе время суток! Буду очень благодарна за помощь. В .psd макете шрифт Microsoft Sans Serif , который в фотошопе растянут, в стилях я прописала тот же шрифт, тот же размер, а растянуть я хотела с помощью font-stretch, но не все браузеры понимают это свойство, к тому же работает не для всех шрифтов, Заказчик говорит что шрифт отличается, естественно, но я не знаю как решить эту проблему. Заранее спасибо.

    Asked by Suzanna, August 14, 2014

    • сузить шрифт
    • font-stretch
    0 votes
    10 answers
20. Проблема кроссбраузерности

    http://s019.radikal.ru/i621/1408/7c/a45ebf4e39c2.jpg вверху - так как отображает ІЕ: текст нужного цвета, при наведении курсива текст исчезает снизу - хром: текст не исчезает,и текст серого цвета, как правильно писать webkit или подобные штуки..? (я новичек)

    Asked by Alioven, August 14, 2014

    0 votes
    4 answers
21. помогите выровнять блоки

    помогите выровнять блок "карта " класс .kont не могу выровнять по вертикали. http://teslalight.com.ua/kontakti/.html Прошу помощь - запутался ))) +45 за бортом.. Спасибо.

    Asked by mrfrunze, August 14, 2014

    • css
    0 votes
    2 answers
22. Подскажите что делать начинающему верстальщику

    Здравствуйте, уважаемые коллеги! Начал заниматься версткой недавно (месяца 3 наверное). За это время немного освоил html/css, однако когда дело подходит к практике, например сверстать простейший макет, я тут же вхожу в ступор и не могу применить теоретические знания на практике. В общем что бы вы посоветовали мне? Как начать верстать хотя бы простейшие макеты? Спасибо, всем кто ответит на данное сообщение!

    Asked by myels, August 14, 2014

    0 votes
    13 answers
23. Откуда у списка лишний отступ сверху?

    http://jsfiddle.net/LLtxc2bd/1/ Я разобрался, добавив vertical-align: top; Странное у них поведение

    Asked by DivMan, August 14, 2014

    0 votes
    0 answers
24. Не отображается спрайт

    вечер добрый подскажите из за чего не отображаются спрайты http://jsfiddle.net/mrfrunze/263ndx37/ class .data .coll - sprites Спасибо. В общем нашел причину, нужно прописывать background:url(../images/sprite.png) -78px -9px; где значение цифр ширина и высота ))))

    Asked by mrfrunze, August 14, 2014

    • css
    • спрайты
    0 votes
    0 answers
25. Изображение вокруг курсора прозрачная

    Подскажите пожалуйста, как реализовать эффект как на этом сайте http://industriefer.ru/ ( наведите на бойлер ).

    Asked by Ingvarr, August 14, 2014

    • курсор
    • картинка
    • прохрачность
    0 votes
    2 answers