HTML

HTML Tablo Genişliği Ayarlama

Oluşturduğumuz HTML Tablolarının genişliğini ayarlamak için iki etiketin stil tanımını düzenlemek yeterli olacaktır. Tüm tablonun genişliği ile ilgili bir değişiklik yapılacaksa <table> etiketi için stil düzenlemesi yapmak, sadece bir sütunun genişliği ile ilgili bir düzenleme yapılacaksa o sütundaki her hangi bir hücrenin genişliğini düzenlemek yeterli olacaktır. Aşağıdaki örneklerde bir kaç tane farklı örnek mevcuttur.

 

Örnek 1: Tablonun içinde bulunduğu alanın %50’si kadar alan kaplamasını sağlayalım (body içinde olduğu için body içindeki alının %50si kadar yer kaplayacaktır).

 

Örnek 2: Tablonun genişliğini 250px genişliğinde yapalım.

 

Örnek 3: Tablodaki genişliğini 250px ikinci hücrenin genişliğini 50px yapın.

 

Örnek 4: Tablodaki genişliğini 250px ikinci hücrenin genişliğini 50px yapın ve ikinci satırın yüksekliğini 100px yapın.

 

 

Yorum bırak