Resimleri Yan Yana Dizme HTML (CSS Destekli)

Full Nvme SSD Disk Desteği Sayesinde Çok Daha Hızlı Web Siteleri! 7/24 Destek. Ücretsiz Antispam Koruma. Ücretsiz Domain. Anında Aktivasyon
Ad
Soyad
Katılım
18 Ağustos 2023
Konum
Ankara
 /
Yaş
26
Konular
33
Mesajlar
43
Beğeniler
4
 /
WBN+
8
Ticaret - 0%
0   0   0
  
iletişim
Meslek
Ruhen İşsiz
Detay  
Meslek
Ruhen İşsiz
Üyelik tipi
  1. Bireysel
Merhaba

Resimleri kodlama yaparken html ve css kodları ile yanyana ekleyebilirsiniz aşağıdaki kodları kendinize göre düzenlemeniz yeterli olacaktır.

Css Kodu;
CSS:
ul {overflow:hidden;}
ul li {float:left; margin-right:20px;}
ul li img {border:2px solid #000;}
.clear {clear: both}

Uygulanacak HTML kodu;
HTML:
<ul>
   <li><img src="resim url adres" alt="alt yazısı buraya" title="title yazısı buraya" width="genişlik boyutu piksel" height="yükseklik boyutu piksel"></li>
   <li><img src="resim url adres" alt="alt yazısı buraya" title="title yazısı buraya width="genişlik boyutu piksel" height="yükseklik boyutu piksel"></li>
   <li><img src="resim url adres" alt="alt yazısı" title="title yazısı yazısı buraya" width="genişlik boyutu piksel" height="yükseklik boyutu piksel"></li>
   <li><img src="resim url adres" alt="alt yazısı" title="title yazısı yazısı buraya" width="genişlik boyutu piksel" height="yükseklik boyutu piksel"></li>
   <li><img src="resim url adres" alt="alt yazısı" title="title yazısı yazısı buraya" width="genişlik boyutu piksel" height="yükseklik boyutu piksel"></li>
   <li class="clear"></li>
</ul>
 
Üst