X-Cart forums - Dreamweaver Gods only....HELP!

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - Dreamweaver Gods only....HELP! (https://forum.x-cart.com/showthread.php?t=4649)

Dreamweaver Gods only....HELP!

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

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 :wink:

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

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>

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

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

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

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>

Thanks, Shan... :lol:

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

Code:

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

Chris