Anasayfa / Web Tasarım / Css / Html ve Css Kullanarak Dikey Açılır Menü Yapımı
dikey açılır menü yapımı

Html ve Css Kullanarak Dikey Açılır Menü Yapımı

Site tasarımı yaparken bazen iç içe geçmiş birçok kategori bulunabilir, böyle durumlarda açılır menü kullanmak kullanıcıların aradığını daha rahat bulmalarını sağlar. Bu dersimizde sadece html ve css kullanarak dikey bir açılır menü yapacağız.

Her ne kadar yeterli html ve css bilginiz olsa da, açılır menüler çok fazla kullanılmadığı için bir biri içerisine geçmiş ul, li ve a etiketlerini düzenlemek vakit kaybına neden olabiliyor. Bu nedenle yazımda kod karmaşası olmadan basit bir açılır menü yapmak istedim. Kodlar üzerinde küçük değişiklikler yaparak istediğiniz menüyü kolayca elde edebilirsiniz.

index.html

stil.css

Açılır menü yaparken en sık hata yapılan kısım açılan menü kısmında ki  li  etiketinin kapatıldığı yerdir. Ayrıca menünün genişliği değiştirildiğinde açılır menünün başlangıç noktası da değiştirilmelidir.

İlginizi Çekebilir!

css dersleri

CSS Dersleri 3: Font ve Text Özellikleri

Css derslerimize kaldığımız yerden devam ediyoruz, bu dersimizde CSS ile Text ve Font özelliklerini anlatmaya ...

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Time limit is exhausted. Please reload the CAPTCHA.