HTML Coding

29542 questions in this forum

1. как заставить элементы видеть друг друга

   брат художник подкинул идейку для интересного эффекта "трансформации", но поскольку скил в JS слабоват, не могу понять каким образом можно обратиться с условием к элементу, что если их контуры пересекаются в процессе параллакса, то они меняют цвет, а их логическая разность сохраняет исходный цвет. собственно параллакс запилил довольно быстро (хотя и пока схематично): http://codepen.io/stDragon/full/mbFjz а вот с инверсией цвета встрял на месте. вот так должно (схемотично) выглядеть https://docs.google.com/open?id=0BzoXOi2obvx_d0F1Zk9vdmFmeDg подскажите пожалуйста в какую сторону копать (предполагаю что canvas), какими элементами оперировать чтобы это реализовать. Если ски…

   Asked by stDragon, December 10, 2012

   0 votes
   2 answers
2. 2 бордера или как иначе?

   Доброго времени суток. Возникла такая проблема: <div class="block"> <h2>Заголовок</h2> <p>текст абзаца 1</p> <p>текст абзаца 2</p> </div> <style> .block{ width:200px; } .block h2{ border-bottom: 1px black; } </style> мне нужно что бы тег "p" разделялся между собой белой полоской, кроме того все теги "p" должны находиться в одной единой рамке. <style> .block p{ border: 1px white; } </style> не катит, поскольку между тегами рамка получается 2px. весь <div class="block"></div> в рамку тоже не могу взять, по сколько заголовок <h2>Заголовок</h2> попадает в эту рамку. Пробл…

   Asked by RandyHot, December 10, 2012

   0 votes
   4 answers
3. Отображение блока div поверх flash-анимации

   Доброго времени суток! Помогите решить проблему: На странице есть iframe, который подключает файл с флеш-роликом: <iframe src="../../360_240х400.swf" width="240" height="400" frameborder="no"></iframe> И есть див, выезжающий сбоку экрана (форма обратной связи и все дела). Вот этот див, когда он выезжает, оказывается под флеш-анимацией. Причем, только в Хроме. Подскажите, в чем может быть косяк и как его устранить? Заранее спасибо!

   Asked by Ex.clusive, December 10, 2012

   0 votes
   1 answer
4. Проблемма с блоками в опере

   Подскажите, как решить данную проблемму. Блоки в опере почему-то отображаются с промежутком в 1px, причем в других браузерах все нормально, суть в том что должно быть два блока, правый и центральный, но промежутка быть не должно. Скриншот ниже. Спасибо В CSS ничего такого вроде нету..

   Asked by Noraad, December 10, 2012

   0 votes
   5 answers
5. Не срабатывает класс ссылки

   Имеется страница, на которой размещен блок отзывов. У блока реализована постраничная листалка. <div id="response"> <div id="response-box"> какой-то текст </div> <div id="response-p"> <a class="active">1</a><a>2</a><a>3</a><a>4</a><a>5</a> </div> </div><!-- response --> К активной ссылке должен применяться такой же стиль как и к hover, но что-то не срабатывает #response-p a:hover,#response-p.active a{ height: 27px; min-height: 27px; width: 15px; color: #FFF; background: url(resp_a.png) no-repeat top left; text-decoration:none; } #…

   Asked by cul8er, December 11, 2012

   0 votes
   2 answers
6. Проблема в скрипте?

   http://epicforever.ru/index2.php 3-я новость сверху, там что-то типа блогов. Используется скрипт http://masonry.desandro.com/demos/basic-multi-column.html При обновлении иногда работает нормально, то есть как должно, а иногда не очень, и элементы начинают заезжать друг на друга. Не пойму чо за косяк, есть предположения, что скрипт не успевает прогрузиться.

   Asked by Briss, December 11, 2012

   0 votes
   2 answers
7. верстка chrome с изменением размера браузера

   Сделал простую табличку , в свойствах поставил width = 100% Заполнил несколько строк Но возникает проблема, если в ячейку записываю слишком длинный текст. то при разрешении экрана 320 х 480 уменьшается размер таблицы всей.(и размер этого текста уменьшается, но он вроде засовывается весь), как лучше сделать так, чтобы табличка не уменьшалась.

   Asked by shaci, December 11, 2012

   0 votes
   1 answer
8. Как скрыть автообновление страницы?

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

   Asked by vent1976, December 11, 2012

   0 votes
   4 answers
9. Помогите с версткой в html

   Занялся изучением хтмл и вот для примера решил темку поковырять. Встал перед просто нерешаемой для меня загадкой. Хочу увеличить размер вот этой серой полоски где лого lookinggood. в 2 раза примерно. И ничего не выходит. Весь день убил, а результатов нету. Она просто издевательски либо висит своим размером либо не изменяется. Помогите добрым советом, плз! ТУТ архивчик с этим нехорошим хтмлом и файлом стилей.

   Asked by darthred, December 11, 2012

   0 votes
   1 answer
10. Почему затрагивается первый потомок?

    Здравствуйте. Пытаюсь задать стиль отступов для пунктов горизонтального меню с помощью: .moduletable_menu>ul>li:not(first-child){ margin-left:54px; } но это сдвигает и первый тег li Что делаю не так? Благодарю

    Asked by borus, April 11, 2013

    0 votes
    4 answers
11. верстка баннера

    Здравствуйте. Осваиваю фреймворк Bootstrap и возникли некоторые сложности. Необходимо чтобы над горизонтальным меню был баннер такой же шириной как и меню. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Пример Bootstap</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/bootstrap.css" rel="stylesheet"> <link href="css/bootstrap-responsive.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> </head> <body> <div class="container"> <div class="row-fluid"> <div class="span11"> <div class="banner"&…

    Asked by prizrak39, December 11, 2012

    0 votes
    5 answers
12. баг в ie8 с table-cell и шириной

    Добрый день у меня есть список товаров, картинку в превью нужно выровнить по вертикали и горизонтали для этого я применила метод с table cell, вроде везде все нормально кроме ie 8 почемуто ширина элемента с классом b-product__img-link больше чем положено, даже в ie 7 все хорошо но там хак применялся, посмотреть можно тут, в самом низу в блоке Товары из этой серии еще вот какое примечание на странице каталога я использовала тот же метод но там все отлично работает как это можно исправить?

    Asked by chiffenok, December 11, 2012

    0 votes
    5 answers
13. Странное поведение тега IMG

    Тег <img> по умолчанию строчно-блочный (display: inline-block) Я прописываю картинку в этом теге так: <img src="ololo.png"> Потом в стилях прописываю ему что-то типа: padding: 20px; background-color: red; И что же я вижу...из под самой картинки на 20 пикселей с каждой стороны (мой паддинг) выглядывает красный цвет. Т.е. такое впечатление, что для самой картинки backgound-clip в значении content-box, а для цвета (background-color: red) в значении padding-box. Кстати, манипуляция со значениями backgound-clip и backgound-origin в теге <img> абсолютно ни к чему не приводит. В любых других элементах (строчно-блочных и блочных. В таблицах и строчных элементах…

    Asked by Evkaky, December 12, 2012

    0 votes
    2 answers
14. Помогите с версткой горизонтального меню

    Всех приветствую, возникла проблема с версткой горизонтального меню, необходимо что бы верхняя граница всплывающего меню была под названием пункта и перекрывала текст под ним. Вот код <!DOCTYPE html> <html> <head> <style> body{ background:#6da1da; width:800px; } .padding{ padding-top:10px !important; } #menu { padding: 0; margin: 0; font-size: 100%; font-family: Georgia; display: block; } #menu li { z-indtx:22; display: block; list-style: none; float: left; padding: 0; margin: 0; width: 150px; text-align: center; text-shadow:0 0 15px #fff,0 0 15px #fff; position: relative; padding-top: 12px; } #menu li ul { list-style: none; pa…

    Asked by avatar077, December 11, 2012

    0 votes
    2 answers
15. Проблема с движком Outlook 2007/2003

    Ребята, помогайте, кто соображает в чем может быть проблема. Сверстал письмо для рассылки, во всех браузерах нормально отображается, даже IE6 и тот все показывает. Но при переносе в программу для рассылок и при получении в outlook или при попытке отправить этот бланк через outlook express в верстке есть косяк, который никак не могу победить. Пробовал : - делать боковые изображения блочными элементами - ставить у изображений line-height:1px - везде ставить паддинги и маргины нулевые. В общем версии кончились, нужно быстрее решить проблему, помогите, кто сможет. Проблема на скриншоте изображена. код прикрепил картинка в спойлере <html> <head> <title>Но…

    Asked by Inspirer, December 12, 2012

    0 votes
    4 answers
16. Выпадающее меню в фрейме. Меню поверх фреймов.

    Столкнулся с такой ситуацией: созданое выпадающее меню скрывается под соседним фреймом, так что оно получается обрезаным. Применил фреймы так-как при изменении/редактировании меню требуется вёрстать еще около 300 файлов что крайне не удобно. Вот как это выглядит: Структура такова - есть три фрейма и соответствующим им хтмл. 1-й фрейм - шапка(сверху), 2-й фрейм - меню (слева), 3-й - содержание (справа). Что посоветуете в такой ситуации, кто сталкивался? Вот исходник:

    Asked by porschefan, December 12, 2012

    0 votes
    6 answers
17. Разрезка макета

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

    Asked by Garikvoloshin, December 12, 2012

    0 votes
    6 answers
18. не прописывает background

    Здравствуйте. Столкнулся с такой проблемой - не прописыввется background с фоновым изображением. диву присваиваю (background: url("../image/lupa.png") no repeat;) выводит без фона, причем в Firebug отсутствует эта строчка с бэкграундом!!! Все остальное есть, а этой строки нет! Как так, в коде строка есть, а Файрбаг показывает что нету! Я в шоке, первый раз такое вижу. Как выводит: Firebug: Код:

    Asked by Galyanoff, December 12, 2012

    0 votes
    4 answers
19. Валидатор выдает ошибки, не могу исправить

    Всем ЗДРАСЬТЕ! Слепил сайт, все было нормально, пока счетчики и баннеры не стал ставить. Баннеры (да и счетчики) почему то уменьшены в размерах и пара ошибок в счетчиках не понятные. А еще как правильно в xhtml указать метры квадратные? Сайт: http://simmix.in.ua/index.html метры квадратные на: http://simmix.in.ua/prod.html Буду всем признателен! Спасибо! Да, можете писать что Вам не понравилось или что бы Вы добавили. Еще раз СЫПАСИБО!

    Asked by Vicoff, December 12, 2012

    0 votes
    3 answers
20. 2 класса как выбрать?

    Здравствуйте. Делаю подсветку активных ссылок. Нашел пример на JAVASKRIPT. Суть скрипта, в том что активным ссылкам (Активная ссылка эта та ссылка которая имеет в теге href тот же адрес, что и в строке браузера вне зависимости от заведений мышкой). пример работы a.menum{ color:black; /*Цвет шрифта*/ } a.actl { /*Обычные ссылки*/ color:#FFFFFF; /*Цвет шрифта*/ } <a class="menum" href="./" >1</a> После работы явас крипта ссылка имеет класс <a class="menum actl " href="./" >1</a> То есть 2 класса. Как сделать так что бы когда у ссылки 2 класса и операторы конфликтовали один класс был выше другого и с него бралось значение. Спасибо.

    Asked by krasavhik, December 12, 2012

    0 votes
    2 answers
21. категории и статьи

    Всем привет. Возможно, мой вопрос решается очень просто. Но я не могу сформулировать правильный запрос, чтобы решить свою проблему. А вот и она. Имеется меню, состоящее из категорий (1,2,3,4,5). И имеется некий набор статей, скажем 10, по 2 на каждую категорию. Хочу сделать следующее: на главной странице отображаются все статьи списком. При выборе определенной категории на странице остаются статьи только для этой категории, при этом страница не перезагружается или не уходит на новую. Это возможно при помощи инструментов HTML? Или же это javascript и базы данных? пока так: в меню категории - это ссылки, статьи определены тегом <article> подскажите хотя бы где подгля…

    Asked by mnjk, December 12, 2012

    0 votes
    3 answers
22. Css разметка

    Здравствуйте, хочу сделать одну вещь, но не получается, вот в чем суть: Это общая разметка сайта. Какие требования - див center основное пространство сайта, он имеет фиксированную ширину и выравнивание по центру через margin:0 auto; это все работает, а теперь мне нада что бы див Left заполнял пространство с лева, а див right - пространство справа. Далее в див left вставляется бекграунд который должен прилипать к крайнему правому углу(на рисунке элемент 1), а в диве right зеркальный бекграунд приливать к левому краю(на рисунке элемент 2), бекграунды я нарисую в фш, с этим проблем нет. Часто встречаю подобные штуки в дизайне сайтов, вот щас решил сам сделать нечто подобное…

    Asked by Dolce, December 13, 2012

    0 votes
    2 answers
23. Подскажите как сделать резиновый height у input

    В общем width я могу указать в процентах и все будет работать нормально, а вот height никак не хочет чтобы не делал. Приведите пример реализации пожалуйста. Заранее спасибо

    Asked by L1vet, December 12, 2012

    0 votes
    11 answers
24. Помогите найти ссылки в коде

    Добрый день! Народ, помогите пожалуйста найти ссылки в коде, они встроены прямо в шаблон. Все перерыл через total commander и вручную просмотрел возможные места. Ссылка на страницу где можно посмотреть ссылки здесь. Ссылки находятся в двух местах в блоках <div id="jb-jm"></div> Прикрепляю архив с файлами. Здесь не поместился, залил на народ. Вот ссылка 17.3 мб

    Asked by e.lodyanov, December 13, 2012

    0 votes
    9 answers
25. font-gfamily не подхватывается в IE8

    Здравствуйте. Пытаюсь IE8 научить подхватывать семейство шрифтов font-family, сделанные на font2web для Arrial Narrow Bold. Если посмотреть на верхнее меню сайта через IE8, то видно что результат отличается от Хромовского. Похоже IE8 использует обычный Arial. В справке для стиля font-family указано, что IE 8 должен его понимать. Но что-то не работает Какой выход, писать font: 20px Arial Narrow; font-weight:bold; отдельно для IE8?

    Asked by borus, December 13, 2012

    0 votes
    9 answers