HTML Coding

29,542 questions in this forum

1. Почему у меня колонки не становятся одной высотой?

   Хочу 3 блока выровнять, что бы были все одной высоты через javascript, но почему-то они не выравниваются, помогите найти причину. Вроде я всё правильно указал Файл находится в папке js _________________________________________________________________________________________________________ Файл index Папка с сайтом http://yadi.sk/d/AeesgXxbF7Ffn

   Asked by DivMan, December 28, 2013

   0 votes
   7 answers
2. Div'ы не прaвильно позиционируются

   Всем привет. У меня тaкaя вот проблемa, дивы кaк бы не совсем точно позиционируются, футер прилипaет к хэдеру. Вот мой css: header, footer, nav, section { display: block; } .page { /*width: 90%;*/ max-width: 1250px; margin-left: auto; margin-right: auto; } header, #header { position: relative; margin-bottom: 0px; color: #000; padding: 0; } header h1, #header h1 { font-weight: bold; padding: 5px 0; margin: 0; color: #fff; border: none; line-height: 2em; font-size: 32px !important; text-shadow: 1px 1px 2px #111; } #left_container { float:left; width: 15%; } #main { float:right; width:78%; padding: 30px 30px 15px 30px; background-color: #fff;…

   Asked by Alnedru, December 28, 2013

   0 votes
   2 answers
3. Шрифты, CSS, Google Fonts, Font Squirrel

   Знаю, что была уже куча таких тем, но все же. Опять непонятно кое-что со шрифтами. В общем, скачиваю шрифты с Google Fonts, не через просмотр исходного кода, а через стандартную ссылку для скачивания шрифта. В архиве .tff и лицензия. TFF, естественно, при обычном @font-face {font-family: 'Some Font';src: local('Some Font'), url(fonts/Some-Font.tff) format('tff');}не работает, что предсказуемо. Иду на Font Squirrel, обычные настройки, всякое такое, загружаю, редактируется, скачиваю, опять не работает. Иду снова на Google Fonts, просматриваю исходные коды, подмечаю, что при скачивании - TFF, а при подключении типа <link href='http://fonts.googleapis.com/css?family=…

   Asked by iKNG, December 28, 2013

   0 votes
   22 answers
4. Попощь по поиску по сайту

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

   Asked by oleg126, December 28, 2013

   • поиск
   0 votes
   1 answer
5. Контент не встаёт на место

   Помогите пожалуйста.Я пытаюсь сверстать сайт но у меня возникла проблема.Я пытаюсь сделать меню как на Одноклассниках,то есть чтобы контент уходил под меню но у меня контент проходит над меню. Код меню css: #menubar { margin-bottom: 12px; position: fixed; top: 0; width: 100%; }.mbar { height: 52px; background: url("../images/menu/mbar.png") no-repeat; }.mbar .mbar { background-position: 100% -52px; }.mbar .mbar .mbar { background-position: 0 -104px; background-repeat: repeat-x; }.menubar { height: 47px; background: #3f4b51 url("../images/menu/mbar.jpg") no-repeat 100% 0; }.menubar ul { line-height: 26px; margin-top: 10px; text-transform: uppercase; }.menubar ul li, …

   Asked by jucator, December 28, 2013

   • контент место css html меню
   0 votes
   3 answers
6. Масштабирование на мобильных устройствах

   Приветствую! Сделал сайт, а на планшетах и телефонах открывается только его часть и появляются полосы прокрутки. Как вписать его в экран? Сам сайт: ex-t.pro

   Asked by Wak, December 29, 2013

   0 votes
   13 answers
7. И все же Как быть с transition ?

   После долгих мучений я все таки выяснил что за гадина не дает быть анимации в crome и safari... Это свойство transition..когда его вставляю в код transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;перестает реагировать..не вращается.... Как обойти?

   Asked by romoga, January 24, 2014

   • transition
   • mozila
   • Chrome
   0 votes
   1 answer
8. Подскажите по parallax..

   Пытаюсь реализовать параллакс на сайте. http://zverushka.zz.mu/water2/ Я пыталась объединить прокрутку(мышкой за прокрутку когда тянешь) и параллакс на мышку - ничего не получилось. Нормально ли выглядит эффект? Если что-то криво и вам не нравится - что посоветуете использовать? Как лучше реализовать? Сделала ли я что-нибудь не так? Как бы подтормаживания - это нормально? Может сделать паралакс только на прокрутку? Что-то у меня не выходит написать рукописный код чисто на скроллинг, а из плагинов я найти не могу такого. есть только плагины, которые оперируют fixed заднего фона, а мне нужен плагин, который использует position абсолютного слоя.

   Asked by Zverushka, December 29, 2013

   0 votes
   4 answers
9. тени для номера телефонов

   Здравствуйте! Подскажите пожалуйста как реализовать через CSS тени для номера телефона в таком виде: http://savepic.net/4183976.htm Делать картинкой можно конечно, но нельзя, да и это не правильно. При этом ксс код данного эллемента: #footer .phone nobr {font:italic bold 36px/34px Arial;color:#790000;padding:20px 60px 0 0;float:right;}

   Asked by devid89, December 29, 2013

   0 votes
   10 answers
10. Меню при наведении

    Есть вот такое вот меню: картинка меню По нему 2 вопроса: 1) Как сделать так, чтобы при наведении синий фон был выше самого меню? На данный момент получается только так: http://jsfiddle.net/C82vy/ 2) Второй вопрос по градиенту: такой градиент можно сделаь средствами css? Если можно, то как, потому-что непонятно. Знаю только как задать линейный градиент от одного цвета к другому.

    Asked by Imperil, December 29, 2013

    • меню
    0 votes
    3 answers
11. Вопрос по свойству - min-height

    Здравствуйте! Помогите пожалуйста. Я начал верстать, и у меня такая проблема: Мне надо чтобы div в котором цифра 1, был высотой как основной белый div. Подскажите как это сделать. Заранее спасибо!

    Asked by FIL, December 29, 2013

    0 votes
    5 answers
12. Как можно реализовать

    Подскажите пожалуйста, можно ли сделать на css то, что изображено на картинке: http://prntscr.com/2ew4u1 Как это лучше сделать? Есть ли смысл пытаться делать на css или вставить картинкой лучше? http://jsfiddle.net/3J7dW/

    Asked by Imperil, December 29, 2013

    0 votes
    3 answers
13. подскажите как сделать menu на примере ....

    Здравствуйте! Помогите разобраться, вот пример меню http://svetilnik-online.ru/ Там есть картинка background-image: url(../images/menu_tab.png);которая меняет, как я понимаю, размер в зависимости от длины текста меню. Подскажите как они это делают. Спасибо!

    Asked by bgraf, December 29, 2013

    0 votes
    2 answers
14. Разные интервал между символами

    Приветствую, уважаемые форумчане! Проблема в следующем: "прыгает" интервал между буквами. пока замечены "с", "т", "ы". Причём не обязательно у всех этих символов. Например, у буквы "с" стоящей вначале слова интервал увеличен, а у "с" стояйщей вконце слова - нормальный. И при каждой загрузке страницы, места, где прыгает интервал, меняются. letter-spacing не задан, а его установка ни к чему не приводит. Шрифты использовал самые различные - меняются только буквы, у которых прыгает интервал. размер шрифта тоже не оказывает влияния. браузеры, компьютеры, разрешения значения не имеют - у всех одинаково. отключение скриптов тоже никаких результатов не дало успел заск…

    Asked by bulba_man, December 30, 2013

    0 votes
    2 answers
15. Центральное позиционирование резинового блока?

    Добрый день! Есть блок с ссылками, количество ссылок всегда разное, он резиновый, как ему задать центральное позиционирование? Спасибо! <div id="post"><div id="tags"><a href="#">Winter</a><a href="#">Cold</a></div></div>

    Asked by gnomikprazdnik, December 29, 2013

    • позиционирование
    0 votes
    14 answers
16. привязать несколько блоков к верху страницы

    Доброго времени суток. Возникла такая ситуация, нужно привязать 2а блока к верху страницы. Причем один просто привязан к верху, а 2й должен быть fixed. Делаю след образом <div class="one">ONE</div><div class="two">TWO</div>.ONE{ width:100%; height:35px; background: #777777; position: relative; z-index: 2000; top: 0;}.two{ width:100%; height:35px; background: #000000; position: fixed; z-index: 1000; top: 0;}и блоки залазят друг на друга, как сделать так, что бы они шли друг за другом? С учетом того, что 1й блок динамический и у него постоянно меняется высота

    Asked by Valentinka.solar, December 31, 2013

    0 votes
    6 answers
17. Непонятное значение -1e+7px

    Наткнулся на такое: text-indent: -1e+7px; - кто знает что это значит -1e+7px, как можно использовать? Спасибо

    Asked by antonP, December 30, 2013

    • значение css
    0 votes
    5 answers
18. Как это сделано?

    Здравствуйте! Заинтересовало меня вот такое подстраивание изображений под размеры окна: _http://www.yootheme.com/demo/joomla/subway Как это сделано? С помощью js? PS: к сожалению, ссылка не ведет напрямую... Но если выбрать Moreno - то, что нужно. Вообще, сайтов с таким способом подстраивания встречается много. Вот скриншот:

    Asked by Светлана Г., January 5, 2014

    • #responsive
    0 votes
    3 answers
19. Проблема: не компилируется less:

    Здравствуйте! Начала изучать less... И тут же проблема: не отрабатывается .less, выдаются ошибки: XMLHttpRequest cannot load file:///E:/LESS/styles.less. Cross origin requests are only supported for HTTP. index.html:1 Uncaught NetworkError: A network error occurred. less-1.5.0.min.js:11 Вот так подключаю: <link rel="stylesheet/less" type="text/css" href="styles.less"> <script src="less-1.5.0.min.js" type="text/javascript"></script> Что я делаю не так?

    Asked by Светлана Г., January 1, 2014

    • #less
    0 votes
    9 answers
20. visibility

    Почему при наведении на ссылку она не показывается?? http://jsfiddle.net/dMZHM/

    Asked by DivMan, January 2, 2014

    • visibility
    0 votes
    5 answers
21. меню htmlbook

    прокрутное меню сделано с помощью overflow???

    Asked by DivMan, January 2, 2014

    0 votes
    4 answers
22. ie8 и z-index -1 -

    ie8 и z-index -1 - как сдружить? Надо спрятать псевдослой позади родительского элемента в 8м осле.

    Asked by Zverushka, January 6, 2014

    0 votes
    4 answers
23. html5 и фавикон

    Так уж принято в интернете, что большинство источников передирают контент друг у друга, и как правило, не дополняя и не изменяя его. Вот я по запросу "как добавить фавикон" во многих источниках нашел одно и тоже: добавить вот это в хеад и всё: <link rel="icon" href="/favicon.ico" type="image/x-icon"><link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">Вопросы: 1) на кой их (тегов link) 2 штуки? (подозреваю, что вторая строчка нафиг ненужна) 2) в хтмл5 в <link> с нужным rel, который для фавиконки, можно не указывать type="image/x-icon"? 3) как я понял, фавиконку можно подсунуть в любом из 3 форматах: jpeg, png, ico, да?

    Asked by Evkaky, January 2, 2014

    0 votes
    2 answers
24. посоветуйте книгу про CSS

    Сейчас учусь по книге Джон Дакетт Основы веб-программирования с использованием html xhtml и css. Почти закончил изучение css, яву пока учить не буду, а хочу углубиться в css. У меня ещё есть книга CSS. Рецепты программирования, но пролистав её по ней я пока что учиться не хочу, там просто показаны примеры и в них очень много свойств из CSS 3 про которые я не знаю и в ней не написаны, как работают эти свойства, а просто показаны примеры. Какую книгу посоветуете??? Не люблю читать за компом

    Asked by DivMan, January 2, 2014

    0 votes
    10 answers
25. фон для меню в виде стрелочки

    здравствуйте! модераторы форума скоро внесут меня в черный список )). Суть. Есть меню, у него есть определенный фон и стрелочка на конце. вот оно: http://savepic.net/4148855.htm вопрос: как реализовать эту самую стрелочку через ксс? макет фиксированной ширины, можно было конечно весь этот фон запихнуть в див, это конечно проще и быстрее, но может есть какой нибудь более граммотный способ реализовать это? спасибо)

    Asked by devid89, January 2, 2014

    0 votes
    2 answers