Having problem with Image Ready Interfaces

B
Posted By
breayle
Jun 28, 2003
Views
463
Replies
2
Status
Closed
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

How to Master Sharpening in Photoshop

Give your photos a professional finish with sharpening in Photoshop. Learn to enhance details, create contrast, and prepare your images for print, web, and social media.

B
Bobocito
Jun 28, 2003
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.
B
breayle
Jul 1, 2003
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

MacBook Pro 16” Mockups 🔥

– in 4 materials (clay versions included)

– 12 scenes

– 48 MacBook Pro 16″ mockups

– 6000 x 4500 px

Related Discussion Topics

Nice and short text about related topics in discussion sections