• Guest, before posting your code please take these rules into consideration:
    • It is required to use our BBCode feature to display your code. While within the editor click < / > or >_ and place your code within the BB Code prompt. This helps others with finding a solution by making it easier to read and easier to copy.
    • Don't share a wall of code. All we want is the problem area, the code related to your issue.


    To learn more about how to use our BBCode feature, please click here.

    Thank you, Code Forum.

HTML & CSS easy border problem

H

Hasan27

New Coder
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 :/
 
Sort by date Sort by votes
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.
 
Upvote 0 Downvote
Oh, yeah. I forgot we were a Community(Nah, didn't forget that we were a Community. I just wanted it for myself because I forgot that other people existed on the Internet).
 
Upvote 0 Downvote
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.
 
Upvote 0 Downvote
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?
 
Upvote 0 Downvote
Top Bottom