HTML Coding

29,542 questions in this forum

1. Фоновое изображение

   добрый день)) у меня проблемка с фоном, я не как не могу сделать так чтобы картинка большего размера уменьшалась под размер моего разрешения экрана. я по лазил по искал и наткнулся на данную статейку, тык. Здесь написано что можно использовать значение inherit. я не как не пойму как его присобачить к моему коду: .body{ background-image: url(557271-1920x1200.jpg); background-attachment: fixed; }я пробовал и position: inherit;иbackground-image: url(557271-1920x1200.jpg) inherit; не получаетсяподскажите пожалуйста)) заранее вам огромное, человеческое спасибо))

   Asked by egrom92, February 17, 2014

   0 votes
   7 answers
2. как убрать косяки в меню у разделителей?

   Разделитель выходит за пункты меню, как его укоротить? http://jsfiddle.net/vf94k/

   Asked by DivMan, February 17, 2014

   0 votes
   2 answers
3. Мои вопросы

   Всем привет.Так как являюсь начинающим ,поэтому решил не заводить каждый раз новую тему в случае вопроса , а сделать всё в одной.Заранее спасибо всем кто будет принимать участие. http://cssdeck.com/labs/sqnc9dd9 Вот и первые вопросы: *Как можно было ещё перенести слова в столбик ? я это сделал при помощи <br> а возможно ли это сделать через стили? (по идее думал что можно сделать через disply : block; но почему то не получилось- юзаю мозилу *Можно ли как то установить блок main по центру вертикально автоматически или же нужно в ручную подгоняя пиксели через топ ? * да и В общем ,как вам эта вёрстка в целом ?

   Asked by extrabass4, January 12, 2014

   0 votes
   52 answers
4. Размещение jQuery слайд шоу в нужном элементе

   Доброго времени суток! Есть тестовая страница http://poligonteam.ru/ Задача: поместить фоновое слайд шоу Supesized v3.2.7 в первый параллакс слайд (Stellar.js). Собственно на данный момент часть слайд шоу помещено в первый слайд (текст и кнопки навигации), но смена изображений происходит в body (Slide1 и Slide4 имеют прозрачный фон). В jQuery (да и вообще в JavaScript) понимаю плохо, но стараюсь разобраться. Просматривая код (Supersized), натолкнулся на такую запись (function($){ /* Place Supersized Elements —————————-*/ $(document).ready(function() { $('body').append('<div id="supersized-loader"></div><ul id="supersized"></ul>'); }); …

   Asked by PR0XY2027, February 17, 2014

   • js
   • jQuery
   • parallax
   • slideshow
   • supersized
   • stellar
   0 votes
   0 answers
5. Подключение шрифтов

   Здравствуйте! Вот как я подключаю шрифты. @font-face { font-family: 'Elzevir'; /* Имя шрифта */ src: url('fonts/Elzevir.ttf'); /* Путь к файлу со шрифтом */ }Но тут попался css файлик с таким кодом @font-face { font-family: 'LearningCurveProRegular'; src: url('fonts/LearningCurve_OT-webfont.eot'); src: url('fonts/LearningCurve_OT-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/LearningCurve_OT-webfont.woff') format('woff'), url('fonts/LearningCurve_OT-webfont.ttf') format('truetype'), url('fonts/LearningCurve_OT-webfont.svg#LearningCurveProRegular') format('svg'); font-weight: normal; font-style: normal;}Подска…

   Asked by stan07, February 17, 2014

   0 votes
   4 answers
6. bxSlider вопрос по поводу функционала

   Захотелось запихать в страницу 2 слайдера разного внешнего вида. Используется bxSlider. Вопрос как это реализовать? Написать стили для второго слайдера в html коде, а первый берет стили из bxslider.css ?

   Asked by CroaToa, February 17, 2014

   0 votes
   4 answers
7. Рзмытость текста

   Доброго времени суток! Заметил, что в фотошопе на исходнике текст отображается немного размытым http://i7.pixs.ru/storage/5/4/7/imagejpg_3073864_10892547.jpg Можно ли добиться такого эффекта и в браузере?

   Asked by GusevIvan, February 16, 2014

   0 votes
   3 answers
8. Всплывающее меню при наведении

   Как сделать такое меню http://ria.ru/ . на css такое возможно?

   Asked by daggi, February 13, 2014

   0 votes
   7 answers
9. не получается сделать меню горизонтально

   добрый день. недавно, менее 2ух недель я изучаю хтмл и цсс. Решил сделать сай, пробный. пытаюсь сделать у сайта горизонтальную меню, для этого я вставляю [i]display: inline.[/i] и вроде всё гуд, но не то немного. у меня элементы подстраиваются под размер содержимого. как мне сделать так чтобы оно оставалось тем же размером что было?? я уже подумываю каждой кнопке делать отдельный блок где будет прописан своё местоположение. я надеюсь что не криво изложил свою мысль и проблему)) ниже сам код

   Asked by egrom92, February 16, 2014

   • меню
   0 votes
   3 answers
10. min-height не работает при float:left

    Всем привет, мучаюсь с min-height в двухколоночном макете. Буду очень благодарна за подсказку! Суть: в div вложены две колонки (у правой - float:left). Диву задана min-height, но он все равно "держит" высоту по той колонке, где меньше контента. То есть, получается так: А мне нужно, чтобы область с рамкой растягивалась в соответствии с кол-вом текста, но всегда была больше 100px. Если убрать float:left у сайдбара, сайдбар пропадает... зато все растягивается как надо ) В общем, запуталась. HTML: <div class="main"> <div class="maincontent"> <div class="bigpic"> IE8, Opera, Safari, Мозила - расчет ведется от body, т.е. если у не…

    Asked by brussnika, February 16, 2014

    0 votes
    4 answers
11. Странное поведение ссылок

    Делаю красивое выделение ссылок при наведении курсора (при наведении курсора мыши ссылка выделяется синим блоком). Вот пример: http://jsfiddle.net/x75PL/ Выделение блоком срабатывает только при наведении на блок с ссылкой - так и надо. Проблема в том, что ссылка срабатывает и при наведении вне приделов блоков - по всей ширине страницы. Почему так происходит. Как сделать что бы ссылка срабатывала только при наведении на блок (который выделяется синим - link 1 и link 2 из примера), или при наведении на текст (link 3 из примера).

    Asked by alleclf, February 16, 2014

    0 votes
    7 answers
12. Всплывающее окно для планшета

    в общем уже голову сломал. нужно оптимизировать сайт для планшета. http://liderventfasad.ru/ нужно чтобы при тычке на планшете выпадало окно. (на любом пункте из списков предлагаемых услуг). на компе при клике это работает, а на планшете нет. что делать? помогите CSS .thumbnail{ position: relative; z-index: 0; } .thumbnail:focus{ background-color: transparent; z-index: 50; } .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: #3d3d3d; padding: 5px; border: 1px solid white; visibility: hidden; color: white; font: 12px 'Tahoma'; text-decoration: none; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px …

    Asked by Linblack, February 16, 2014

    0 votes
    0 answers
13. Что с yandex картами? Как установить на сайт?

    вот ссыль http://api.yandex.ru/maps/tools/constructor/ здесь можно получить код карты и влепить себе его на сайт но код не пашет. кто сталкивался

    Asked by romoga, February 16, 2014

    • yandex
    • карта
    0 votes
    4 answers
14. Переход по ссылке из MS Office

    Столкнулся с проблемой, если люди переходят по ссылке из MS Office на сайт, то даже в нормальной версии браузера вылетает сообщение чтобы обновили версию браузера что сайт не поддерживает его if(preg_match('/(?i)msie [2-8]/',$_SERVER['HTTP_USER_AGENT'])){ header('HTTP/1.1 301 Moved Permanently'); header("Location: /ie.html"); exit;}Как вылечить?

    Asked by okunev2, February 15, 2014

    0 votes
    5 answers
15. Мигающий слайдер и z-index

    Всем привет. Верстаю сайт по адресу - http://jozefinastudio.com/ на opencart. Есть проблема с мигающим слайдером при смене слайдов. Проблема с миганием только в хроме, в других браузерах нормально. Вторая проблема - не понимаю как правильно сделать z-index для двух кнопок находящихся справа-сверху от основного контента(корзина и поиск). Нужно чтобы это были ссылки с переходом на страницы поиска и корзины. А по дизайну они должны располагаться за тенью контента. Если так сделать с помощью z-index, то ссылка становится неактивной и на неё нельзя нажать. Как можно решить проблему?

    Asked by Falcon, February 16, 2014

    0 votes
    0 answers
16. Opera mini и ширина сайта

    Когда открываю свой сайт через opera mini с включенной настройкой ОДНОКОЛОНОЧНОГО ВИДА(one column...) то ширина сайта уменьшается (подробнее на изображении ниже: Просто для интереса установил для body минимальную ширину 150px и ширина в браузере увелечилась на 150px, решил установить 100% минимальную ширину, не заработало. как исправить? p.s. юзаю еще twitter bootstrap 2

    Asked by IceJOKER, February 16, 2014

    0 votes
    0 answers
17. bxSlider - последний слайд перекрывает остальные

    Сразу дам ссылку на проблему — http://jsfiddle.net/mrnobody/6RkSd/ Есть слайды, когда я перехожу на второй слайд (или любой другой, кроме первого и последнего), то он появляется на долю секунды и перекрывается последним. в моем случае слайдом под номером 4. PS: Еще заметил, переключился на слайдер -> случилось перекрытие, и если я открою веб-инсперктор, то показывается нужный слайд. PPS: Нашел решение дописать mode: 'fade', но нужно чтобы они именно перелистывались. PPPS: Правильно работает только в Опере 12.16.

    Asked by mrnobody, February 15, 2014

    • bsSlider
    • js
    • jQuery
    0 votes
    2 answers
18. Картинка всегда внизу

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

    Asked by stan07, February 14, 2014

    0 votes
    6 answers
19. Как разрешить выход за левую границу окна браузера

    В общем-то суть проста - заказчик хочет, чтобы сайт был размером 1920px в ширину, а при меньшем разрешении "уши" отрезались. Можно ли это реализовать средствами css? (как реализовать на js представляю, но хочу именно через css). По сути надо как-то разрешить дочернему элементу выходить за левую границу родителя, иначе он уезжает в правую сторону.

    Asked by seedofpanic, February 13, 2014

    0 votes
    4 answers
20. Помогите решить задачу с :hover

    В общем идея такая: - создал три квадрата и один список, который находится под квадратами. Данные элементы находятся в одном блоке. В каждом из квадратов находится по одному блочному элементу <p> разного цвета, у которых стоит display: none. При наведении курсора мыши на один из пунктов списка под соответствующим квадратом с использованием :hover, ожидал увидеть чудесное появление блочного элемента <p> в квадрате соответствующего цвета.... Но как то появляться он не хочет... Кто может объяснить эту проблему и возможно ли осуществить такую задумку? Вот мое творение: http://jsbin.com/fojuz/1/edit

    Asked by Akkord87, February 14, 2014

    0 votes
    10 answers
21. Проблема с отображением внедренных шрифтов в ie

    в ie http://fitfast.ru/шрифты все слетают хотя у меня шрифты внедрены вот так: @font-face { font-family: "SegoeWP"; src: url("/images/SegoeWP.eot "); src:url("/images/SegoeWP.eot?#iefix") format("embedded-opentype"), url("/images/SegoeWP.ttf ") format("truetype") ; font-weight: normal; font-style: normal; } многие пишут что формата eot достаточно для того чтобы ie отображал?!

    Asked by daggi, February 14, 2014

    0 votes
    6 answers
22. html и css верстка страниц через firebug c автосохранением на сервер

    Возможна ли html и css верстка страниц через firebug c автосохранением на сервер ? Я знаю что верстать получается а вот чтобы сохранялось то что пишешь в файр баге на сервер?

    Asked by daggi, February 12, 2014

    0 votes
    6 answers
23. как сделать чтоб не дергалось меню?

    горизонтальное меню, с флоатом по правому краю(слева логотип). верстка резиновая. меню подсвечивается другим цветом при наведении, при этом сделала так, что имеется паддинг 3пикселя. т.е из за этого когда переводишь курсор на другую часть меню, оно дергается в стороны. убирать паддинг я не хочу, т.к он именно так выглядит на макете. как зафиксировать меню в одном положении?

    Asked by Asai, February 13, 2014

    0 votes
    2 answers
24. Кнопка "наверх" на разных сайтах работает по разному

    Не могу понять, хостер один и там и там, а медленная прокрутка вверх работает только на втором сайте. Что я не учёл? 1. http://xn—-7sbbntllhgghd2af4opb.in.ua/smola.html 2. http://xn--80apgctu.in.ua/index.html Вот скрипт $(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}}); Спасибо!

    Asked by Vic-Tor, February 14, 2014

    • js кнопка
    • скрипт
    0 votes
    2 answers
25. Как убрать рамку в поле поиска в хроме?

    В мозиле рамка не отображается, а в хроме она есть и как её убрать?? пробовал через :active не помогает, может какой-то префикс надо использовать? <!DOCTYPE HTML><html> <head> <meta content = "text/html" charset = "Windows-1251" http-equiv = "content-type"/> <link rel="stylesheet" href="styles.css" media="screen" /> <script type="text/javascript" src="js/functions.js"></script> <title>Магазин</title> </head> <body> <div class="main"> <div class="header"> <a href="/"><img class="logo" src="images/logo.jpg" alt="Интернет магазин сотовых телефонов"/></a> <img class…

    Asked by DivMan, February 14, 2014

    0 votes
    4 answers