Jump to content

IndigoHollow

User
  • Posts

    34
  • Joined

  • Last visited

IndigoHollow's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Проблема решена. Надо было у левого и правого блока поменять inline-block на float.
  2. Я делал правый блок в два раза уже, не помогло. Да и на этом же телефоне в другом браузере все прекрасно влазиет. Не в этом дело. Букв много, а пользы 0. То, что "самсунг виноват", не решит вопрос, в котором я хочу разобраться.
  3. Сделал простой сайтик. Во всех браузерах отображается правильно кроме стандартного браузера на Samsung Galaxy s3. А заказчики требуют, что бы все было корректно. Их понять можно. Но вот не понимаю почему в стандартном браузере ползет вниз правый блок. Вот так отображается в стандартном браузере: А вот так отображается в Хроме на том же телефоне: Подскажите пожалуйста в чем может быть проблема? Сайт можно посмотреть по адресу http://orangeprofi.ru
  4. Решил проблему так: создал реальную таблицу (а не числящуюся таблицей только из-за display: table) и поместил в верхние ячейки иконки, а в нижние пункты меню. Рабочий вариант этого меню тут.
  5. Добавил блочную обертку. Так? если да, то не работает <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>
  6. Дело в следующем: при наведении на пункт меню, над ними появляются иконки. Вот демка: 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>
  7. Нашел другое решение. Дописал одну специальную строку и получилось: $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;
  8. Спасибо, добрый человек! Помогло! Вопрос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>'; Где надо изменить кодировку, что бы это исправить?
  9. Дело вот в чем. С помощью такого кода добавил в горизонтальное меню своего сайта форму поиска: 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; } Получилось так: Вопрос: что мне надо сделать, что бы кнопка шла аккурат за формой ввода?
  10. О! Спасибо! Эффект получился, только, не совсем тот. При клике на картинку затемняется все кроме картинок + они вылезают на передний план и получается вот так:
  11. Уважаемый, просветите меня. Код картинки, вызывающей видео по клику, выглядит следующим образом: 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
  12. Ребят, ну это уже совсем другой вопрос хорошая идея или плохая Все, что мне нужно, так это найти решение сложившейся проблемы
  13. Как ничего? Проверено многими людьми во всех браузерах. Вот если нажать сюда: то появится такое окошко: И тут же сворачивается. Это обычная html-страница, для которой указаны размеры и в которую вставлено видео с ютьюба.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy