HTML resim ile hücre arasındaki boşluk

yaraliordek

Hectopat
Katılım
21 Mayıs 2021
Mesajlar
4.886
Makaleler
3
Çözümler
15
Daha fazla  
Cinsiyet
Erkek
Sadece HTML kullanarak bir site örneği yapıyorum, tablonun bir hücresine resim ekliyorum, ama hücrenin tam ortasında duruyor ve küçük görünüyor, width ve height kullanarak boyutunu ayarladığımda hücre de aynı şekilde büyüyor ve değişen bir şey olmamış oluyor.
 
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Anasayfa</title>
</head>
<body background="/Resimler/siyah yeşil arkaplan.jpg">
    <table align="center" border="10" bordercolor="green">
        <tr bgcolor="black">
            <th colspan="5"> <img src="/Resimler/yeşil siyah banner.jpg" width="1000"></th>

        </tr>
        <tr align="center" bgcolor="black" align="center">
            <td height="40" width="200"><a href="/HTML/OYUN HABER SİTESİ/OYUN HABER SİTESİ ANASAYFA.html">Anasayfa</a></td>
            <td height="40" width="200"><a href="/HTML/OYUN HABER SİTESİ/OYUN HABER SİTESİ OYUN MAĞAZALARI.html">Oyun Mağazaları</a></td>
            <td height="40" width="200"><a href="/HTML/OYUN HABER SİTESİ/OYUN HABER SİTESİ POPÜLER OYUNLAR.html">Popüler Oyunlar</a></td>
            <td height="40" width="200"><a href="/HTML/OYUN HABER SİTESİ/OYUN HABER SİTESİ İNDİRİMDEKİ OYUNLAR.html">İndirimdeki Oyunlar</a></td>
            <td height="40" width="200"><a href="/HTML/OYUN HABER SİTESİ/OYUN HABER SİTESİ OYUNCU EKİPMANLARI.html">Oyuncu Ekipmanları</a></td>
        </tr>
        <tr align="center" bgcolor="black">
            <td><a href="https://store.steampowered.com/?l=turkish"><img src="/Resimler/Steam logo normal.png" width="50" height="50"></a></td>
            <td height="800" colspan="3" rowspan="4" ><font color="green">2</font></td>

            <td><a href="https://store.epicgames.com/tr/"><img src="/Resimler/Epic Games Logo.png" alt="Epic Games" width="50" height="50"></a></td>
        </tr>
        <tr align="center" bgcolor="black">
            <td><a href="https://www.ea.com"><img src="/Resimler/ea games logo.png" alt="Ea Gaöes" width="50" height="50" ></a></td>
            <td><font color="green">7</font></td>

        </tr>
        <tr align="center" bgcolor="black">
            <td><font color="green">11</font></td>
            <td><font color="green">12</font></td>

        </tr>
        <tr align="center" bgcolor="black">
            <td><font color="green">16</font></td>
            <td><font color="green">17</font></td>

        </tr>
        <tr bgcolor="black" align="center">
            <td colspan="5" > <font color="green"> Tüm Telif Hakları Sakldır.</font> </td>
        </tr>
kodu atabilirseniz yardımcı olmaya çalışırım.
 
Hücrenin boyutunu ayarlamadığınız için içindeki resim büyürse hücre de büyür.
Kullandığınız resimin boyutuyla da alakalı tabii.
td'ye belli bir genişlik ve yükselik verip img etiketine şunları yazın;

HTML:
width="100%" height="100%" style="object-fit:cover;"
 

Technopat Haberler

Geri
Yukarı