href

2011-07-14 29 views
5

neden bir giriş türü etrafında bir href IE çalışmıyor teslim edilmez teslim? (Ve neler yapabileceğimi bunu düzeltmek için)href

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org /TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen"> 
</head> 
<body> 
<a href="1.html"><input type="submit" class="button_active" value="1"></a> 
<a href="2.html"><input type="submit" class="button" value="2"></a> 
<a href="3.html"><input type="submit" class="button" value="3"></a> 
</body> 
</html> 

style.css:

* { 
    margin: 0; 
    padding: 0; 
} 

/* CSS Buttons: http://www.web4site.de/css/css-buttons.php */ 
.button { 
    padding:0; 
    margin:0; 
    border:none; 
    font-size:14px; 
    background: url(../img/button.gif) no-repeat center; 
    color: #000000; 
    height:27px; 
    width:134px; 
    font-variant:small-caps; 
} 

.button:hover { 
    padding:0; 
    margin:0; 
    border:none; 
    font-size:14px; 
    background: url(../img/button.gif) no-repeat center; 
    color: #FF0000; 
    height:27px; 
    width:134px; 
    text-decoration:none; 
    font-variant:small-caps; 
} 

.button_active { 
    padding:0; 
    margin:0; 
    border:none; 
    font-size:14px; 
    background: url(../img/button.gif) no-repeat center; 
    color: #FF0000; 
    height:27px; 
    width:134px; 
    font-variant:small-caps; 
} 

Bu öyle değil, çünkü çalışmıyor

+0

kabul etmek zorunda html – Sotiris

cevap

10

... ateş çalışıyor mantıklı (HTML 5'in açıkça bunu yasakladığını çok az hissetti).

bir bağlantı veya gerçekten istediğiniz hangisi Gönder düğmesi ve kullanılmasını istiyorsanız karar düzeltmek için (İpucu: Bir formu yok, bu yüzden bir düğme saçma gönderme).

+0

kendi sınırlamaları vardır Bir bağlantı gerekir ve (ile ve arka plan görüntüsü vb) biçimlendirilmesi için giriş türünü kullanmak çünkü benim için mantıklı. – Marc

+0

Bir bağlantıyı tıkladığınızda bir bağlantıyı takip edersiniz. Gönder düğmesine tıkladığınızda bir form gönderirsiniz. Bir bağlantının içindeki bir gönder düğmesine tıkladığınızda… aynı anda bir bağlantıyı takip edip bir form gönderir misiniz? Her ikisi de tarayıcıyı yeni bir URI'ye mi gönderiyor? Bu hiç mantıklı değil. – Quentin

+2

Bu senin problemin. Bir gönder düğmesi, bir form göndermek için bir şeydir, bir şey gibi görünmesini sağlamak için bir düşüncedir. Bir şeyi bir tuşa benzetmek istiyorsanız ** CSS ** kullanın. – Quentin

0

Place sarma form etiketin action="" bağlantı yeri.

İlk bağlantı olacaktır:

<form action="1.html"> 
    <input type="submit" class="button_active" value="1"> 
</form> 
+0

bağlantıları her giriş türü için aynı değildir -.- – Marc

+0

Girişler için veri göndermek istediğini varsayıyorum, bu nedenle üç farklı forma ihtiyaç duyulacaktır – Phil

11

Neden bir çapa içine Gönder düğmesini koymak isteyeyim? Bir form göndermeye veya farklı bir sayfaya gitmeye çalışıyorsunuz. Hangisi o?

Ya formu göndermek:

<input type="submit" class="button_active" value="1" /> 

Veya başka bir sayfaya gidin:

<input type="button" class="button_active" onclick="location.href='1.html';" /> 
+0

Bu bir sorun değil. Teşekkürler çok :) – Marc

+0

Sorun değil. Bu cevabı kabul etmekte özgürsünüz. ;) – Kon

0

Ben Quentin katılıyorum. Bunu neden yapmak istediğine dair mantıklı değil. Semantic Web konseptinin bir parçası. Gelecekteki entegrasyon/genişleme için web sitenizin hedeflerini planlamanız gerekmektedir. Başka bir web uygulaması veya web sitesi, uygun kullanım durumunu takip etmiyorsa içeriğinizle etkileşimde bulunamaz.

IE ve Firefox iki farklı hayvanlardır. IE'nin Firefox ve diğer standartlara duyarlı tarayıcıların reddetmesine izin verdiği birçok şey var.

aslında veriler daha sonra SAYI/CSS bir arada kullanın sunmadan düğmeler oluşturmak için çalışıyorsanız.

0
<a href="1.html"><input type="text" class="button_active" value="1"></a> 
<a href="2.html"><input type="text" class="button" value="2"></a> 
<a href="3.html"><input type="text" class="button" value="3"></a> 

Bunu deneyin. Gönderilen türle gerçekten uğraşmanız gerekmedikçe, verdiğim şey çalışmalıdır. Eğer teslim etmeyecekseniz, yukarıda belirtilen her şey doğrudur, hiçbir anlam ifade etmez.