HTML Coding

29542 questions in this forum

1. Блочная модель Google Chrome

   Столкнулся с проблемой блочой модели google chrome html <div class="mainmenu"> <div class="mainmenu-wrapper"> // меню </div> </div> CSS .mainmenu { width:960px; margin:0 auto; font-family:Arial, Helvetica, sans-serif; border:1px #6F6FFF double; box-shadow:0 0 10px #CCC; -moz-box-shadow:0 0 10px #CCC; -webkit-box-shadow:0 0 10px #CCC; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} .mainmenu-wrapper { padding:2px; border:1px #B3D9FF solid; border-radius:5px; } на выходе получаю в chrome что ширина блока mainmenu 962px а в остальных браузерах 960px ширина блока mainmenu-wrapper в chrome 958px а в остальных браузерах 952px…

   Asked by Hol1killer, May 30, 2013

   0 votes
   1 answer
2. Анимация не срабатывает при 'height=auto;'

   Всем привет Мне нужно сделать выпадающее меню с динамически меняющимся кол-вом ячеек с анимацией(слайд), вот код: http://pastebin.com/jbNp23LK Все получилось, но только для определенного кол-ва ячеек, т.е. высоту блока alert нужно указывать точно, если указать auto, то анимация не проигрывается. Пробовал изменять ее с помощью JS: document.getElementById('alert_id').style.height = '90px'; Тажа история, анимация не проигрывается, блок alert просто появляется при наведении на count, что делать? (:

   Asked by frog163, May 30, 2013

   0 votes
   1 answer
3. Меню с беграундом по одну сторону

   Подскажите, можно чисто теоретически. Как делают такие меню? Т.е. чтобы фон слева продолжался по максимуму влево. Ну а справа чтобы фон "обрезался" по-последнему элементу.

   Asked by npofopr, May 31, 2013

   • menu
   0 votes
   10 answers
4. Верстка карты(Map, Area.)

   Здравствуйте. На данный момент нахожусь в стадии изучения тега <map> и всему, что с ним связано. По ходу дела меня заинтересовали следующее нюансы: 1) Пытаюсь найти(в гугле) подробную(детальную) инфу(статью) о том, как строить карты - но везде вижу только какие то обрывки информации. (Пока что даже понять не могу можно ли тегу <area> поменять фон или задать ему картинку?(при помощи чистого CSS!) (Если кто то скинет ссылку(с подробным руководством) по данной тематике - буду очень признателен.) 2) какие механизмы упрощения построения(карт) существуют на сегодняшний день? (Неужели каждый раз(при новом проекте) необходимо постоянно заново вводить(именно в ручную!)…

   Asked by Yamaradg, May 31, 2013

   • найти оптимальную реализацию.
   0 votes
   2 answers
5. Проблема верстки

   Здравствуйте. Подскажите дилетанту. На главной в мозиле товары выехали за блок вправо. В хроме в опере все гуд. Вот ссылка http://zakup96.ru

   Asked by eralef, May 31, 2013

   0 votes
   2 answers
6. Пропуск флеша

   на главной странице имеется флеш <object type="application/x-shockwave-flash" data="http://svetlystan.by/design/images/flash.swf" width="958" height="444"> <param name="allowScriptAccess" value="sameDomain" /> <param name="allowFullScreen" value="false" /> <param name="movie" value="http://svetlystan.by/design/images/flash.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /> <embed src="http://svetlystan.by/design/images/flash.swf" quality="high" bgcolor="#ffffff" width="958" height="444" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://w…

   Asked by rango2014, June 1, 2013

   0 votes
   1 answer
7. Проблемы с реализацией эффектов.

   Всем доброго времени суток. В общем у меня 2 вопроса. Времени на них убил уже неделю. Рад буду любой помощи. 1) Пытаюсь реализовать эффект с картинкой. В определенном месте сайта висит полупрозрачный логотип в виде прожектора, который должен качаться из стороны в сторону. Пытался сделать на css3 но он мне уже всю плешь проел. 2) Реализовал кнопки с подменой картинок. Но при открытии сайта с мобильно этот эффект естественно не работает. Как можно сделать чтобы при открытии с мобильного устройства показывалась только вторая картинка? Спасибо за внимание, Надеюсь на вашу помощь.

   Asked by galloko, June 1, 2013

   0 votes
   15 answers
8. "украсть" вариант добавления товара на сайт

   Хочу создать интернет-магазин и пока главной проблемой для меня является грамотное легкое добавление товара. Обладаю небольшими знаниями html, но как понимаю тут без php не обойтись... Собственно, за основу я беру вариант добавления как на slando.ua. Если нажать на "Подать объявление" Вы поймете о чем я. Там все поля рассписаны, добавление картинок грамотно и такой вот тип меня интересует. Как это организовать? P.S.: пока что имею сайт всего лишь на юкозе, туда, как я понимаю, не всунуть такую фишку дабы "проверить" работоспособность? Спасибо!

   Asked by vladeol, June 1, 2013

   0 votes
   5 answers
9. как правильно заголовок в ссылку или ссылку в заголовок

   Собственно, как правильнее: <h1><a href="">Text</a></h1> или <a href=""><h1>Text</h1></a>

   Asked by cmndr_alexgreen, June 1, 2013

   0 votes
   3 answers
10. модуль kupivkredit

    кому-нибудь приходилось пользоваться модулем от kupivkredit.ru ? поясните пожалуйста способ использования в самом общем виде если его ставить на самописный сайт, то какой примерно порядок действий? как я понимаю, владелец сайта должен: 1. зарегистрироваться на их сайте 2. заключить с ними какой-нибудь договор в письменной форме 3. скачать и установить скрипт 4. настроить взаимодействие своего сайта и скрипта через личный кабинет(если он существует) я в ступоре поэтому за любую информацию буду благодарен

    Asked by cyklop77, June 2, 2013

    0 votes
    1 answer
11. Неправильно отображается баннер в ИЕ7

    Добрый день. Помогите, пожалуйста, победить ИЕ7. Третий день уже бьюсь. Суть проблемы: по бокам от центрального баннера отображаются полоски. Их быть не должно. Такая проблема только в ИЕ7, в остальных браузерах нормально. Примеры страниц: http://test.love4lif...eparaty/belara/ http://test.love4lif...eparaty/siluet/ Я пробовал делать костыли в виде цветных border-left и border-right: http://test.love4life.ru/specialistam/preparaty/midiana/ но это очень грубо и не универсально. Заранее спасибо.

    Asked by alxick, June 2, 2013

    0 votes
    2 answers
12. Flexslider

    http://www.woothemes.com/flexslider/ Решил воспользоваться этим слайдером, т.к. он адаптивный. Все работает, кроме того, что стрелки передвижения слайдов не visible. Они есть, т.к. при наведении курсора курсор меняется. Я сделал отдельный документ *.html без другого контента, только слайдер. Стрелки появились. Следовательно проблема в родителях, но мне ее не найти. Помогите пожалуйста! Вот css для стрелок: /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(components/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-…

    Asked by Michael Myers, June 2, 2013

    0 votes
    3 answers
13. Помогите разобраться! 4 блока, 3 из них фиксированы по высоте, 1 резиновый, не правильно отображается.

    Помогите разобраться! Есть 4 блока. Первый, второй и четвертый фиксирован по высоте (height задан в px), а третий блок должен быть резиновым, но при минимальном количестве информации он должен растягиваться так, чтобы футер был самой крайней точкой, как на скриншоте, только без полосы прокрутки. Что не пробовал, никак не могу реализовать. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>123</title> <meta name="robots" content="index, follow"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <link href="style.css" rel="styleshe…

    Asked by mogdalov, June 2, 2013

    • height
    0 votes
    4 answers
14. Модульные сетки

    Решил использовать фреймворк для создания модульной сетки. Выбрал вот этот http://unsemantic.com/ Возникли вопросы, подскажите, пожалуйста, кто знает ответы на них: 1.1) Если используется таблица с инфой, например, в 10 колонок, то нужно ли ячейкам присваивать классы колонок модульной сетки? 1.2) Если ответ на прыдущий вопрос "да", то возникает следующая ситуация: я хочу, чтобы при очень маленьком разрешение(на смартфонах), в ряду была одна колонка, поэтому всем колонкам переопределяю ширину в 100%; при ширине экрана в 640px(планшеты), в ряду было по две колонки, поэтому поэтому всем колонкам переопределяю ширину в 50%; С плавающими блоками проблем нет, а вот если это таб…

    Asked by FanAizu, June 2, 2013

    0 votes
    7 answers
15. Inline + margin

    <div style='float: left; text-align: center; width: 200px; margin: 3px; border: 1px solid black;'> <img src='http://mmoland.ru/webapp/mmoland/files/images/2012/08/image012.jpg'/> <div style='display: inline; margin-bottom: 5px;'> <a href='/catalog/blabla'>blabla</a> </div> </div> Вот этот же код http://jsfiddle.net/fZLkV/2/ Мне нужно центрировать текст ссылки по высоте, но сейчас текст прижат к низу. Я пробовал сделать div (в котором ссылка находится) выше с помощью matgin-bottom. Но он не работает вместе с display: inline. Как бы вы выровняли текст в моем случае?

    Asked by GuitarFan, June 2, 2013

    0 votes
    4 answers
16. Как убрать подсказку для input type file в Google Chrome?

    Ребят, привет! Может у кого получалось убирать всплывающую подсказку у input поля выбора файлы в Google Chrome? По умолчанию подсказка отображает имя выбранного файла или текст "Файл не выбран". Задание пустой подсказки не помагает: <input type="file" title=""> стандартный title все равно отображается.

    Asked by Modder, June 2, 2013

    • input
    • title
    • file
    • Google Chrome
    • input type file
    0 votes
    12 answers
17. editplus криво меняет кодировку

    Перекодировал страницу в editplus с ANSI в utf-8, загрузил на хостинг, вышли кракозябры "Учёные". Потом с notepad перекодировал обратно в ANSI - никаких изменений. Как мне перекодировать страницу в utf-8 без кракозябр?

    Asked by apexis, June 2, 2013

    • windoes-1251 на utf-8
    0 votes
    3 answers
18. 3-колоночный макет с резиновой шириной на относительном позиционировании

    Здравствуйте! Не могу сверстать макет, мало опыта, необходим 3-х колоночный макет с резиновым центром и одинаковой высотой всех 3-х колонок во всю высоту содержимого, так же в основных блоках будут содержаться другие блоки, содержимое в содержимое которых собственно и будет регулировать высоту. Подскажите что не так. Переделал и снова наткнулся на те же грабли. Не могу довести да ума. http://jsfiddle.net/Vicos/zwLNT/ P.S. Если что не понятно, переспросите, вопрос переформулирую. P.S.S перейдя по ссылке увидим почти доведённый до ума макет.

    Asked by Vicos, June 2, 2013

    • 3-х колоночный макет
    • резиновая ширина
    • относительное позиционировани
    0 votes
    11 answers
19. Как сделать ссылку

    Всем доброе время суток! У меня вопрос, как сделать чтоб при нажатие ссылки открывала на той высоте где находится тот или иной параграф?

    Asked by Bismuth, June 2, 2013

    0 votes
    2 answers
20. Не отображаются картинки

    Здравствуйте! Начал верстать макет, сделал фон с картинкой, а он не отображается в браузере. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows1251" /> <link rel="stylesheet" type="text/css" href="css/main.css"> <title>Мультики</title> </head> <body> </body> </html> * { outline: none; margin: 0; padding: 0; } body { background: #6AD5F9 url("../img/main_bg.png") repeat 100%; } Есть папка с макетом, в ней папки css и img. Проверял пути и все равно не от…

    Asked by Guest, June 2, 2013

    • css картинки
    • фон
    • проблемы
    0 votes
    30 answers
21. Проблема отображения блока в хроме

    Всем привет! Ребят, у меня возникла проблема отображения блока на сайте. У меня вот такая структура <div id="header"> <img class="logo" src="/images/logo.png" alt=""> <div class="login"> <form id="login_form" name="login_form" method="POST"> <table cellspacing="0"> <tr> <td><label for="email">Эл. почта</label></td> <td><label for="password">Пароль</label></td> </tr> <tr> <td><input autocomplete="off" type="email" name="email" id="email" title="Эл. почта"></td> <td><input autocomplete="off" type="password" name…

    Asked by amstr1k, June 2, 2013

    0 votes
    4 answers
22. Отступы от div при разбиении на блоки в CodeIgniter

    Доброго времени суток! Зашел на online генератор шаблонов HTML,CSS. Скачал 2 файлика html и css файлы. Порезал html на кусочки: 1 - header 2-top_navigation 3-maintext 4-leftblock 5-rightblock 6-footer для того чтобы через php автоматически гинерить страницы(все куски обрамлены тегами div c именами указаными выше). Когда файл один все пучком, когда разрезаю получается отступ порядка 10px перед всеми дивами. Проблемму с отступами от footer top_navigation решилась тем что начальный тег div помещал в верхний блок. А вот с хедером и вертикальной навигацией ступор, кстати отступ появляется перед блоком div и теперь имею отступ перед header и от него и до top_navigation. Через …

    Asked by Андрей Прохоров, June 2, 2013

    0 votes
    3 answers
23. Помогите сделать валидным код.

    !doctype html Валидатор выдал просто уйму ошибок, и абсолютно не знаю, что за ними скрывается. Объясните пожалуйста неграмматному и подскажите как исправить. 1. Element noindex not allowed as child of element div in this context. (Suppressing further errors from this subtree.) Получается, noindex вообще использовать на странице нельзя? А как тогда закрывать ненужные участки страница с SEO целью? 2. The itemprop attribute was specified, but the element is not a property of any item.. ...png" itemprop="contentUrl" width="16" height="16" /></a></li><div.. Что за itemprop и за что он отвечает? Он к <img> никаким боком неклеится? 3. & di…

    Asked by NightHawk, June 2, 2013

    0 votes
    7 answers
24. как вставить часть кода другого сайта на свой?

    Добрый день! Возник следующий вопрос: на стороннем ресурсе есть некий сервис, например вот этот http://services.fms.gov.ru/info-service.htm?sid=2000. Мне нужно чтобы с моего сайта пользователь мог воспользоваться услугами подобного сервиса, без перехода на сторонний сайт. Т.е. вставить часть кода стороннего сайта на свою страницу, чтобы отображался только блок данного сервиса! Заранее спасибо!

    Asked by sm1603, June 2, 2013

    0 votes
    1 answer
25. А как сделать подвал всегда был внизу?

    А как сделать подвал всегда был внизу? вот html <body> <div class="wrapper"> <div class="top"> <div class="logo"> <a href="http://homehosts.ru"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/logo.png" width="194" height="38"></a> </div><!--EndLogo--> <div class="regit"> <jdoc:include type="modules" name="regit" /> </div><!--EndRegit--> </div><!--EndTop--> <div class="menu_box"> <div class="left_menu"></div><!--EndLeftMenu--> <div class="center_menu"> <jdoc:in…

    Asked by Bismuth, June 2, 2013

    0 votes
    2 answers