HTML Coding

29542 questions in this forum

1. Что делать? [html, js, php]

   Добрый вечер. Недавно начал понемногу осваивать азы сайтостроения, прошел задания codecademy и около половины htmlcademy, и задался вопросом: что делать дальше, чему учиться и, главное, как это делать? Ресурсов с информацией по технологиям пруд пруди - платные, бесплатные, на торрентах просто кладезь, на форумах добрые люди отвечают на вопросы, но непонятно, с какой стороны подступаться к созданию сайта с нуля, чтобы не было мучительно больно и не городить полгода велосипеды. Если честно, не хватает чего-то навроде вузовского учебника, который постепенно привел к построению своими руками сайта с участием большинства применяемых сегодня технологий. Вроде бы поначалу вс…

   Asked by frozen_dynamics, February 7, 2015

   0 votes
   6 answers
2. Можно ли при получении фокуса подсветить родительский блок

   Как можно сделать что бы при получении фокуса textarea подсвечивался родительский div. То есть, необходимо чтобы textarea никак не реагировала, а реагировал родительский блок. Вот пример - http://jsfiddle.net/0o279vv1/

   Asked by alleclf, February 8, 2015

   0 votes
   4 answers
3. Неправильно определяется разрешение экрана

   Разбираюсь с адаптивным дизайном. Использую вот такую конструкцию: <meta name="viewport" content="width=device-width, initial-scale=1.0">Стили подключаю вот так: <link rel="stylesheet" media="all and (min-device-width:320px)" href="{THEME}/css/style_480.css" />Тестирую на смартфоне с экраном 480х854. При такой конструкции ширина экран определяется в 320 пх. и весь шаблон вроде как растягивается. Если в медиазапросе указать значение больше 320 пх, стили вообще не подгружаются. Если не использовать "viewport" шаблон сильно сжимается, вроде как масштаб уменьшается, причем уменьшаются всё кроме текста - текст отображается нормального размера. Искажения о…

   Asked by alleclf, February 8, 2015

   0 votes
   2 answers
4. Карта на фон страницы контакты

   Привет всем. Не могу понять, как сделать карту google на фон страницы контакты, как в данных примерах: http://www.thelocals.co.nz/about-us/our-location/ http://www.scs-ntech.ru/kontakty/ На этих сайтах при перемещении мышки по странице и прокрутке роликом карта не увеличивается. Основная проблема с которой я столкнулся - это то что при прокрутке роликом мыши невозможно листать страницу, так как увеличивается и уменьшается карта. Вопрос, как реализовать данную возможность.

   Asked by cheezy, February 8, 2015

   0 votes
   3 answers
5. где взять шрифт?

   где взять шрифт harmonia sans w1g заказчик передал исходники psd, а в макете используются эти шрифты. заказчик не отвечает хоть и выслал предоплату. посмотрел в инете, шрифтов практически нигде нету, кое где нашел, но они платные. 2-3 т.р. за один тип шрифтов. что делать?

   Asked by raptor-dm, February 8, 2015

   0 votes
   3 answers
6. Не работает перекатывание картинки в Хроме и Опере

   Собственно код .enter {background: url("../img/enter.png"); display: inline-block; width: 170px; height: 42px; position: relative;margin-left: 20px;cursor: pointer; font-family: Arial, sans-serif; font-size: 20px; font-stretch: condensed; font-style: italic; font-weight: bold; color: #7F5B2B; line-height: 42px; text-align: center; text-decoration: none; text-shadow: 1px 2px 3px rgba(255,255,255,0.5); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text;}.enter:hover {background-position: 0 -42px;}.enter:active {background-position: 0 -84px;}<button class="enter" onclick="submit();" typ…

   Asked by roland, February 8, 2015

   • картинка-ссылка
   • кроссбраузерность
   0 votes
   2 answers
7. что должно происходить?

   не много лоигку не понимаю http://s011.radikal.ru/i315/1502/cb/b4b4810a4573.jpg есть стрелка под хедером, что должно происходить? ничего или щелчок с прокруткой к первому слайду?

   Asked by raptor-dm, February 8, 2015

   0 votes
   1 answer
8. Настроил файл .htaccess теперь не грузятся CSS javascript картинки

   Здравствуйте. Сделал ЧПУ на личном движке все прекрасно работает. Но теперь другая большая проблема. Настроил файл .htaccess теперь не грузятся CSS javascript картинки 1) Прописывал абсолютный путь для CSS такового вида <link rel="stylesheet" href="http://site.loc/temp/temp_1/css/style.css"/> БЕСПОЛЕЗНО!! 2) Перемещал файл CSS в корень сайта <link rel="stylesheet" href="style.css"/> БЕСПОЛЕЗНО!! Да и вообще чего только не делал. Уже неделю мучаюсь. Помогите советом пожалуйста. В файле .htaccess такие настройки: AddDefaultCharset utf-8 RewriteEngine on RewriteBase / RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d Rewri…

   Asked by koly32, February 8, 2015

   0 votes
   8 answers
9. Загадка с CSS

   Всем привет! Бьюсь уже час, не могу понять. Сайт go-gamer.ru Проблема с содержимым футера. Оно никак не хочет подчиняться тому, что написано в CSS. Помогите пожалуйста понять причину.

   Asked by Coder_D, February 8, 2015

   • css футер
   0 votes
   1 answer
10. 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
11. Связка дыух блоков - div и span псевдоклассом hover

    Здравствуйте! Есть код типа: HTML: <div class="class_1"> <span></span></div>CSS: .class_1 {display: block;width: 40px;height: 40px;background-color: #2b2b2b;}.class_1:hover {background-color: #000000;cursor: pointer;}.class_1 span {display: block;width: 20px;height: 20px;float: right;margin-top: 10px;margin-bottom: 10px;background-color: #aaaaaa;}.class_1 span:hover {background-color: #ffffff;cursor: pointer;}Для наглядности http://jsfiddle.net/3bbb980k/ Как можно сделать, чтобы при наведении на родительский div выполнялся свой hover и у div, и у дочернего span?

    Asked by Torawhite, February 8, 2015

    0 votes
    8 answers
12. Как лучше реализовать вот такую задумку?

    Вот как лучше реализовать вот такую вот задумку дизайнера Макет: http://prntscr.com/62xzzj Надо сделать так, что бы при нажатии на Ежика, открывалось окошко поверх картинки Ежика вот так http://prntscr.com/62y0my

    Asked by Anna Zharova, February 9, 2015

    0 votes
    3 answers
13. Смена картинки svg при наведении курсора без задержки/альтернатива

    Здравствуйте! Есть код типа: HTML: <a></a>CSS: a {display:block;width: 50px;height: 100px;background: #2b2b2b url(/some_image1.svg) no-repeat;background-size: contain;background-position: left;}a:hover {background: #000000 url(/some_image2.svg) no-repeat;}Суть в том, что картинка svg - простая однотонная иконка с прозрачным фоном, при наведении нужно изменить её цвет, но если это реализовать с помощью смены картинки на такую же, только другого цвета, смена происходит с задержкой. Изображение исчезает, а через секунду появляется другое. Так происходит только первый раз, потом картинка, видимо, попадает в кэш браузера и смена происходит без задержки, но задержк…

    Asked by Torawhite, February 9, 2015

    0 votes
    9 answers
14. Проблема с "табами"

    Добрый день! Прошу помочь разобраться с багом. При смене таба, а потом возврате в первый содержимое таба пропадает. Вот ссылка на страницу с багом http://root.donkos.esy.es/card.html и скрин http://prntscr.com/62wjl8 , а это скрин с результатом ошибки http://prntscr.com/62wk8q . Заранее благодарю!

    Asked by donkos, February 9, 2015

    • js
    • таб
    0 votes
    2 answers
15. удалить скрипт из документа

    скажите пожалуйста почему не срабатывает такой код? <script id="init_masonry"> $( document ).ready(function() { $('#container').masonry({ itemSelector: '.item', columnWidth: function(containerWidth) { return containerWidth / 3; } }); }); </script> <script> $( document ).ready(function() { console.log( "ready!" ); $('#init_masonry').remove(); }); </script> он должен удалять инициализатор плагина из тела документа посоветуйте пожалуйста альтернативу

    Asked by cyklop77, February 9, 2015

    0 votes
    0 answers
16. Как выровнять div по правому краю без float!

    Привет, форумчане! Подскажите, как можно выровнять div по правому краю без использования flot и относительного либо абсолютного позиционирования. Имеется вот такой вот div.pagination, внутри которого лежит div.pages, что и нужно сдвинуть в правую сторону блока pagination: http://joxi.ru/gmvjVqJuM9XQma Для вложенного блока установил свойство 'display: inline-block'. Пробовал сдвинуть с помощью text-align - не помогло И margin'ы тоже не выручают. Что посоветуете? Заранее спасибо!

    Asked by Antoshka007, February 9, 2015

    • float
    • div
    • right
    0 votes
    13 answers
17. Два блока на всю ширину экрана

    Есть два блока, один фиксированного размера, второй должен растянуться по ширине до конца страницы. То есть, 2 блока должны растянуться на всю ширину странички. Вот пример - http://jsfiddle.net/9k5xwnvp/

    Asked by alleclf, February 9, 2015

    0 votes
    4 answers
18. Ширина div в процентах, как сделать такую же высоту?

    Здравствуйте, есть такая часть макета: https://yadi.sk/i/P61hKvSyeZaHs Хочется сделать ее адаптивной, поэтому делаю такую верстку: http://jsfiddle.net/pv6ektx0/ Но вот проблема в том, что нужно задать высоту блока без картинки такую же, как и его ширина, не подскажите как это сделать? если возможно, то желательно без JS, но это не критично.

    Asked by Inf1n1tI, February 9, 2015

    0 votes
    10 answers
19. Почему блок выпал?

    Всем привет! Опытные верстальщики помогите разобраться, почему блок с таблицей опускается ниже всех остальных. Да и последний div тоже не на своем месте. Почему то немного опущен. http://cssdeck.com/labs/8madbvfx Никак не могу понять в чем дело. Спасибо!

    Asked by Antoshka007, February 9, 2015

    • css
    • html
    • div
    0 votes
    8 answers
20. При клике прыгает блок.

    Добрый вечер, возникла проблема с кнопкой "предложить свою цену" - правил через позиционирование, в чем может быть ошибка? при клике прыгает блок. Спасибо.

    Asked by mrfrunze, February 9, 2015

    • css
    • position
    0 votes
    2 answers
21. Размещение блоков на странице

    Добрый вечер, господа! У меня в макете нужно сделать следующее наложение блоков http://c2n.me/3c7Bs0s Нужно чтобы на слайдере была наложена шапка Никак не могу придумать как это сделать. Подскажите как бы это сделали вы? Вот то что сейчас есть: http://justexemple.host56.com/

    Asked by alex.kv, February 9, 2015

    0 votes
    1 answer
22. Скошенная сторона у блока произвольной высоты, IE8 и выше, как реализовать?

    Необходимо реализовать блок со скошенной стороной, как на картинке: Нагуглить решение мне не удалось. Есть ли способ такое реализовать IE8 и выше, желательно без использования картинок?

    Asked by Shiza, February 9, 2015

    • css3
    • трансформация
    • IE8
    0 votes
    1 answer
23. подогнать фон

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

    Asked by cyklop77, February 9, 2015

    0 votes
    7 answers
24. Откуда паддинги?

    Всем привет! Подскажите, опытные верстальщики, откуда в некоторых ячейках таблицы появляются padding'и: http://joxi.ru/n2YY0kKc5Y1Z26 Я не так давно в вашей сфере, может эта банальная ошибка, но я не понимаю. Chrome говорит, что у ячейки они отсутствуют, но все равно их выделяет при наведении на слово padding внутри этого окошка: http://joxi.ru/Y2L8DXguL3W126 margin'ы у внутренних блоков убраны и при рассмотрении через html отладчик, если его можно так назвать, никакого влияния на эту область не дают. У таблицы стоит свойство cellpadding="0" Свойства для всех ячеек одинаковы, но у каких-то таких проблем нет, а у каких-то есть? С чем это может быть связано? Спасиб…

    Asked by Antoshka007, February 9, 2015

    • padding
    • css
    • html
    • table
    • tr
    • td
    0 votes
    4 answers
25. Почему тело страницы НЕ подлазит под навигацию?

    Здравствуйте. Стандартный пример вёрстки с бутстрапом http://getbootstrap.com/examples/theme/# . Здесь навигация (тёмная полоска сверху) имеет тип позиционирования fixed и следовательно должна выдёргиваться из стандартного потока вывода объектов. Следующий за навигацией элемент имеет тип позиционирования static, и по логике должен занимать место вырваной из потока объектов нафигации. Но тем-не-менее он размещён следом за ней, так, как будто бы оба имеют статическое позиционирование. Почему они размещаются так? Спасибо за ответ.

    Asked by S0meT1me, February 10, 2015

    0 votes
    2 answers