morya
asked on
having Image Ready code differently
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.h tml"><IMG NAME="photot1" SRC="../images/photot1.gif " WIDTH="148" HEIGHT="15" BORDER="0"></A></TD>
</TR>
<TR>
<TD><A HREF="../contact.html"><IM G 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.h tml"><IMG NAME="photot1" SRC="../images/photot1.gif " WIDTH="148" HEIGHT="15" BORDER="0"></A>
<br>
<A HREF="../contact.html"><IM G 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
<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.h
</TR>
<TR>
<TD><A HREF="../contact.html"><IM
</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.h
<br>
<A HREF="../contact.html"><IM
</TR>
Is there a way of making it do this?
I would be very grateful for this solution and answer.
Michael
ASKER
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?
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?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
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.h tml"><IMG NAME="photot1" SRC="../images/photot1.gif " WIDTH="148" HEIGHT="15"
BORDER="0"></A></TD>
</TR>
<TR>
<TD><A HREF="../contact.html"><IM G 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.
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.h
BORDER="0"></A></TD>
</TR>
<TR>
<TD><A HREF="../contact.html"><IM
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.
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. ;-)