Помогите! Некорректное отображение в Опере

Статус
Закрыто для дальнейших ответов.

JacK-LS

New Member
Регистрация
15.04.2012
Сообщения
5
Всем доброй ночи. Помогите решить вот такую проблему...

Вот так должно быть и есть в Safary/Хром/Firefox при наведении на них мышкой:







А вот так ведет себя Opera:



тут ничего не происходит, только рука появляется, говоря нам о том, что там всё-таки кнопка



ну тут видно что не так

Сайт: чистый html + css + js
Какие будут мысли?
 

tigra60

Спасатель
Регистрация
10.12.2009
Сообщения
1 990
Ну, и где ваш "чистый html + css + js"? Потрудитесь, пожалуйста, выложить.
 

JacK-LS

New Member
Регистрация
15.04.2012
Сообщения
5
Вот index.html

HTML:
<!DOCTYPE html>
<html lang="ru">
<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/grid.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<link rel="stylesheet" href="css/jquery-ui-1.8.5.custom.css" type="text/css" media="all">
<script type="text/javascript" src="js/jquery-1.4.2.min.js" ></script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.5.custom.min.js"></script>
	<!--[if lt IE 9]>
  <script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
	<style type="text/css">
body,td,th {
color: #333333;
}
</style>
</head>
<body>
<header>
  <nav>
   <div class="container">
	<div class="wrapper"><a href="index.html" class="current"><img src="images/logo.png" alt="На главную" width="240" height="43" longdesc="http://www.gorizont.hut4.ru"></a>
	  <ul>
		<li><a href="index.html">О компании</a></li>
	  <li><a href="products.html">Продукция</a></li>
	  <li><a href="objects.html">Объекты</a></li>
	  <li><a href="contacts.html">Контакты</a></li>
	 </ul>
	</div>
   </div>
  </nav>
  <section class="adv-content">
   <div class="container">
   <ul class="breadcrumbs">
	 <li>Горячая линия: <strong> 8-800-200-16-30</strong>. Звонок бесплатный.</li>
	 </ul>
	 <a href="map.html"><p align="right">Карта сайта
			  <img src="images/search-bg.gif" width="20" height="10"></p></a>
				
			</div>
  </section><div class="ic">Copyright © Hvorostyanov S.P.</div>
</header>
<section id="content">
  <div class="top">
   <div class="container">
	<div class="clearfix">
	 <section id="gallery">
	  <div class="pics">
	   <img src="images/slide1.jpg" alt="" width="495" height="329">
	   <img src="images/slide3.jpg" alt="" width="495" height="329">
	   <img src="images/slide2.jpg" alt="" width="495" height="329">
	   <img src="images/slide4.jpg" alt="" width="495" height="329">
	   <img src="images/slide5.jpg" alt="" width="495" height="329">
							<img src="images/slide6.jpg" alt="" width="495" height="329">
							<img src="images/slide7.jpg" alt="" width="495" height="329">
							<img src="images/slide8.jpg" alt="" width="495" height="329">
							<img src="images/slide9.jpg" alt="" width="495" height="329">
							<img src="images/slide10.jpg" alt="" width="495" height="329">
							<img src="images/slide11.jpg" alt="" width="495" height="329">
							<img src="images/slide12.jpg" alt="" width="495" height="329">
						   </div>
	  <a href="#" id="prev"></a>
	  <a href="#" id="next"></a>
	 </section>
	 <section id="intro">
	  <div class="inner">
	   <h2>Каталог рекламной продукции <br /> для дилеров</h2>
		<a href="promotional_items.html" target="_blank" class="extra-button">Подробнее</a>
	  </div>
	 </section>
	</div>
   </div>
  </div>
  <div class="middle">
   <div class="container">
	<div class="wrapper">
	 <div class="grid3 first">
	  <ul class="categories">
	   <li><a href="news.html">Новости</a></li>
	   <li><a href="jobs.html">Вакансии</a></li>
	   <li><a href="industry.html">Наше производство</a></li>
	   <li><a href="sale.html">Распродажа</a></li>
							<li><a href="partners.html">Партнеры</a></li>
	   <li><a href="publications.html">Публикации</a></li>
	   </ul>
	 </div>
	 <div class="grid9">
	  <h2>Поставщик окон - «Красная поляна 2014»</h2>
Компания «Горизонт» стала победителем тендера на остекление целой серии олимпийских объектов в Сочи.
  
	  <p><a href="kp2014.html">Подробнее</a></p>
	  <section class="images">
		<figure><a href="!veka=proline.html" target="_blank"><img src="images/1page-img1.jpg" width="131" height="100"></a></figure>
	   <figure><a href="news_006.html"><img src="images/sale.jpg" width="131" height="100"></a></figure>
	   <figure><a href="news_004.html"><img src="images/gorizont-sale.gif" width="131" height="100"></a></figure>	
	   <figure><a href="news_005.html"><img src="images/promo.gif" width="131" height="100"></a></figure>
	   </section>
	 </div>
	</div>
   </div>
  </div>
  <div class="bottom">
   <div class="container">
	<div class="wrapper">
	 <div class="grid3 first">
	  <h3><a href="!veka.html">Пластиковые окна Veka</a></h3>
	  <p><a href="!veka.html"><img src="images/oknaveka.jpg" width="148" height="141"></a></p>
	  <ul class="list1">
	  <li></li>
	  </ul>
	 </div>
	 <div class="grid3">
	  <h3><a href="!fur_roto.html">Фурнитура Roto</a></h3>
	  <p><a href="!fur_roto.html"><img src="images/furnitura.png" width="148" height="141"></a></p>
	  </div>
	 <div class="grid3">
	  <h3><a href="!agc.html">Стекло AGC</a></h3>
	  <p><a href="!agc.html"><img src="images/ags.jpg" width="148" height="141"></a></p>
	  </div>
	 <div class="grid3">
	  <h3><a href="!vitrazh.html">Художественный витраж</a></h3>
	  <p><a href="!vitrazh.html"><img src="images/vitrazh.jpg" width="148" height="141"></a></p>
	 </div>
	</div>
   </div>
  </div>
</section>
<footer>
  <div class="container">
   <div class="wrapper">
	<div class="copy">Хворостянов Сергей © 2012 | Все права защищены</div>
	<address class="phone">
	Горячая линия: <strong> 8-800-200-16-30 </strong>. Звонок бесплатный.
	 </address>
   </div>
  </div>
</footer>
<script type="text/javascript">
  $(document).ready(function() {
   $('.pics').cycle({
	fx: 'toss',
	next:  '#next',
	prev:  '#prev'
   });

   // Datepicker
   $('#datepicker').datepicker({
	inline: true
   });

  });
</script>
</body>
</html>

Вот прямые ссылки на исходный код css и js:

Папка "css"
http://gorizont-ros-...u/css/style.css
http://gorizont-ros-...ru/css/grid.css
http://gorizont-ros-...u/css/reset.css
http://http://gorizo....8.5.custom.css

Папка "js"
http://gorizont-ros-...ry-1.4.2.min.js
http://gorizont-ros-...ry.cycle.all.js
http://gorizont-ros-...5.custom.min.js
 

tigra60

Спасатель
Регистрация
10.12.2009
Сообщения
1 990
Ну, так, конечно, всем градиент указали (моззиле, вебкитам, ишакам), а для оперы забыли. Вот она и про вас забыла в ответ.

Для создания градиентов пользуйтесь ресурсом http://www.colorzilla.com/gradient-editor/
 

JacK-LS

New Member
Регистрация
15.04.2012
Сообщения
5
Ткните пожалуйста пальцем, в каком файле, откуда и до куда вставить градиент, я в css мало разбираюсь..
 

tigra60

Спасатель
Регистрация
10.12.2009
Сообщения
1 990
Ммм, да.

Полагаю, достаточно будет в файл style.css после строки 90 вставить такую строку:
Код:
background: -o-linear-gradient(top, #ee3c09 0%,#b90a09 100%);
 

JacK-LS

New Member
Регистрация
15.04.2012
Сообщения
5


Вставил в 90 строку, вот такая картина в Опере, при наведении ничего не меняется, другие браузеры на изменение не отреагировали. Вставлял после 90 строки - вобще полный алес, полоска, на которой карта сайта становится такая же как и менюшная, тоесть тёмная. Не то.
 

tigra60

Спасатель
Регистрация
10.12.2009
Сообщения
1 990
О, Господи! Да зачем вы вообще туда полезли? Типа, "я смогу, у меня все получится"?

Переходим к плану В: "кнопка - банан".

В файле style.scc находите такую строчку:
Код:
background-image:-moz-linear-gradient(top, #ee3c09, #b90a09);
это для Моззилы (ФФ).
Рядом с этой строчкой (хоть сверху хоть снизу) добавляете еще одну строчку, специально для Оперы:
Код:
background: -o-linear-gradient(top, #ee3c09 0%,#b90a09 100%);
 
Статус
Закрыто для дальнейших ответов.
Верх Низ