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
    Ekaran Alıntısı.PNG
    26,5 KB · Görüntüleme: 122
  • Ekran Alıntısı.PNG
    Ekran Alıntısı.PNG
    4,4 KB · Görüntüleme: 94
  • Ekran Alınatısı.PNG
    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>
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>
Ek Açıklama 2020-08-22 125039.jpg
 
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.
 
Uyarı! Bu konu 6 yıl önce açıldı.
Muhtemelen daha fazla tartışma gerekli değildir ki bu durumda yeni bir konu başlatmayı öneririz. Eğer yine de cevabınızın gerekli olduğunu düşünüyorsanız buna rağmen cevap verebilirsiniz.

Technopat Haberler

Geri
Yukarı