Basic HTML image help

wwe9112 · 02-18-2008, 11:09 PM

OK i just finished designing my basic template in photoshop, and I finished coding the html...but here's the think. THe images aren't showing up what I coded. So could someone please download this(you can use it I dont care

) corrct it and tell me what I did wrong and what I can do to avoid it next time. I'll place your site in the footer if you do and thanks.

click the link to download. I put the download up on my server cause it's faster to upload lol. In the zip is the images, and the index I tried to make.

www.prowrestlingnow.com/site.zip

thanks so so so much.

Bagi Zoltán · 02-19-2008, 04:51 AM

Code:

<html>
<head>
 <title></title>
</head>
<body bgcolor="000000" fontcolor="#FFFFFF"><center>
<table valign="top">
<tr><td style="width:950px;height:201;background-image:url(images/header.gif)"/></tr>
<tr><td style="width:950px;height:19;backround-image:url(images/under_header.gif)"></tr></td>
<tr><td style="width:950px;height:106;backround-image:url(images/nav.gif)"/></tr>
</table>
<table valign="center">
<tr><td style="width:950px;height:461;backround-image:url(images/content)"/></tr>
<tr><td style="width:950px;height:36;backround-image:url(images/under_content)"/></tr>
<tr><td style="width:950px;height:47;backround-image:url(images/footer)"/></tr>
</table>
</body>
</head>
</html>

This worked very well on my localhost. I suggest you to define unique classes for the cells and place the class related style information into external css.

wwe9112 · 02-19-2008, 09:38 PM

HMM....when i paised that on my index it's not showing up, only the banner. I guess I could use css I'm not good at it though lol.

My main thing for this is I need to learn how to code what i make in photoshop. So any hints on what to do now.

Bagi Zoltán · 02-20-2008, 04:08 PM

You are welcome!

I suggest you to check your images. They are similar to the background. I suppose during slicing you missed something.

wwe9112 · 02-23-2008, 12:32 PM

I sliced the whole thing for example. 1 cut for where the text is going, 1 cut for the banner right left etc. So the whole template is there in like 9 slices. Maybe im cutting wrong have a tutorial for cutting? If i dont cut out the whole thing PS makes other cuts that i dont want.

jperezmt · 02-25-2008, 02:49 PM

Code:

<table valign="top">
<tr><td background="images/header.gif"/></tr>
<tr><td background="images/under_header.gif"></tr></td>
<tr><td background="images/nav.gif"/></tr>
</table>
<table valign="center">
<tr><td background="images/content"/></tr>
<tr><td background="images/under_content"/></tr>
<tr><td background="images/footer"/></tr>
</table>

You aren't closing the td tags, that could be a problem. I know you have the self close /> at the end but there's isn't a doc type on the top of your page to specify how to read the code.

Also, make sure that the images folder are on the same level. Without the / before images, your servers is going to look at the same level as index to make sure the images folder is there.

Hope it helps.

O and:

<tr><td background="images/under_header.gif"></tr></td>

That is also coded wrong, the td and tr at the end should be flipped.

jperezmt · 02-25-2008, 02:52 PM

Another Tip:

If you are just using solid colors for the background area, you should just use the color pallette instead of an image, it would load much quicker.

When I looked at your images folder, there was really only one image (the header) everything else was just a solid color.

02-18-2008, 11:09 PM	#1
wwe9112 Member Join Date: Sep 2007 Posts: 120	Basic HTML image help OK i just finished designing my basic template in photoshop, and I finished coding the html...but here's the think. THe images aren't showing up what I coded. So could someone please download this(you can use it I dont care) corrct it and tell me what I did wrong and what I can do to avoid it next time. I'll place your site in the footer if you do and thanks. click the link to download. I put the download up on my server cause it's faster to upload lol. In the zip is the images, and the index I tried to make. www.prowrestlingnow.com/site.zip thanks so so so much. __________________ Please read and adhere to the signature link policy. Thank you.

02-19-2008, 09:38 PM	#3
wwe9112 Member Join Date: Sep 2007 Posts: 120	Re: Basic HTML image help HMM....when i paised that on my index it's not showing up, only the banner. I guess I could use css I'm not good at it though lol. My main thing for this is I need to learn how to code what i make in photoshop. So any hints on what to do now. __________________ Please read and adhere to the signature link policy. Thank you.

02-20-2008, 04:08 PM	#4
Bagi Zoltán iWEBTOOL Moderator Contributor Join Date: Aug 2006 Location: Hungary Posts: 1,762	Re: Basic HTML image help You are welcome! I suggest you to check your images. They are similar to the background. I suppose during slicing you missed something. __________________ Please, apply the signature policy Have a look at my free seo related web directory konferencia helyszínek seo fórum Free shopping cart

02-23-2008, 12:32 PM	#5
wwe9112 Member Join Date: Sep 2007 Posts: 120	Re: Basic HTML image help I sliced the whole thing for example. 1 cut for where the text is going, 1 cut for the banner right left etc. So the whole template is there in like 9 slices. Maybe im cutting wrong have a tutorial for cutting? If i dont cut out the whole thing PS makes other cuts that i dont want. __________________ Please read and adhere to the signature link policy. Thank you.

02-25-2008, 02:49 PM	#6
jperezmt Junior Member Join Date: Apr 2007 Posts: 92	Re: Basic HTML image help Code: <table valign="top"> <tr><td background="images/header.gif"/></tr> <tr><td background="images/under_header.gif"></tr></td> <tr><td background="images/nav.gif"/></tr> </table> <table valign="center"> <tr><td background="images/content"/></tr> <tr><td background="images/under_content"/></tr> <tr><td background="images/footer"/></tr> </table> You aren't closing the td tags, that could be a problem. I know you have the self close /> at the end but there's isn't a doc type on the top of your page to specify how to read the code. Also, make sure that the images folder are on the same level. Without the / before images, your servers is going to look at the same level as index to make sure the images folder is there. Hope it helps. O and: <tr><td background="images/under_header.gif"></tr></td> That is also coded wrong, the td and tr at the end should be flipped. __________________ Build Your Web Presence

02-25-2008, 02:52 PM	#7
jperezmt Junior Member Join Date: Apr 2007 Posts: 92	Re: Basic HTML image help Another Tip: If you are just using solid colors for the background area, you should just use the color pallette instead of an image, it would load much quicker. When I looked at your images folder, there was really only one image (the header) everything else was just a solid color. __________________ Build Your Web Presence

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Some help - Companie SEO	nanaok	Search Engine Optimization (SEO)	12	03-10-2008 07:58 AM
PR 5 Image Captioning Image Hosting Website For Sale	Zooped	Advertise your website	1	09-17-2007 03:58 PM
Make an image into HTML	Zack	HTML	11	08-18-2007 04:35 PM
ACE Image Hosting Script - Start Your Own Image Host! Profitable Niche!	RAH	Other Goods	5	11-05-2006 09:36 PM
Basic HTML Help	sagecs	Programming	4	11-04-2006 11:20 AM