Yahoo Answers is shutting down on May 4th, 2021 (Eastern Time) and beginning April 20th, 2021 (Eastern Time) the Yahoo Answers website will be in read-only mode. There will be no changes to other Yahoo properties or services, or your Yahoo account. You can find more information about the Yahoo Answers shutdown and how to download your data on this help page.
Trending News
Help with background images in html tables?
I am working on a site, and i want to have the able look like one image, but with different rows.
I've made 2 images, one is 100 x 35 (header image) the other is 100x 65 (footer image)
The problem i am having is that there is a small white space between the images.
here is the code I have for the page.
<html>
<head>
<STYLE TYPE="text/css">
tr.header
{
background-image: url('tableheader.gif');
}
tr.footer
{
background-image: url('tablefooter.gif');
}
td.footer{
padding-left: 8px;
}
td.header{
padding-left:8px;
}
</STYLE>
</head>
<body>
<table background="table backgound.png" width="100" cellspacing="0" height="100" >
<tr class="header"><td class="header"> Hello World!</td></tr>
<tr class="footer"><td class="footer"> This is some content</td></tr>
</table>
</body>
</html>
Can some one help me get rid of the small white gap between the header and footer?
Thanks for the input Kyle, but it didn't seem to help.
4 Answers
- AibreanStudioLv 61 decade agoFavorite Answer
Get rid of your tables. Tables are crap for layout and they should only be used for data.
This is a lot cleaner code (obviously Yahoo doesn't allow full strings but you get the idea):
<html>
<head>
<STYLE TYPE="text/css">
.footer{padding-left: 8px;
background-image: url('tablefooter.gif');}
.header{padding-left:8px;
background-image: url('tableheader.gif');}
</STYLE>
</head>
<body>
<div class="header">Hello World!</div>
<div class="footer">This is some content</div>
</body>
</html>
Source(s): Myself - web designer - ?Lv 45 years ago
stick your table interior a div tag and supply the div tag the historic past image. <div type="bg"> table e7d77a26e7f7b6ff52c489c60e429b1626726e6bd1215f36719a308a25b798626726e6bd1215f36719a308a25b798e7d77a26e7f7b6ff52c489c60e429b1 e7d77a26e7f7b6ff52c489c60e429b1626726e6bd1215f36719a308a25b798626726e6bd1215f36719a308a25b798e7d77a26e7f7b6ff52c489c60e429b1 e7d77a26e7f7b6ff52c489c60e429b1626726e6bd1215f36719a308a25b798626726e6bd1215f36719a308a25b798e7d77a26e7f7b6ff52c489c60e429b1 table /div div.bg { historic past-image:url('your photos document direction.png'); historic past-repeat:no-repeat; } do you could use table's are you showing records in column format?
- 1 decade ago
Try doing this in your style:
*{
margin:0;
padding:0;
}
Source(s): http://www.acfconsulting.com/ - Anonymous1 decade ago
Please read the html help blog
