IndigoHollow

Пользователь
 Просмотреть профиль  Активность

  • Публикации

    34

  • Зарегистрирован

  • Посещение

Репутация

0 Обычная

О IndigoHollow

  • Звание
    Участник

  1. Отображение сайта в стандартном браузере Андроида

    IndigoHollow ответил в вопрос пользователя IndigoHollow в Проблемы верстки

    Проблема решена. Надо было у левого и правого блока поменять inline-block на float.

  2. Отображение сайта в стандартном браузере Андроида

    IndigoHollow ответил в вопрос пользователя IndigoHollow в Проблемы верстки

    К сожалению, не помогло.

  3. Отображение сайта в стандартном браузере Андроида

    IndigoHollow ответил в вопрос пользователя IndigoHollow в Проблемы верстки

    Я делал правый блок в два раза уже, не помогло. Да и на этом же телефоне в другом браузере все прекрасно влазиет. Не в этом дело. Букв много, а пользы 0. То, что "самсунг виноват", не решит вопрос, в котором я хочу разобраться.
  4. IndigoHollow подписался на Правильное выравнивание поля с кнопкой, Отображение сайта в стандартном браузере Андроида и Проблема верстки только в Firefox
  5. Сделал простой сайтик. Во всех браузерах отображается правильно кроме стандартного браузера на Samsung Galaxy s3. А заказчики требуют, что бы все было корректно. Их понять можно. Но вот не понимаю почему в стандартном браузере ползет вниз правый блок. Вот так отображается в стандартном браузере: А вот так отображается в Хроме на том же телефоне: Подскажите пожалуйста в чем может быть проблема? Сайт можно посмотреть по адресу http://orangeprofi.ru

  6. Проблема верстки только в Firefox

    IndigoHollow ответил в вопрос пользователя IndigoHollow в Проблемы верстки

    Решил проблему так: создал реальную таблицу (а не числящуюся таблицей только из-за display: table) и поместил в верхние ячейки иконки, а в нижние пункты меню. Рабочий вариант этого меню тут.

  7. Проблема верстки только в Firefox

    IndigoHollow ответил в вопрос пользователя IndigoHollow в Проблемы верстки

    Добавил блочную обертку. Так? если да, то не работает <div class="menu-top"> <ul> <li><div style="position: relative;"><a href="/" class="link1" onMouseOver="a_hover();" onMouseOut="a_out();">Главная</a></div></li> <li><div style="position: relative;"><a href="about.html" class="link2" onMouseOver="a_hover();" onMouseOut="a_out();">О нас</a></div></li> <li><div style="position: relative;"><a href="services.html" class="link3" onMouseOver="a_hover();" onMouseOut="a_out();">Услуги</a></div></li> <li><div style="position: relative;"><a href="articles.html" class="link4" onMouseOver="a_hover();" onMouseOut="a_out();">Статьи</a></div></li> <li><div style="position: relative;"><a href="reviews.html" class="link5" onMouseOver="a_hover();" onMouseOut="a_out();">Отзывы</a></div></li> <li><div style="position: relative;"><a href="faq.html" class="link6" onMouseOver="a_hover();" onMouseOut="a_out();">Вопрос-ответ</a></div></li> <li><div style="position: relative;"><a href="contacts.html" class="link7" onMouseOver="a_hover();" onMouseOut="a_out();">Контакты</a></div></li> </ul></div>
  8. Дело в следующем: при наведении на пункт меню, над ними появляются иконки. Вот демка: http://videostroy.com/ Во всех браузерах кроме Firefox иконки отображаются верно. Каждая последующая иконка отсчитывают координату X от предыдущей. И только в Firefox отсчет ведется от начала блока. Помогите решить проблему пожалуйста. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head> <title></title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('.link1').hover(function() { $('#ico1').show(); } ).mouseout(function() { $('#ico1').hide(); } ); $('.link2').hover(function() { $('#ico2').show(); } ).mouseout(function() { $('#ico2').hide(); } ); $('.link3').hover(function() { $('#ico3').show(); } ).mouseout(function() { $('#ico3').hide(); } ); $('.link4').hover(function() { $('#ico4').show(); } ).mouseout(function() { $('#ico4').hide(); } ); $('.link5').hover(function() { $('#ico5').show(); } ).mouseout(function() { $('#ico5').hide(); } ); $('.link6').hover(function() { $('#ico6').show(); } ).mouseout(function() { $('#ico6').hide(); } ); $('.link7').hover(function() { $('#ico7').show(); } ).mouseout(function() { $('#ico7').hide(); } ); }); </script> <style> .menu-top-icons { margin-bottom: -5px; position: relative; /*border: 1px dashed black;*/ } .menu-top-icons ul { width: 95%; float: right; } .menu-top-icons ul li { display: inline-block; text-align: center; } .menu-top { padding: 0 5px 0 0; margin: 47px 0 0 442px; position: absolute; } .menu-top ul { width: 187%; float: right; display: table; border-collapse: collapse; } .menu-top ul li { display: table-cell; /*text-align: center;*/ } .menu-top ul li a { text-decoration: none; color: #444; font: normal 18px Tahoma; } .menu-top ul li a:hover { border-bottom: 1px dashed #95705d; color: #95705d; } #ico1, #ico2, #ico3, #ico4, #ico5, #ico6, #ico7 { display: none; vertical-align: bottom; } </style></head><body> <div class="menu-top-icons"> <ul> <li style="margin-left: 34px;"><img src="images/home.png" width="50" id="ico1"></li> <li style="margin-left: 101px;"><img src="images/about.png" id="ico2"></li> <li style="margin-left: 83px;"><img src="images/services.png" width="45" id="ico3"></li> <li style="margin-left: 104px;"><img src="images/articles.png" id="ico4"></li> <li style="margin-left: 95px;"><img src="images/reviews.png" id="ico5"></li> <li style="margin-left: 152px;"><img src="images/qanda.png" id="ico6"></li> <li style="margin-left: 165px;"><img src="images/contacts.png" id="ico7"></li> </ul> <div class="menu-top"> <ul> <li><a href="/" class="link1" onMouseOver="a_hover();" onMouseOut="a_out();">Главная</a></li> <li><a href="about.html" class="link2" onMouseOver="a_hover();" onMouseOut="a_out();">Рћ нас</a></li> <li><a href="services.html" class="link3" onMouseOver="a_hover();" onMouseOut="a_out();">Услуги</a></li> <li><a href="articles.html" class="link4" onMouseOver="a_hover();" onMouseOut="a_out();">Статьи</a></li> <li><a href="reviews.html" class="link5" onMouseOver="a_hover();" onMouseOut="a_out();">Отзывы</a></li> <li><a href="faq.html" class="link6" onMouseOver="a_hover();" onMouseOut="a_out();">Р’РѕРїСЂРѕСЃ-ответ</a></li> <li><a href="contacts.html" class="link7" onMouseOver="a_hover();" onMouseOut="a_out();">Контакты</a></li> </ul> </div> </div></body></html>

  9. Правильное выравнивание поля с кнопкой

    IndigoHollow ответил в вопрос пользователя IndigoHollow в Проблемы верстки

    Нашел другое решение. Дописал одну специальную строку и получилось: $search .= '<nobr><input type="text" class="field" name="s" id="s" placeholder="ПОИСК..." />'; $search .= '<input type="submit" class="submit" name="submit" id="searchsubmit" value="GO!" /></nobr>'; $search = mb_convert_encoding($search, "UTF-8", "cp1251"); return $items . $search;

  10. Правильное выравнивание поля с кнопкой

    IndigoHollow ответил в вопрос пользователя IndigoHollow в Проблемы верстки

    Спасибо, добрый человек! Помогло! Вопрос2: Если указать для input метку (текст, который в нем изначально появляется) на кириллице, то она отображается краказябрами: $search .= '<nobr><input type="text" class="field" name="s" id="s" placeholder="Поиск..." />'; $search .= '<input type="submit" class="submit" name="submit" id="searchsubmit" value="Искать" /></nobr>'; Где надо изменить кодировку, что бы это исправить?
  11. Дело вот в чем. С помощью такого кода добавил в горизонтальное меню своего сайта форму поиска: function menu_search($items){ $search = '<li class="search">'; $search .= '<form method="get" id="searchform" action="/">'; $search .= '<nobr><input type="text" class="field" name="s" id="s" placeholder="Search..." />'; $search .= '<input type="submit" class="submit" name="submit" id="searchsubmit" value="Go" /></nobr>'; $search .= '</form>'; $search .= '</li>'; return $items . $search; } add_filter('wp_nav_menu_items','menu_search'); Получилось так: Т.е. как бы форма поиска стала очередным пунктом меню. Захотел я сделать красиво и выровнять эту форму вместе с кнопкой по правому краю. Сделать это мне не удалось и я решил прописать для input параметр margin-left: input { vertical-align: middle; margin-top: 7px; margin-left: 300px; } Получилось вот так: Т.е. сначала форма ввода отступила от левого края 300px, а потом и кнопка. Подумал я и дописал position: input { vertical-align: middle; margin-top: 7px; position: absolute; margin-left: 300px; } Получилось так: Вопрос: что мне надо сделать, что бы кнопка шла аккурат за формой ввода?

  12. Окно сворачивается сразу после открытия

    IndigoHollow ответил в вопрос пользователя IndigoHollow в Для начинающих

    О! Спасибо! Эффект получился, только, не совсем тот. При клике на картинку затемняется все кроме картинок + они вылезают на передний план и получается вот так:

  13. Окно сворачивается сразу после открытия

    IndigoHollow ответил в вопрос пользователя IndigoHollow в Для начинающих

    Уважаемый, просветите меня. Код картинки, вызывающей видео по клику, выглядит следующим образом: echo(' <div style="margin-left: 0.5cm"> <a href="bitrix/templates/furniture_dark-blue/video.html" target="_blank" onClick="popupWin = window.open(this.href, \'contacts\', \'location,width=700,height=400,top=150,left=350\'); popupWin.focus(); return false;"> <img src="bitrix/templates/furniture_dark-blue/images/video_1.jpg" onmouseover="this.src=\'bitrix/templates/furniture_dark-blue/images/video_2.jpg\'" onmouseout="this.src=\'bitrix/templates/furniture_dark-blue/images/video_1.jpg\'" title="video" alt="video"> </a> </div>'); А файл video.html представляет собой следующее: <center><iframe width="640" height="360" src="http://www.youtube.com/embed/WYgJ72jZrsM" frameborder="0" allowfullscreen></iframe></center> Вы предлагаете заменить в первом блоке onClick="popupWin = window.open(this.href, \'contacts\', \'location,width=700,height=400,top=150,left=350\'); popupWin.focus(); return false;" на document.getElementById('DIV_I_Frame').style.display='block'; ? А в файле video.html блок <iframe> обрамить <div id="DIV_I_Frame"></div>? Я не до конца понял, не могли бы вы разъяснить? о_0

  14. Окно сворачивается сразу после открытия

    IndigoHollow ответил в вопрос пользователя IndigoHollow в Для начинающих

    Вопрос все еще актуален

  15. Окно сворачивается сразу после открытия

    IndigoHollow ответил в вопрос пользователя IndigoHollow в Для начинающих

    Ребят, ну это уже совсем другой вопрос хорошая идея или плохая Все, что мне нужно, так это найти решение сложившейся проблемы

  16. Окно сворачивается сразу после открытия

    IndigoHollow ответил в вопрос пользователя IndigoHollow в Для начинающих

    Как ничего? Проверено многими людьми во всех браузерах. Вот если нажать сюда: то появится такое окошко: И тут же сворачивается. Это обычная html-страница, для которой указаны размеры и в которую вставлено видео с ютьюба.