- Katılım
- 14 Kas 2024
- Mesajlar
- 1,258
- Tepkime puanı
- 2
- Puanları
- 38
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;
Uygulanacak HTML kodu;
Resimleri kodlama yaparken html ve css kodları ile yanyana ekleyebilirsiniz aşağıdaki kodları kendinize göre düzenlemeniz yeterli olacaktır.
Css Kodu;
Kod:
ul {overflow:hidden;}
ul li {float:left; margin-right:20px;}
ul li img {border:2px solid #000;}
.clear {clear: both}
Kod:
<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>