Dreamweaver Gods only....HELP!

stryker898 · #1 10-06-2003, 05:05 PM

Ok I created an image (head title) in Fireworks now I want to place in Dreamweaver. I broke the image up into 3 sections, so that I can expand and collapse.

When I inserted the image in Dreamweaver I used 3 different <td> so my code look like this:

Quote:

<table blah blah blah>
<tr>
<td>image one</td>
<td>image two</td>
<td>image three</td>
</tr>
</table>

The problem is there is a SPACE between 'Image One' and 'Image Two' and I can't figure out how to get rid of it.

If your asking why dont I just place the whole image together, well because I am trying to put a filler image (not spacer) between image one and image two, so the code would look like this:

Quote:

<table blah blah blah>
<tr>
<td>image one</td>
<td>filler image that I want to repeat to expand and collapse</td>
<td>image two</td>
<td>filler image that I want to repeat to expand and collapse</td>
<td>image three</td>
</tr>
</table>

For now I would just appreciate info on how to close the space between two images. I'll tackle the repeating image later. Any help is appreciated.
Chris

shan · #2 10-06-2003, 05:09 PM

set definate widths for the cells with image 1 and 3 (set them the same width as the images within them) and then set image 2 as the background to cell 2. make the table 100% wide and dont set any widths to cell 2 then bobs yer uncle

stryker898 · #3 10-06-2003, 06:08 PM

Did what you said and it works...somewhat this is the code

Code:

<table width="100%">
  
  <tr> 
    <td width="412" valign="top">[img]file:///D|/xxxx/xxxx/logotopleft.jpg[/img]</td>
	<td width="100%"></td>
    <td width="174" valign="top">[img]file:///D|/xxxx/xxxx/logotopright.jpg[/img]</td>
  </tr>
</table>

There is a style sheet you cant see that is applied to the whole table not just Image 2 <td>. Couldnt figure this one out but anyway I previewed this is the browser and I still have a small gap between Image 1 and 2; 2 and 3. I can't seem to get rid of this. Any more suggestions, thanks

Chris

funkydunk · #4 10-06-2003, 09:57 PM

Quote:

Originally Posted by stryker898

Did what you said and it works...somewhat this is the code

Code:

<table width="100%">
  
  <tr> 
    <td width="412" valign="top">[img]file:///D|/xxxx/xxxx/logotopleft.jpg[/img]</td>
	<td width="100%"></td>
    <td width="174" valign="top">[img]file:///D|/xxxx/xxxx/logotopright.jpg[/img]</td>
  </tr>
</table>

There is a style sheet you cant see that is applied to the whole table not just Image 2 <td>. Couldnt figure this one out but anyway I previewed this is the browser and I still have a small gap between Image 1 and 2; 2 and 3. I can't seem to get rid of this. Any more suggestions, thanks

Chris

<td width="100%"></td>

This should have something in it - either a spacer image or a to help it render it properly

stryker898 · #5 10-07-2003, 03:59 PM

I tried both your suggestions, but this is what I keep getting...I uploaded it to an area on another website. Please only go to the linked area...I am tracking hits to other areas thanks...

If you have any other suggestions I am all ears...once again thanks for all your help guys. If I can get this problem worked out I am on my way!!

Chris

shan · #6 10-07-2003, 04:46 PM

Code:

<html>
<head>
<title>Chipps</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="centerhead.css" rel="stylesheet" type="text/css">
</head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="408">[img]logotopleft.jpg[/img]</td>
    <td></td>
    <td width="173" align="right">[img]logotopright.jpg[/img]</td>
  </tr>
</table>
</body>
</html>

stryker898 · #7 10-08-2003, 06:55 AM

Thanks, Shan...

This was the area i was missing that made the difference. The easiest solution is always the fix...

Code:

border="0" cellspacing="0" cellpadding="0

Chris