listeler nasıl hızalanır?

23-02-2017, 13:04:24

Merhabalar;

sitemde sinemadaki filmleri listelemek istiyorum:

<ul>
<li>film adı</li>
<li>saati</li>
</ul>

<ul>
<li>film adı</li>
<li>saati</li>
</ul>

şeklinde tablo kullanmadan yapmaya çalışıyorum fakat film saatini girdiğim 2. li üstteki ile aynı hıza da başlayacak şekilde ayarlayamadım li etiketleri css de hangi komutla hızalanır?
ekran görüntüsü:

KODLAR:
css:

ul.sinema li{
	display: inline;
	vertical-align: bottom;
	list-style-type: none;
}

html:

<div class="ekap">
<h1 itemprop="name">Mersin Sinemalar, Sinema Seansları:</h1>
<h2>CINEMARINE (MERSİN)</h2>
<ul class="sinema">
  <li>Fırıldak Ailesi</li>
  <li>11:00 - 13:00</li>
</ul>
<ul class="sinema">
  <li>Halka 3</li>
  <li>11:00 - 19:30 - 21:45</li>
</ul>
<ul class="sinema">
  <li>John Wick 2</li>
  <li>18:00</li>
</ul>
<ul class="sinema">
  <li>Karanlığın Elli Tonu</li>
  <li>11:30 - 14:00 - 16:30 - 19:00 - 21:30</li>
</ul>
<ul class="sinema">
  <li>Recep İvedik 5</li>
  <li> 12:00 - 14:30 - 17:00 - 19:30 - 22:00</li>
</ul>

  
</div>

24-02-2017, 00:33:11

#2

cesalp

http://codepen.io/Cesalp/pen/bqGaaY

kodlarda bi sıkıntı yok

24-02-2017, 01:29:17

#3

seogrenci

Film adlarına belirli bir genişlik verebilirsiniz.

Buyrun;

http://codepen.io/anon/pen/wJvyXN

Ancak film adı uzun olursa uzun olan film adında sıkıntı çıkabilir. Bundan dolayı genişliği iyi ayarlamalısınız.

VeLi33 adlı üyeden alıntı: mesajı görüntüle

Merhabalar;

sitemde sinemadaki filmleri listelemek istiyorum:

<ul>
<li>film adı</li>
<li>saati</li>
</ul>

<ul>
<li>film adı</li>
<li>saati</li>
</ul>

şeklinde tablo kullanmadan yapmaya çalışıyorum fakat film saatini girdiğim 2. li üstteki ile aynı hıza da başlayacak şekilde ayarlayamadım li etiketleri css de hangi komutla hızalanır?
ekran görüntüsü:

KODLAR:
css:

ul.sinema li{
	display: inline;
	vertical-align: bottom;
	list-style-type: none;
}

html:

<div class="ekap">
<h1 itemprop="name">Mersin Sinemalar, Sinema Seansları:</h1>
<h2>CINEMARINE (MERSİN)</h2>
<ul class="sinema">
  <li>Fırıldak Ailesi</li>
  <li>11:00 - 13:00</li>
</ul>
<ul class="sinema">
  <li>Halka 3</li>
  <li>11:00 - 19:30 - 21:45</li>
</ul>
<ul class="sinema">
  <li>John Wick 2</li>
  <li>18:00</li>
</ul>
<ul class="sinema">
  <li>Karanlığın Elli Tonu</li>
  <li>11:30 - 14:00 - 16:30 - 19:00 - 21:30</li>
</ul>
<ul class="sinema">
  <li>Recep İvedik 5</li>
  <li> 12:00 - 14:30 - 17:00 - 19:30 - 22:00</li>
</ul>

  
</div>