HTML liste yaparken düz olma sorunu

Katılım
24 Mart 2020
Mesajlar
1.252
Makaleler
1
Çözümler
2
Olması gereken girintili çıkıntılı olan lakin benim ki dümdüz olmakta aşağıda yazdıklarım bulunuyor bir inceler misiniz ne yanlış?
 

Dosya Ekleri

  • Ekaran Alıntısı.PNG
    26,5 KB · Görüntüleme: 122
  • Ekran Alıntısı.PNG
    4,4 KB · Görüntüleme: 94
  • Ekran Alınatısı.PNG
    3,2 KB · Görüntüleme: 87
noktaları el ile yazmak yerine, tab bırakarak deneyin. Boşlukları doldurmak ile ilgili bir şey olabilir mi bilmiyorum. Zira Word üzerinde iken tab seçeneklerinden ayarlanan bir özellik.
 
Olması gereken girintili çıkıntılı olan lakin benim ki dümdüz olmakta aşağıda yazdıklarım bulunuyor bir inceler misiniz ne yanlış?
Buyrun

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lokanta</title>
</head>
<body>
<h3 style="color: red;">LOKANTA MENÜ</h3>
<ol>
<li><b>Çorbalar</b>
<ol type="a">
<li>Ezogelin.............5₺</li>
<li>Mercimek...........5₺</li>
<li>Tavuk Suyu........5₺</li>
<li>İşkembe..............6₺</li>
</ol>
</li>
<br>
<li><b>Ana Yemekler</b>
<ol>
<li type="A">Sebzeliler</li>
<ol type="i">
<li>Ispanak.............7₺</li>
<li>Karnabahar.......6₺</li>
</ol>
<li type="A">Etliler</li>
<ol type="I">
<li>Karnıyarık..........9₺</li>
<li>Ali Nazik...........10₺</li>
<li>Pideli Köfte.......12₺</li>
</ol>
</ol>
</li>
<br>
<li><b>Tatlılar</b>
<ol>
<li type="a">Sütlü Tatlılar</li>
<ul type="square">
<li>Sütlaç.............6₺</li>
<li>Kazandibi.......6₺</li>
</ul>
<li type="a">Şerbetli Tatlılar</li>
<ul type="circle">
<li>Cevizli Baklava.....8₺</li>
<li>Tulumba................5₺</li>
</ul>
</ol>
</li>
</ol>
</body>
</html>
 
Hepsi aslında birbiriyle birbirine bağlı. Sen çorbaların içine bir şey daha katmak istiyorsan <ol>çorbalar</ol> içine bir <ol> daha açman gerek ki böyle iç içe girsin.
 
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…