Nasıl bir DHTML menü oluşturmak için?

oy
0

Ben Belirtilen özelliklere sahip bir DHTML menü oluşturmak gerekir, ama bunu anlamaya olamaz. İşte gerekenler:

Tüm öğeler yatay dışarı koydu. Onlar ekran daha geniş olurdu, iki küçük oklar onu kaydırmak için izin menünün sağ tarafında görüntülenir. Böyle bir şey:

+--------+--------+-------+---+---+
| Item 1 | Item 2 | Item 3| < | > |
+--------+--------+-------+---+---+

Menü öğeleri yerde hücrede tıklanabilir olmalıdır. Onlar içeriğine dikey ve yatay hem germek gerekir. kalemlerinde metin dikey ve yatay hem ortalanmalıdır. Menü IE7 / Opera / FF / Safari çalışmalıdır.

Kaydırma kolay kısmı - Sadece bir kap içinde hepsini koyun (ki, <div>), konteynırı ayarlamak overflow: hiddenve daha sonra JavaScript oynayabilir clientWidth, scrollWidthve scrollLeft. Ben çözdüm zaten denedi O.

Ama nasıl her yerde ve ortalanmış metin, böylece esnek tıklanabilir menü öğelerini yapılır?

Oluştur 09/12/2008 saat 15:11
kaynak kullanıcı
Diğer dillerde...                            


3 cevaplar

oy
2

Aşağıdaki CSS deneyin:

#menu {
  display: table; 
}   
#menu a {
    display:table-cell; 
    vertical-align:middle;
}

Ve sonra menü gibi biçimlendirmek:

<div id="menu">
    <a href="#">normal text</a>
    <a href="#"><big>large text</big></a>
    <a href="#"><span style="line-height:100px;">very tall text</span></a>
</div>

Bu dikey hizalama kuvvet ve sarma bağlantıları önleyecektir. Bize bunu nasıl çalıştığını bildirin.

Cevap 09/12/2008 saat 15:18
kaynak kullanıcı

oy
-2

tıklanabilir yerde kolaydır: Eğer atom hücre elemanı onclick etkinlik tetikleyicisi (ve umarım bazı imleç stil) bağlayabilir veya takvimi atom hücre elemanların <a> etiketlerini yapabilirsiniz (veya daha büyük olasılıkla bu sarın <li>) ve bağlantı ve stil uygun (dolgu, marj, foo).

örneğin case 1:

<ul id="menu"><li class="item" onclick="foo()" style="cursor:pointer; cursor:hand; padding:1em; margin:1px; float: left;">FOO!</li></ul>

(Açıkçası ben gerçekten satır içi stil veya komut dosyası işleyicileri önermiyoruz ama fikir olsun)

etkili bir metni ortalar dolgu uygulanması ve hiçbir genişliği onlar doğal içeriklerini sığdırmak için açacağım atanan sahip.

Cevap 09/12/2008 saat 15:21
kaynak kullanıcı

oy
1

Tamam, üstlerimle konuştuk ve onlar değil bir menü öğesi sağ tıklayın ve "Yeni Pencerede Aç" seçebilirsiniz Tamam olabilir karar verdi. Bu gereklilik düşürülür, sonra bağlı değilim <a>bağlantılar için elemanlar. JavaScript ile bir bağlantı haline şey açabilirsiniz. Böylece ben, seni seçiyorum pikachoo <table> !

Yap, bu bir sapkınlık var, ama işe yarıyor. Daha açık belirtmek gerekirse, ben aynı anda aşağıdakilerin tümünü yapabilirsiniz düşünebildiğim tek yapı var:

  • Yatay ve dikey Merkezi metni;
  • yatay ve dikey olarak içeriğine Stretch;
  • ürün taşma başlıyor bir sonraki satıra atlamaz.

Aynı yapabileceğim başka birşey muhtemelen daha zaten convulted edilecektir. Herkes fikri vardır varmadan - hayır, arama motoru desteğe ihtiyacı yoktur. Bu bir iç web uygulaması var. O endeks tarihinde gelse oldukça kötü olurdu ...

Cevap 09/12/2008 saat 16:12
kaynak kullanıcı

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more