HTML CSS Need help easy border problem

Hasan27

New Coder
Sep 9, 2019
1
0
1
HTML:
<table border="2" cellspacing="0" cellpadding="0" align="center">



  <tr>

   <td colspan="2" height="50" background="../images/spiderman-latest.jpg"><img src="../images/emoji.jpg" ></td>

  </tr>

  <tr>

   <td width="160" height="100">

   <table width="160" height="100" cellspacing="0" cellpadding="0">

    <tr>

     <td bgcolor="#00ff00"><a href="../../htmlcss/html/7-1.html" target="cerceve">7-1 game</a></td>

    </tr>   

    <tr>

     <td bgcolor="#00ff00"><a href="../../htmlcss/html/8-1.html" target="cerceve">8-1 google</a></td>

    </tr>

   </table>

 

   </td>

 

   <td width="340"><iframe width="340" height="100" frameborder="0" name="cerceve" src="örümcek.html" scrolling="no"></iframe> </td>

  </tr>

  <tr>

   <td colspan="2" height="50"></td>

  </tr>



</table>
and this is örümcek.html
HTML:
<!DOCTYPE html>

<html>

<head>

<meta charset="utf8">

<title>bug head</title>

</head>



<body>

<img src="../images/spiderman-latest.jpg" width="340" height="90" alt="örümcek adam">

</body>
aaandd photo
Ekran Alıntısı2.PNG

why spiderman's frame's side is White, why not spiderman doesn't cover the whole board?
sorry about my english :/
 

Dan-Kode

Coder
Sep 7, 2019
47
10
18
I'm going to be honest, I'm having a hard time trying to figure this one out. If you could send me the Image Files via PM and let me have a look at the Source Code then I'll try and find a Solution.

Thank you.
 

Malcolm

Administrator
Administrator
Jan 2, 2018
988
268
75
Canada
codeforum.org
Do you mean the white space between the image and your table border?
 

Dan-Kode

Coder
Sep 7, 2019
47
10
18
I do believe that's what he's referring to. Now, I would come up with a Solution for this. But the Code-Snippets he shared aren't Formatted well, not to mention we'd need all of the Source-Code(And Images) to figure out what's going on.
 

joe

New Coder
Aug 21, 2019
19
7
3
Hi @Hasan27,

Its difficult to figure this out without looking at the rendered page.
But what I can see is the difference in heights that you have applied.
You have applied height of 100 to the <iframe...> tag while the height of the <img..> in you örümcek.html is 90.
May be, this is causing the white space on top and bottom. I am still not sure of the space on sides though.

Can you upload the files somewhere and give a link so we can check it?