Improve company productivity with a Business Account.Sign Up

x
?
Solved

having Image Ready code differently

Posted on 2002-05-08
4
Medium Priority
?
213 Views
Last Modified: 2010-08-05
I slice up my image in Image Ready and I constantly create nav bars on the left hand side.  When I have Image Ready create the code it always puts each button I slice into a different <tr> and <td> cell like this:

<TR>
     <TD><A HREF="../other.html"><IMG NAME="artt1" SRC="../images/artt1.gif" WIDTH="148" HEIGHT="14" BORDER="0"></A></TD>
     </TR>
     <TR>
          <TD>
<A HREF="../gallery/gallery.html"><IMG NAME="photot1" SRC="../images/photot1.gif" WIDTH="148" HEIGHT="15" BORDER="0"></A></TD>
     </TR>
     <TR>
          <TD><A HREF="../contact.html"><IMG NAME="wordt1" SRC="../images/wordt1.gif" WIDTH="148" HEIGHT="17" BORDER="0"></A></TD>
     </TR>

What I want is for Image Ready to put out code that does not put it into seperate cells but puts a <br> tag instead like this:

<TR>
     <TD><A HREF="../other.html"><IMG NAME="artt1" SRC="../images/artt1.gif" WIDTH="148" HEIGHT="14" BORDER="0"></A>
<br>    
<A HREF="../gallery/gallery.html"><IMG NAME="photot1" SRC="../images/photot1.gif" WIDTH="148" HEIGHT="15" BORDER="0"></A>
<br>
<A HREF="../contact.html"><IMG NAME="wordt1" SRC="../images/wordt1.gif" WIDTH="148" HEIGHT="17" BORDER="0"></A></TD>
     </TR>

Is there a way of making it do this?

I would be very grateful for this solution and answer.
Michael
0
Comment
Question by:morya
  • 2
4 Comments
 
LVL 19

Expert Comment

by:webwoman
ID: 6999655
Sure. Take the slices it creates and write your own table. Then you can do whatever you want. You'll have to either copy/modify or create your own javascript to swap them too. Or take what's created and completely rework it to be what you want.

If you're not comfortable doing that, live with what ImageReady creates. ;-)

If you make your own the way you want, you'll have to live with the pieces that don't line up quite right, or move when you resize the browser window, or have gaps between them.

There's a very good reason why it's done that way. You play with it at your own risk. ;-)

0
 

Author Comment

by:morya
ID: 7000362
Yes, I've done the rewriting bit, and I do it all the time.

I was just hoping there was something I was missing that would be nice if ImageReady did.

Guess not.  Does anyone have a better solution?  Maybe another slicing program that you can modify more than ImageReady?

0
 
LVL 19

Accepted Solution

by:
webwoman earned 800 total points
ID: 7002317
They all do pretty much the same thing. You might want to create an image map rather than slicing it. Then you'd get one image rather than however many you get, but it would have numerous links.

But you could place that one image wherever you needed, and know it wouldn't fall apart.
0
 

Expert Comment

by:shadowbolt
ID: 7028476
webwoman has called it exactly right. I don't know of ANY image slicing program which will do what you want. Either they will put the slices into table cells, OR they will just cut it up. To get one that would make a single table cell and then use breaks - you'd probably have to write it yourself.

If you are using a similar layout each time, you can get the code looking exactly right and save it as a template somewhere. Then use Image Ready to cut the picture for you without doing any code, and just whack in the details yourself.

As an alternative, let Image Ready do all the work. Then, add the following line to the code it spits out.

<TR>
    <TD><A HREF="../other.html"><IMG NAME="artt1" SRC="../images/artt1.gif" WIDTH="148" HEIGHT="14"
BORDER="0"></A></TD>

   <TD ROWSPAN="x">

   </TD>

    </TR>
    <TR>
         <TD>
<A HREF="../gallery/gallery.html"><IMG NAME="photot1" SRC="../images/photot1.gif" WIDTH="148" HEIGHT="15"
BORDER="0"></A></TD>
    </TR>
    <TR>
         <TD><A HREF="../contact.html"><IMG NAME="wordt1" SRC="../images/wordt1.gif" WIDTH="148" HEIGHT="17"
BORDER="0"></A></TD>
    </TR>

where X is the number of rows in the table. This will give you what you want (menu on the left, content on the right) with a lot less work than modifying all the Image Ready code.

If you find this confusing, let me know and I'll post up a couple of pages to show you what I'm talking about.

Hope this helps you.
0

Featured Post

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

HOW TO CREATE A WEB 2.0 IMAGE WITH A REFLECTION I would like to start by saying I know Web 2.0 isn't a style. It is actually the practice of information sharing or  collaboration on the Web. It is also associated with the technology that is used …
In this article, I'll explain how to change the color of a selection in Photoshop. I'm sure there are a couple different ways to do this in photoshop, but this is my preferred method in Photoshop. I am using Photoshop CS6 and I will be adjusting the…
In this tutorial viewers will learn how to correct colors in Photoshop using the Color Balance adjustment Open a photo for editing in Photoshop: Open a photo for editing in Photoshop: Select "OK" on the dialogue: The Color Balance adjustment works b…
I designed this idea while studying technology in the classroom.  This is a semester long project.  Students are asked to take photographs on a specific topic which they find meaningful, it can be a place or situation such as travel or homelessness.…

606 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question