Etkin bir sekmeyi vurgulama - CSS

CSS kullanarak küçük bir sekmeli gezinme kurulumum var. Sekmelerin üzerinde gezinirken renk değişiyor, harika. Ancak bir sekmeyi tıklattığımda ve karşılık gelen sayfaya gittiğimde, bu sekmeyi (etkin sekme?) Vurgulanmış olarak geçerli sayfanın belirtildiğini belirtmek isterim.Etkin bir sekmeyi vurgulama - CSS

Şu anda bunu bir sınıf (.currenttab) kullanarak ve sonra bu sınıfı her HTML dosyasında kullanarak yapıyorum. Ben kullanmıyorum:

active

bana değil, her bir HTML dosyasında bir sınıf kullanmak yerine, aktif kullanmak için bir yol var mı, yoksa ne ben doğru yapıyorum?

Önceden teşekkür ederiz.

kaynak

2008-12-31 Ronnie

Kişisel sorudan brainjar Demo
Daha doesn şunlardır: Aktif niteliğini aranırken ben tam bir açıklama koştu Tamamen açık hale getirmeyin, bu yüzden sadece sizin olmamanıza dikkat edin, css sınıflarını ayrı bir .css dosyasına koyduğunuzdan emin olun ve bunu her bir html sayfanıza dahil edin, böylece sınıfları yeniden tanımlamayın. – RSlaughter

Üzgünüm, ne demek istediğini tam olarak anlamadım. Şu anda .currenttab sınıfı dahil olmak üzere her şey için bir stil sayfası var. Her bir HTML dosyasında, ilgili liste öğesine (navigasyon öğesi) atanan bir sınıfa sahip olurum. Bu yanlış mı? – Ronnie

Yaptığınız şey doğru. :active sözde seçici, başka bir anlama gelir - bir kontrolün etkinleştirilmesi olayı (yani, bir kullanıcı arasındaki zaman, fare düğmesine basar ve serbest bırakır).

Seçilen öğeyi belirtmek için bir sınıf kullanmak gitmek için bir yoldur.

kaynak

2008-12-31 15:06:00

Hızlı yanıt için teşekkür ederiz. – Ronnie

İdeal olmaktan çok uzaktır, ancak her sayfayı ve her sekmeyi bir kimlik verirseniz, vurgulamayı html yerine css olarak tanımlayabilirsiniz.

Highlighting Current Page With CSS

A site I designed with this technique (sayfa, değil sekmeler) İşte

kaynak

2008-12-31 15:09:02

kimlikleri ile gerçekten ağır gerek yok, sınıflar yeterli olacaktır, ancak bu yaklaşım size paranın karşılığını en büyük patlama olacak. Daha gelişmiş HTML/css'ye doğru hareket etmeye başladığınızda, beden etiketine sınıf ekleme kullanımı çok daha iyi bir uygulama olacaktır. –

biraz daha örnekler Brainjar

kaynak

2008-12-31 15:11:18

Beyin çağı demosu HTML içinde bir .current sınıfı mı yoksa yukarıdaki Justin tarafından tanımlanan yöntemi mi kullanıyor? – Ronnie

Sanırım kaynakta göründüğü gibi .active kullanıyordu. –

Etkin bir sekmeyi vurgulama - CSS

cevap

İlgili konular