Having problem with Image Ready Interfaces

2003-06-28 00:37:01

Hello there,

I just made my first interface in image ready. I sliced it up, and it looks good.

<http://www.breayle.com>

But the problem I'm having is, the code wont work on other pages. The only way I've kinda fixed it is by using the code from the other pages, then copy and pasting them into the original document.
WHen I did that, all the images in the interface broke. No matter what I do, if I copy and paste the ENTIRE length of code on another page, the images show up as broken. What could I be doing wrong? Why can't I just copy and paste the code from the interface? Do I need to make a personal interface for each page? That would be pretty lame! Any help you can offer is great. Thanks!

Breayle

@Bobocito

2003-06-28 06:13:28

On Fri, 27 Jun 2003 17:37:01 -0700, breayle wrote:

Hello there,

I just made my first interface in image ready. I sliced it up, and it looks good.
<http://www.breayle.com>

But the problem I'm having is, the code wont work on other pages. The only way I've kinda fixed it is by using the code from the other pages, then copy and pasting them into the original document.
WHen I did that, all the images in the interface broke. No matter what I do, if I copy and paste the ENTIRE length of code on another page, the images show up as broken. What could I be doing wrong? Why can't I just copy and paste the code from the interface? Do I need to make a personal interface for each page? That would be pretty lame! Any help you can offer is great. Thanks!

Breayle

You have two body tags in those pages...
<BODY BGCOLOR=#00000 ONLOAD="preloadImages();"> and...
<BODY BGCOLOR="#000000" text="#FFFFFF" link="#FFFFFF" vlink="#808080"
alink="#FFFFFF">
but it worked ok anyway in IE6.
When you want to paste IR generated markup into another page, you have three things to move.
First the preload script, with comments, into the head section. Then the bit seen in the first body tag above...
ONLOAD="preloadImages();"
Last is the html for the display of the slices, including comments, which goes into the body section. Your banner/menu should be uncomplicated, as it goes right after the body tag, since it is displayed at the top of the page. The comments serve to keep everything organized and facilitate easy copy/paste.

Your portfolio page has three body tags, and the title belongs in the head section.
The resume page -- the list of software and experience levels don't line up; the experience column looks like it is half a line higher.
Underlines under non-links confuse users, who try them and wonder if they are broken links.

@breayle

2003-07-01 00:56:41

Thanks, I made some of the changes you suggested, I made most of these pages on a whim, no wonder there's stuff messing up, I've got so much code! Anywho, I figured out the problem. It was something super simple and I feel silly not knowing. :)

Thanks!
Breayle