HTML sayfa'da kategorilere alt kategori ekleme nasıl yapılır ?

Cevaplar

• 

  11 yıl önce yazılmış

  bensedat18

  39 cevap - 52 soru
  alt kategori mantığına ilişkin çeşitli yöntemler var ama ben şu şekilde yapıyorum. kategori ve alt kategori tablolarım var diyelim.
  
  kategori tablosu şu şekilde
  
  id kategoriadi
  1 fashion
  2 clothing
  
  
  alt kategori tablosu şu şekilde
  
  id kategoriid altkategoriadi
  1 1 renkler
  2 1 modeller
  
  olsun. burda id'si 1 olan fashion kategorisine id numarası üzerinden iki adet alt kategori eklemiş olduk (renkler, modeller). o kategoriye ilişkin alt kategorileri seçerken bu id numarası aracılığıyla ilişkilendirerek işlemimizi yaptırabilmemiz mümkün. umarım anlatabilmişimdir.
• 

  11 yıl önce yazılmış

  sharq

  115 cevap - 124 soru
  anlaşılan dinamik bir site değilyani herşeyi elinle yapacaksın görsellik açısından güzel olsun istiyorsan
  css ve jquery kullanabilirsin şuan ben sana css ve html ile yapacağım birazdaha araştırarak görsellik katabilirsin önemli olan mantığını anlaman
  
  HTML DOSYASI
  
  
  

  <ul class="kategori">
      <li><a href="sayfalinki">Ana Kategori 1</a>
          <ul>
              <li><a href="altkategorilinki">Alt Kategori1</a></li>
              <li><a href="altkategorilinki">Alt Kategori2</a></li>
              <li><a href="altkategorilinki">Alt Kategori3</a></li>
          </ul>
      </li>
      <li><a href="sayfalinki">Ana Kategori 2</a>
          <ul>
              <li><a href="altkategorilinki">Kategori 2 alt kategori</a></li>
          </ul>
      </li>
      <li><a href="sayfalinki">Ana Kategori 3</a>
          <ul>
              <li><a href="altkategorilinki">kategori3 alt kategorisi</a></li>
          </ul>
      </li>
      <li><a href="sayfalinki">Ana Kategori 4</a>
          <ul>
              <li><a href="altkategorilinki">kaetgori4 alt kategorisi</a></li>
          </ul>
      </li>
  </ul>
  

  
  
  
  CSS DOSYASI
  
  
  

  .kategori { margin:0px; padding:0px; list-style:none; }
  .kategori li a { display:block; padding:3px; margin:0px; color:#000; }
  .kategori li ul { display:none; margin:0px; padding:0px; list-style:none; }
  .kategori li ul a { color:#555;}
  .kategori li:hover ul { display:block;}