ссылка href работает только в Chrome - PullRequest
Новая
       16

ссылка href работает только в Chrome

0 голосов
/ 19 января 2011

Я делаю кнопку, которая открывает ссылку (веб-сайт), но проблема в том, что она работает только на Chrome! Зачем?? ссылка здесь!

здесь простой HTML-код> 

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
<title>HTML and CSS Rounded Corner Button Generated By iWebToolsOnline.com</title>
<link href="./style.css" rel="stylesheet" type="text/css" />
<style href>a {text-decoration: none} </style>
 </head>
  <body>
<h3>&nbsp;</h3>
<button class="rounded">
  <a href="http://www.iwebtoolsonline.com/rss-feed-icon-generator">
  <span>Save</span>
  </a>
</button>
 <br/><br/>

 </body>
  </html>

CSS 

button {
 border: 0 none;
 cursor: pointer;
 font-weight: bold;
 padding: 0 15px 0 0;
 text-align: center;
 height: 40px;
 line-height: 40px;
 width: auto;
 }

 button.rounded {
 background: transparent url( btn_right.png ) no-repeat scroll right top;
 clear: left;
 font-family: "Kristen ITC";
 font-size: 36px;

  }

  button span {
  display: block;
  padding: 0 0 0 15px;
  position: relative;
  white-space: nowrap;
  height: 40px;
  line-height: 40px;
   }

  button.rounded span {
  background: transparent url( btn_left.png ) no-repeat scroll left top;
  color: #FFFFFF;
  }

  button.rounded:hover {
  background-position: 100% -40px;
  }

  button.rounded:hover span {
  background-position: 0% -40px;
  }

  button::-moz-focus-inner {
  border: none;
  }

Вы можете найти ссылку из генератора, который я использовал для кнопки, в ссылке, на которую я пытаюсь перейти, генератор не дает код для ссылки, поэтому я просто использовал href в кнопке, но это не сделано ?? в чем еще может быть проблема?

Большое спасибо!

1 Ответ

0 голосов
/ 19 января 2011

Сделай так: 

  <a href="http://www.iwebtoolsonline.com/rss-feed-icon-generator">
  <button class="rounded">Save</button>
  </a>

Но это не будет работать в IE6 или 7 (вам нужно будет эмулировать его с помощью JS (пример JQuery)): 

$("a button").click(function() {
   window.location.href = $(this).parent().attr("href");
});

Но, тем не менее, в Firefox эта страница будет вызываться дважды (возможно, это не имеет значения для вас). Об этом есть сообщение об ошибке (https://bugzilla.mozilla.org/show_bug.cgi?id=577035).

Просто помните, что наличие «КНОПКИ» внутри «А» противоречит рекомендациям стандарта W3C.

...