Using templates | Problems displaying graphics? [Archive]

ne_plus_ultra

11-01-2007, 02:45 PM

I have run into a problem - hopefully it is an easy fix. I need a pro to give me some pointers.

I built my index page in photoshop cs3. From there I sliced the images and uploaded to dreamweaver. I created hotspots on some of the important images such as navigational images. To decrease page size I replaced most of the images with the same background images. Once the page was finished I saved it as a template with 3 editable regions - which clearly shows all images of the page in tact.

Now, when I go to create a new page from my template and view it in my localhost:

- Most of the images that are background images do not show up at all.

- Only the direct images are pulling?

- The backgrounds in the editable regions are no longer there as well?

- Am I missing something...?

Regards,

Corey Bryant

11-01-2007, 06:35 PM

Sounds like you have a path problem. Did you check the path to make sure it was correct?

Centauri

11-01-2007, 07:07 PM

hopefully it is an easy fix.

I seriously doubt that, as it seems you have taken the easy, but wrong, way to create a site - this usually results in a mess of unnecessary code that can be difficult to debug.

We would need to see the entire code, including images, of a sample page with the problem - either by uploading a sample somewhere, or zipping (with images) and attaching the sample page.

ne_plus_ultra

11-01-2007, 08:04 PM

Okay -- I uploaded a pdf screenshot of what I am getting when I view my php file in the localhost. My images - some are there and some are not?

image 1 - header (navigation)
image 2 - logo box
image 3 - picture etc.

You may be right - I am new to site design and learned to go about it the old fashioned way - designed/sliced in photoshop and uploaded to dreamweaver. I would love to know a good tutorial out there to show me how I can get the same page with CSS - or transform my static page into a well functioning css layout...

Regards,

See code below:
-----------------------------------------------------------------------------
<html>
<head>
<title>platinum cart</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

</style></head>
<body topmargin="0" marginheight="0">

<table id="Table_01" width="766" height="751" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="background:url(images/platinum-cart_01.gif)width="766" height="117""colspan="5">
<img src="images/platinum-cart_01.gif" width="766" height="117" alt=""></td>
</tr>
<tr>
<td style="background:url(images/platinum-cart_02.gif)width="311" height="287" "colspan="2"><img src="images/platinum-cart_02.gif" width="311" height="287"></td>
<td style="background:url(images/platinum-cart_03.gif)width="455" height="287" "colspan="3"><img src="images/platinum-cart_03.gif" width="455" height="287"></td>
</tr>
<tr>
<td style="background:url(images/platinum-cart_04.gif)width="34" height="95" "><img src="images/platinum-cart_04.gif" width="34" height="95"></td>
<td style="background:url(images/platinum-cart_05.gif)width="697" height="95" "colspan="3"><img src="images/platinum-cart_05.gif" width="697" height="95"></td>
<td style="background:url(images/platinum-cart_06.gif)width="35" height="95""><img src="images/platinum-cart_06.gif" width="35" height="95"></td>
</tr>
<tr>
<td style="background:url(images/platinum-cart_07.gif)width="34""> </td>
<td style="background:url(images/platinum-cart_08.gif)width="697" "colspan="3"><p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p></td>
<td style="background:url(images/platinum-cart_09.gif)width="35" "> </td>
</tr>
<tr>
<td style="background:url(images/Privacy-Policy-_-Disclaimer.gif)width="766" height="42" "colspan="5"> </td>
</tr>
<tr>
<td style="background:url(images/platinum-cart_11.gif)width="383" height="49""colspan="3" rowspan="2"> </td>
<td style="background:url(images/platinum-cart_12.gif)width="383" height="22" "colspan="2">
<img src="images/platinum-cart_12.gif" width="383" height="22" alt=""></td>
</tr>
<tr>
<td style="background:url(images/platinum-cart_13.gif)width="383" height="27""colspan="2"> </td>
</tr>
<tr>
<td style="background:url(images/spacer.gif)width="34" height="1" ">
<img src="images/spacer.gif" width="34" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="277" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="72" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="348" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="35" height="1" alt=""></td>
</tr>
</table>

</body>
</html>
---------------------------------------------------------------------------

I seriously doubt that, as it seems you have taken the easy, but wrong, way to create a site - this usually results in a mess of unnecessary code that can be difficult to debug.

We would need to see the entire code, including images, of a sample page with the problem - either by uploading a sample somewhere, or zipping (with images) and attaching the sample page.

Centauri

11-01-2007, 09:03 PM

The inline style declaration has to be ended with quote marks before additional attributes can be assigned :<td style="background:url(images/Privacy-Policy-_-Disclaimer.gif)" width="766" height="42" "colspan="5"> </td>

However, see my reply to your post in the css section, and we may be able to get rid of that table rubbish...