HTML Coding

29,542 questions in this forum

1. Проблема с блоком в опере и мозиле

   Есть сайт http://vorota-automat.com.ua/ блок с идентификатором #brands в хроме и сафари располагается там, где ему надо стоять, то есть аккуратно справа. А в опере и мозиле всё съезжает. Объясните нубу, с чем связана сия проблема.

   Asked by pashkje, December 6, 2012

   0 votes
   2 answers
2. неправельное отображение

   Добрый день, есть сайт http://ilovepanda.com.ua/index.php/malchiki2/bruk/polukombinezon-sinij-detail, когда наводишь мышь на меню над картинкой, например на меню девочкам, то картинка товара находится над меню, а должна быть под меню. помогите где это исправить?

   Asked by lindim, December 5, 2012

   0 votes
   2 answers
3. Новые селекторы в CSS для новичка.

   Здравствуйте, просьба помочь разобраться с такой штукой - что это за символ такой в CSS ">". Встретился такой вот код: .navbar-medium .nav > li > a { margin: -5px 0; padding-bottom: 15px; padding-top: 15px; } Я конечно погуглил и примерно выяснил что это означает, но был безмерно удивлен таким "тэгом", поскольку вижу его впервые. На htmlbook'e я информацию по нему не нашел, хотя ХТМЛБУК для меня как библия ). Поясните если не тяжело откуда это взялось и где о нем можно почитать. Заранее спасибо за ответы.

   Asked by cloud2006, December 5, 2012

   0 votes
   2 answers
4. В Фаерфоксе пункт меню быстро соскакивает при уменьшению масштаба

   Прошу научить (я постараюсь запомнить), что нужно делать с меню сайта, чтобы последний пункт меню "38 лет..." не перескакивал на следующую строку в Фаерфоксах, оставаясь вплотную к правому краю подложки меню? Какова причина перескока в этом случае? В 17-ом фоксе при 100% масштабе пункт "38 лет..." не перескакивает, но уже в 15-ом по умолчанию сразу занимает следующую строку. В хроме перескок происходит только при сильном удалении. Благодарю

   Asked by borus, December 6, 2012

   0 votes
   2 answers
5. Css em triangle и еще 1 вопрос

   Добрый день Сделал флажок с помощью :after ?<div class="flag-header"><a href="#">eeeee</a></div>? body { font-size: 100%; } .flag-header { font-size: 1em; font-weight: bold; background: green; color: black; padding: .75em 4em .5em 2em; display: inline-block; *display: inline; zoom: 1; position: relative; overflow: hidden; } .flag-header a { color: black; font-weight: bold; } .flag-header:after { content: ""; position: absolute; right: 0; margin-top: -.6em; border-right: 1.2em solid #fff; border-top: 1.2em solid transparent; border-bottom: 1.2em solid transparent; border-left: 0; width: 0; height: 0; } При увеличении размера шриф…

   Asked by Cryolite, December 6, 2012

   0 votes
   2 answers
6. Нужны ли ключевые слова?

   Добавлял сайт в поисковики...оказывается все так просто...ввел адресок и нажал ссылочку "добавить". Раньше помню нужно было кучу полей заполнить, ключевые слова вводить. А сейчас в этом есть необходимость? Карту сайта xml вот построил. А желательно ли пользоваться модулями для cms типа metatag для Drupal или писать ключевые слова в метатегах в код страниц?

   Asked by xSPiRiTx, December 6, 2012

   0 votes
   2 answers
7. font & span

   Доброго времени суток товарищи форумчане вот читаю и читаю и возник один может глупый вопросец но ответ хочется услышать от специалиста Итак вопрос: теги <font> <span> оба для изменения параметров текстовой информации но один устарел а другой повсеместно используется получается разработчикам просто было лень добавлять атрибуты и события этому тегу (<font>) и им было проще новый создать о_О

   Asked by Bobikys, December 7, 2012

   0 votes
   2 answers
8. Наследование высоты блока

   Друзья, помогите разобраться... уже весь мозг сломал Есть 2 блока, левый основной и правый, который должен наследовать высоту левого. Но есть небольшая хитрость! Максимальная высота левого не ограничена, когда как минимальная - 400px. У правого нужно жестко зафиксировать, что если высота левого 400px, то у него 400px. А если больше 400, то наследовать его высоту, которая меняется в зависимости от наполнения! Собственно все это нужно, что бы прикрутить полосу прокрутки для правого блока. Т.е. если вдруг высота правого становится больше левого, то у него должна появляться прокрутка! Возможно криво объяснил #main { float: left; margin-top: 16px; background-image: ur…

   Asked by DeeMon, December 7, 2012

   0 votes
   2 answers
9. Не работают ссылки

   Здравствуйте. Я начинающий молодой web-программист столкнулся с проблемой при верстке сайта для IE7 и IE8 обнаружил, что в некоторых слоях <div> ссылки работают, а в других нет, в чем разница между ними понять не могу. Вот CSS и HTML-код с неработающими ссылками. <div class="header" style> <a href="index.html">текстовая ссылка</a> <a href="index.html"><img src="images/buttoms/passive/onmain_but.jpg" height="40" alt="Фотография" border="0" ></a> <a href="aboutus.html"><img src="images/buttoms/passive/aboutus_but.jpg" height="40" alt="Фотография" border="0"></a> <a href="ourservice.html"><img …

   Asked by vzdrizd, December 8, 2012

   0 votes
   2 answers
10. Биг трабл

    Здраствуйте. Есть не большая (а может и очень большая) проблема. Дело в том, что я занялся изучением PHP. Хотя дело не в этом, а в том что я скачал с одного сайта Готовый сайт-тест, дабы поковыряться и посмотреть как и что. "Ввиду отсутствия времени и огромного числа откликов на предыдущие уроки по созданию сайта, я решил не испытывать вашего терпения и выложить на суд общественности уже готовый скрипт сайта PIPL. Он давно мной написан, но как показала практика, подобный сайт проще и быстрее написать, чем объяснить подробно в письменном виде, как и что в нём работает. Для этого понадобится не один ещё урок. Для тех же кто уже готов сам самостоятельно экспериментировать …

    Asked by IcEMaN, December 8, 2012

    0 votes
    2 answers
11. Изменение картинки при определенном условии

    Всем привет. Помогите решить проблему: в меню есть кнопка вход, соответственно должна быть и кнопка выход, но меню является картинкой, ссылки проставлял через невидимые объекты посредством #menu li a { display: block; width: 100%; height: 20px; } .top_menu1 { left: 59px; width: 60px; } и <li class="top_menu1"> <a href="http://ссылка.ру/news.html"></a> </li> Как прописать изменение картинки при условии, что пользователь прошел авторизацию на сайте?

    Asked by bqch, December 8, 2012

    0 votes
    2 answers
12. Приоритет стиля

    Как правильно определяется приоритет стиля? В Самоучителе используется система начисления "баллов" за каждый использованный в правиле селектор (от 1 до 1000). И это означает, что если в правиле используется 11 классов/псевдоклассов/атрибутов (гипотетически), то они набирают 10х11=110 баллов и "перебивают" правило с id у которого 100 баллов. По этой системе выходит, что более приоритетный селектор возможно перекрыть, используя более 10-ти селекторов из предыдущего "класса приоритетности". В другом источнике мне попадалась информация, что никакого подобного подсчета не производится, а приоритет определяется типом селектора. И id всегда будет выше всех любых классов, псевдок…

    Asked by Kray Storm, December 9, 2012

    0 votes
    2 answers
13. GIMP - шрифты

    Добрый день! Кто-нибудь пользуется GIMP? Не подскажете, как в нем определить шрифт текстового слоя в макете psd? В Photoshop посмотрела - вроде там все просто. Щелкаешь интсрументом Текст на нужном тексте - и в параметрах инструмента тут же отображается шрифт. В GIMP это, похоже, не срабатывает.

    Asked by ElisaD, December 9, 2012

    0 votes
    2 answers
14. Проблема вёрстки под iPad

    Сверстал сайт - http://appstore73.ru/ Хром, Ие, Файрфокс, Опера - всё норм, но под айпедом следующая картина Всё перепробовал, исправить не могу. В чём может быть проблема? Таблица стилей - http://appstore73.ru/css/style.css и резет - http://appstore73.ru/css/reset.css Читал, что ширина страницы не должна превышать 1000px, пробовал уменьшить до 999px - уже лучше, но справа всё равно отступ есть.

    Asked by denisyok, December 9, 2012

    0 votes
    2 answers
15. свойство visibility для тега col не работает?

    http://jsfiddle.net/XYwFE/ По задумке ячейки с классом "hide" должны быть полностью скрыты, но скрыт только контент. Более того, если сделать так вообще глупость получается. Почему так?

    Asked by stalker_2000, December 10, 2012

    0 votes
    2 answers
16. Не могу найти нужную инфу по тегу div

    Как в тег div вставить страницу html(использовать ее как меня) нужно для практики в домашнем варианте. Заранее спасибо за помощь, извиняюсь если это глупый вопрос...

    Asked by plotonij, December 9, 2012

    0 votes
    2 answers
17. как заставить элементы видеть друг друга

    брат художник подкинул идейку для интересного эффекта "трансформации", но поскольку скил в 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
18. Не срабатывает класс ссылки

    Имеется страница, на которой размещен блок отзывов. У блока реализована постраничная листалка. <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
19. Проблема в скрипте?

    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
20. Странное поведение тега 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
21. Помогите с версткой горизонтального меню

    Всех приветствую, возникла проблема с версткой горизонтального меню, необходимо что бы верхняя граница всплывающего меню была под названием пункта и перекрывала текст под ним. Вот код <!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
22. 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
23. Css разметка

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

    Asked by Dolce, December 13, 2012

    0 votes
    2 answers
24. Как текст выше поднять а картинку оставить?

    Добрый день, подскажите как поднять текст выше, а картинку оставить? <p><a href="http://ya.ru" class="proba1"><img src="/icons/16round/133.gif" alt="альтернативный текст"> Семинар Meritor</a></p> http://itmages.ru/image/view/801815/7473635a Заранее спасибо

    Asked by danila_omega, December 14, 2012

    0 votes
    2 answers
25. div выходит за рамки

    Итак, у меня есть ГС на козе, взял я стандартный диз, решил переделать. Корректно работает только на IE, на остальных браузерах(уже изменённая версия) лагает, где в блок входит, где перепрыгивает. Мой ГС. <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>$SITE_NAME$ - $MODULE_NAME$</title> <?$META_DESCRIPTION$?> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> <link type="image/x-icon" rel="icon" href="http://cpp-lessons.ru/favicon.ico"> <link type="image/x-icon" rel="shortcut icon" href="http://cpp-lessons.ru/favicon.ico"> </head> <body> $ADMIN_BAR$ <…

    Asked by mokAh, December 14, 2012

    0 votes
    2 answers