View Full Version : Space between bottom of images and table cell...


neonick5647
03-12-2006, 12:13 AM
Hi! I have images in a table cell and I want them to be all the way at the bottom of it. I used the valign="bottom" tag, the vspace=0 tag, and everything else I can think of and there is still space between the bottom of the image and bottom of the table. Why? Can you help me please?

Ready
03-12-2006, 01:35 AM
what is the page (or code)?

neonick5647
03-12-2006, 03:27 AM
<html>
<head>
<title>Bob Comics</title>

<LINK href="stylesheet.css" rel="stylesheet" type="text/css">




</head>


<body>
<center>
<table border="0" width="700" cellpadding="0" cellspacing="0">
<tr>
<td width="300" height="75" bgcolor="#e0e0e0">

<div align="left">
<a href="index.html"><img src="http://img.photobucket.com/albums/v255/neonick5647/BOB%20COMICS/logo.gif" border=0></a>
</div>

</td>
<td valign="bottom" width="400" height="75" bgcolor="#e0e0e0">

<div align="right">
<a href="index.html"><img src="http://img.photobucket.com/albums/v255/neonick5647/BOB%20COMICS/mouse-home.gif" border=0 vspace=0></a>
<a href="index.html"><img src="http://img.photobucket.com/albums/v255/neonick5647/BOB%20COMICS/mouse-comics.gif" border=0 vspace=0></a>
<a href="index.html"><img src="http://img.photobucket.com/albums/v255/neonick5647/BOB%20COMICS/mouse-fanart.gif" border=0 vspace=0></a>
<a href="index.html"><img src="http://img.photobucket.com/albums/v255/neonick5647/BOB%20COMICS/mouse-links.gif" border=0 vspace=0></a>
<a href="index.html"><img src="http://img.photobucket.com/albums/v255/neonick5647/BOB%20COMICS/mouse-contact.gif" border=0 vspace=0></a>

</div>

</td>

</body>



</html>

the problem occurs with all of the images linking to "index.html"

neonick5647
03-12-2006, 02:31 PM
hmm...this problem is weird because cellpadding tag won't even work!

luvhartz
03-12-2006, 02:37 PM
try not to double post :). Can you post the link to the page it may be your CSS
Thanks

neonick5647
03-12-2006, 07:13 PM
sorry about the doulbe post :( I couldn't edit it anymore....anyway the style sheet is linked from the page, but this is my style sheet:

p table{text-align:center}font{color:000000;font:10px verdana}body, td, p{color:000000;font-family:verdana;font-size:10px;line-height:18px;
letter-spacing:.5px}b{font-weight:heavy}



A:link
{ text-decoration: underline; color:#000000; }
A:visited
{ text-decoration: underline; color:#000000; }
A:active
{ text-decoration: underline; color:#000000; }
A:hover
{ text-decoration: none; color:#000000; }



body
{ background: #FFFFFF;
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
background-attachment: fixed; }

does this help?

neonick5647
03-13-2006, 09:43 PM
Sorry about the double post....I couldn't edit the one before. Here is the link to the page I am talking about:

http://bobcomics.50webs.com/version2.html

The images I want at the bottom of the table are the grey tab images.

neonick5647
03-15-2006, 12:41 AM
I got the problem to work fine in mozilla firefox, but it still doesn't work in internet explorer...help!