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!