|
|
|||||||||
|
|||||||||
| |||||||||
|
|
|
| |||||||||
![]() |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
|
#1
|
|||
|
|||
|
Good morning
I have a table where I'm placing individual images in each of the cells. For some reason I am getting space in between the cells so that the images don't line up correctly. I've checked that the dimensions of the table and the cells are correct and the align/valign tags are all fine. I'm using cellspacing 0 and cellpadding 0 in the <table> tag but yet am still getting this white space. This is probably easily solved but I'm new to HTML and could really use some guidance here. Thanks in advance for any and all assistance. Kevin |
|
#2
|
|||
|
|||
|
Best thing to do would be to provide a link to your code wo people here could look at it. But some things to look for: did you spell cellpadding and cellspacing properly in your table? Are the images the same size? Are the cells the same size?
|
|
#3
|
|||
|
|||
|
Ok thanks... here's the code. I'm using Cold Fusion Studio 4.0 for editing and letting it take care of the syntax so I don't think cellpadding / cellspacing are misspelled, still...
<table width="680" border="0" cellspacing="0" cellpadding="0" align="CENTER" valign="MIDDLE" nowrap> <!--- Start Row 1 600 wide for Logoname & Location in Site ---> <tr align="middle"> <td width="680" align="middle" valign="center"> <img src="../images/headerimage.gif" width=680 height=120 border=0 alt=""> <!--- <img src="../images/vertspacer120x1.gif" width=1 height=120 border=0 align="left" alt=""> ---> </td> </tr> <!--- End Row 1 ---> <!--- End Header Table---> </table> <table width="680" border="0" cellspacing="0" cellpadding="0" align="CENTER" valign="MIDDLE"> <!--- Start Row 1 160 wide for Navigation---> <tr align="LEFT" valign="TOP"> <!-- R1C1--> <td align="LEFT" valign="BOTTOM" nowrap> <A href="index.asp" onmouseout="inact('home')" onmouseover="act('home')"><img src="../images/home_off.gif" name=home width=160 height=20 border=0 alt="" align="left"></a> </td> <!-- R1C2--> <td align="LEFT" valign="BOTTOM" nowrap> <img src="../images/navcurvetop.gif" width=80 height=20 border=0 alt="" align="left"> </td> <!-- R1C3--> <td width="440" align="middle" valign="center"> </td> </tr> <!-- End ROW 1--> <!--Begin ROW2--> <tr align="LEFT"> <!-- R2C1--> <td width="160" align="LEFT" valign="BOTTOM" nowrap> <A href="labinfo.asp" onmouseout="inact('labinfo')" onmouseover="act('labinfo')"><img src="../images/labinfo_off.gif" name=labinfo width=160 height=20 border=0 alt="" align="left"></a> </td> <!-- R2C2--> <td width="80" align="LEFT" valign="BOTTOM" nowrap> <img src="../images/navcurvemid.gif" width=80 height=20 border=0 alt="" align="left"> </td> <!-- R2C3--> <td width="440" align="middle" valign="center"> </td> </tr> <!-- End ROW 2--> <!--Begin ROW3--> <tr align="left"> <!-- R3C1--> <td width="160" align="LEFT" valign="BOTTOM" nowrap> <A href="safety.asp" onmouseout="inact('safety')" onmouseover="act('safety')"><img src="../images/safety_off.gif" name=safety width=160 height=20 border=0 alt="" align="left"></a> </td> <!-- R3C2--> <td width="80" align="LEFT" valign="BOTTOM" nowrap> <img src="../images/navcurvebot.gif" width=80 height=20 border=0 alt="" align="left"> </td> <!-- R3C3--> <td width="440" align="middle" valign="center"> </td> </tr> <!-- End ROW 3--> |
|
#4
|
|||
|
|||
|
This would've been easier... sorry for the spam:
http://www.microbia.com/test/htdocs/indextest.html Thanks for any and all guidance... Kevin |
|
#5
|
|||
|
|||
|
Valign your top image to the bottom and your other images to the top.
Also specify widths for all of your table cells. Use the widths of the images to do this. That should fix it. |
|
#6
|
|||
|
|||
|
I've resolved it. I just needed to add hspace=0 and vspace=0 to all the image tags and it aligned correctly. Thanks for the suggestions...
Kevin |
![]() |
| Viewing: Dev Shed Forums > Web Design > HTML Programming > CELLPADDING / SPACING ??? |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
|
|