|
| |
|
|
Mike_R
Posts: 124
Joined: 1/15/2003
Status: offline
 |
Cells in my table keep moving when I add text - 3/8/2003 14:29:33
Does anyone know if there is a way to lock a cell in a specific place so it will not move or adjust as other cells do? I have tried setting specific cell sizes (height and width) on these cells, but when I add text to an adjacent cell, they start to spread out vertically like some demons straight from Hades.
Let me be a little more specific. In Photoshop, I have created several buttons for rollover images. Each button has been sliced into its own cell. These make up the left sidebar of the site I' m creating. To the right of these future links is the main text area of my site. This is the area that will change with each page. When I go to add text to this area, as I continue, all of my little cells with buttons to the left start spreading out. They won' t stay together and it is destroying my site. I have created the main table at 100% height and width. In each of the page' s main three columns (left sidebar, center text area, and right sidebar) I have all cells at fixed pixel heights except one, which is set at 100% so as to adjust to the screen size. What is going wrong? I have spent about 20 hours trying everything I can think of and am about to pass out. I am lost. Can someone save me?
Mike_R
< Message edited by Mike_R -- 3/8/2003 2:40 PM >
|
|
|
|
caywind
Posts: 1479
From: USA
Status: offline
|
RE: Cells in my table keep moving when I add text - 3/8/2003 14:59:14
Have you tried to " nest" your tables? That way what cahnges in one " column" , (which is actually a separate table), won' t effect another column.
You can also check the Tutorial on tables here for more info...
http://www.outfront.net/tutorials_02/fp_techniques/tables1.htm
| |
|
|
|
Mike_R
Posts: 124
Joined: 1/15/2003
Status: offline
|
RE: Cells in my table keep moving when I add text - 3/8/2003 15:57:46
Thank you all for your suggestions. I am not sure how to nest tables when working with the code generated by Image Ready. Maybe there is nothing different. Here is the code that I am working with now. I hope this helps.
<HTML>
<HEAD>
<meta http-equiv=" Content-Language" content=" en-us" >
<TITLE>DCSHomePage1</TITLE>
<META HTTP-EQUIV=" Content-Type" CONTENT=" text/html; charset=windows-1252" >
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (DCSHomePage1.psd) -->
<TABLE WIDTH=" 100%" BORDER=0 CELLPADDING=0 CELLSPACING=0 style=" border-collapse: collapse" bordercolor=" #111111" height=" 100%" >
<TR>
<TD ROWSPAN=18 width=" 15%" background=" images/SideColBckgrnd.gif" height=" 100%" >
<IMG SRC=" images/spacer.gif" WIDTH=5 HEIGHT=667 ALT=" " ></TD>
<TD ROWSPAN=18 width=" 10" height=" 100" >
<!--webbot bot=" ScheduledImage" U-Src=" images/DCSHomePage1_02.gif" U-Else-Src D-Start-Date=" 05 Mar 2003 21:28:52" D-End-Date=" 04 Apr 2010 21:28:51" --></TD>
<TD COLSPAN=2 ROWSPAN=3 width=" 501" >
<!--webbot bot=" ScheduledImage" U-Src=" images/DCSHomePage1_03.gif" U-Else-Src D-Start-Date=" 05 Mar 2003 21:28:19" D-End-Date=" 04 Apr 2010 21:28:18" --></TD>
<TD COLSPAN=2 valign=" baseline" align=" center" width=" 173" >
<!--webbot bot=" Include" U-Include=" MemberButton1.htm" TAG=" BODY" --></TD>
<TD width=" 78" >
<!--webbot bot=" ScheduledImage" U-Src=" images/DCSHomePage1_05.gif" U-Else-Src D-Start-Date=" 05 Mar 2003 21:26:30" D-End-Date=" 04 Apr 2010 21:26:29" --></TD>
<TD ROWSPAN=2 width=" 8" >
<IMG SRC=" images/spacer.gif" WIDTH=8 HEIGHT=209 ALT=" " ></TD>
<TD ROWSPAN=18 width=" 15%" background=" images/SideColBckgrnd.gif" height=" 100%" >
<IMG SRC=" images/spacer.gif" WIDTH=5 HEIGHT=667 ALT=" " ></TD>
</TR>
<TR>
<TD COLSPAN=3 width=" 251" >
<!--webbot bot=" ScheduledImage" U-Src=" images/DCSHomePage1_08.gif" U-Else-Src D-Start-Date=" 05 Mar 2003 21:27:37" D-End-Date=" 04 Apr 2010 21:27:36" --></TD>
</TR>
<TR>
<TD width=" 101" >
<!--webbot bot=" ScheduledImage" U-Src=" images/DCSHomePage1_09.gif" U-Else-Src D-Start-Date=" 05 Mar 2003 21:29:23" D-End-Date=" 04 Apr 2010 21:29:23" --></TD>
<TD COLSPAN=2 ROWSPAN=15 height=" 100%" width=" 150" >
</TD>
<TD ROWSPAN=16 width=" 8" height=" 100" >
<IMG SRC=" images/spacer.gif" WIDTH=8 HEIGHT=458 ALT=" " ></TD>
</TR>
<TR>
<TD width=" 156" height=" 24" >
<!--webbot bot=" Include" U-Include=" SoftwareButton.htm" TAG=" BODY" --></TD>
<TD COLSPAN=2 ROWSPAN=14 valign=" top" height=" 100%" width=" 446" >
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </TD>
</TR>
<TR>
<TD width=" 156" >
<!--webbot bot=" ScheduledImage" U-Src=" images/DCSHomePage1_14.gif" U-Else-Src D-Start-Date=" 05 Mar 2003 21:58:20" D-End-Date=" 04 Apr 2010 21:58:20" --></TD>
</TR>
<TR>
<TD width=" 156" height=" 24" >
<!--webbot bot=" Include" U-Include=" PersonalSecurityBut.htm" TAG=" BODY" --></TD>
</TR>
<TR>
<TD height=" 0" width=" 156" >
<!--webbot bot=" ScheduledImage" U-Src=" images/DCSHomePage1_14.gif" U-Else-Src D-Start-Date=" 07 Mar 2003 18:20:50" D-End-Date=" 06 Apr 2010 18:20:49" --></TD>
</TR>
<TR>
<TD width=" 156" height=" 24" >
<!--webbot bot=" Include" U-Include=" SportGoodsBut.htm" TAG=" BODY" --></TD>
</TR>
<TR>
<TD width=" 156" >
<!--webbot bot=" ScheduledImage" U-Src=" images/DCSHomePage1_14.gif" U-Else-Src D-Start-Date=" 07 Mar 2003 19:03:20" D-End-Date=" 06 Apr 2010 19:03:20" --></TD>
</TR>
<TR>
<TD width=" 156" height=" 24" >
<!--webbot bot=" Include" U-Include=" RemoteCtrlButn.htm" TAG=" BODY" --></TD>
</TR>
<TR>
<TD width=" 156" >
<!--webbot bot=" ScheduledImage" U-Src=" images/DCSHomePage1_14.gif" U-Else-Src D-Start-Date=" 07 Mar 2003 19:03:44" D-End-Date=" 06 Apr 2010 19:03:43" --></TD>
</TR>
<TR>
<TD width=" 156" height=" 24" >
<!--webbot bot=" Include" U-Include=" ToysButton.htm" TAG=" BODY" --></TD>
</TR>
<TR>
<TD width=" 156" >
<!--webbot bot=" ScheduledImage" U-Src=" images/DCSHomePage1_14.gif" U-Else-Src D-Start-Date=" 07 Mar 2003 19:09:20" D-End-Date=" 06 Apr 2010 19:09:19" --></TD>
</TR>
<TR>
<TD width=" 156" height=" 24" >
<!--webbot bot=" Include" U-Include=" CustProdSearchButn.htm" TAG=" BODY" --></TD>
</TR>
<TR>
<TD width=" 156" >
<!--webbot bot=" ScheduledImage" U-Src=" images/DCSHomePage1_24.gif" U-Else-Src D-Start-Date=" 07 Mar 2003 19:12:44" D-End-Date=" 06 Apr 2010 19:12:43" --></TD>
</TR>
<TR>
<TD background=" images/DCSHomePage1_25.gif" height=" 100%" width=" 156" >
</TD>
</TR>
<TR>
<TD width=" 156" >
<!--webbot bot=" ScheduledImage" U-Src=" images/DCSHomePage1_26.gif" U-Else-Src D-Start-Date=" 07 Mar 2003 19:31:59" D-End-Date=" 06 Apr 2010 19:31:59" --></TD>
</TR>
<TR>
<TD COLSPAN=5 width=" 752" >
<IMG SRC=" images/spacer.gif" WIDTH=752 HEIGHT=52 ALT=" " ></TD>
</TR>
<TR>
<TD width=" 8" >
<IMG SRC=" images/spacer.gif" WIDTH=5 HEIGHT=1 ALT=" " ></TD>
<TD width=" 10" >
<IMG SRC=" images/spacer.gif" WIDTH=10 HEIGHT=1 ALT=" " ></TD>
<TD width=" 156" >
<IMG SRC=" images/spacer.gif" WIDTH=156 HEIGHT=1 ALT=" " ></TD>
<TD width=" 345" >
<IMG SRC=" images/spacer.gif" WIDTH=345 HEIGHT=1 ALT=" " ></TD>
<TD width=" 101" >
<IMG SRC=" images/spacer.gif" WIDTH=101 HEIGHT=1 ALT=" " ></TD>
<TD width=" 72" >
<IMG SRC=" images/spacer.gif" WIDTH=72 HEIGHT=1 ALT=" " ></TD>
<TD width=" 78" >
<IMG SRC=" images/spacer.gif" WIDTH=78 HEIGHT=1 ALT=" " ></TD>
<TD width=" 8" >
<IMG SRC=" images/spacer.gif" WIDTH=8 HEIGHT=1 ALT=" " ></TD>
<TD width=" 8" >
<IMG SRC=" images/spacer.gif" WIDTH=5 HEIGHT=1 ALT=" " ></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</HTML>
| |
|
|
|
Mike_R
Posts: 124
Joined: 1/15/2003
Status: offline
|
RE: Cells in my table keep moving when I add text - 3/9/2003 1:49:34
Linda, you have really made me think. Yes, I know it seems to be a rather complex table. Most of it, at least in terms of table structure, is what Image Ready generates from the slices that I created. The slices had to be complex because of the rollover images that I created in Photoshop. I would rather have a simplified table structure, but it seems that rollovers pose some complications in doing that.
Incidentally, you said that the cells did not expand or separate when adding text. Were you entering in the large, main text area? Also, were the image X blocks still in all other cells? That was what happened to me. All of the other image were intact, but I removed the one in the main text area and set the cell to top alignment, so I could begin entering text. Instead of entering text, just try it and hold down the ENTER key. When it gets to the bottom of the cell in the main text area, things go haywire.
Regarding the scheduled images and Includes, this is my first time using them. Actually, I didn' t want them scheduled. The Included Content option doesn' t give an option for entering a picture without a schedule as it does with a page. I tinkered with the Includes for days trying to figure out the best way to use them. I don' t wan' t shared borders, but I do want the option of changing any section of the page and have that change transfer to all pages in the site. Some of the images are in htm files because they are rollovers. I read every tutorial and couldn' t find anything that explained how to use FrontPage Includes with rollovers. The only way I could make it work was by adding the rollovers to an htm page, which gave me a page for the Include (the Include picture option only allows one picture--a rollover obviously has two). I originally had Java Script rollovers, but abandoned them in favor of the FrontPage hover button option when I couldn' t get the rollovers to sit right in the cell. The hover button ones worked.
You said, " If the one area is to have regular navigation buttons, they could all be in the same include and there' s probably no need to have them in their own table cells." I think you are right, but I will need to play with that one.
I would love for you to see the images if you think that would help. I have publish the page in question at [link=]www.darncoolstuff.com[/link]. Sorry for being so long-winded.
Thanks a million!
Mike_R
< Message edited by Mike_R -- 3/9/2003 3:00 PM >
| |
|
|
|
LB
Posts: 5551
From: Montana USA
Status: offline
|
RE: Cells in my table keep moving when I add text - 3/9/2003 17:55:15
Details:
All main tables would be the same width as the total width of the graphic; here it' s about 772. The first two rows you see are two separate tables, each at centered, width 772, no padding. Insert the first table and give it three columns - the second column will hold the rollover. Insert the second table just below the first one to hold your main header image. Now make a folder to hold your includes (if you like, to keep it organized :)) and save this in it as header.htm.
Open a new page and Insert > component > Include > header.htm
Just under that, insert another 772 width table; this one with two columns. Set the left cell at the same width as the images that will be here (ie. 177). Save as template.htm.
On a new page, insert a table at that same width, such as 177 pixels; one column, two rows. Use a saved slice of the image to set the background of the table with. The top cell will hold the menu rollover buttons. They do not need to be in seperate cells and once you study it it you should be able to figure out what you need and what you don' t in the coding. Can Image Ready create the rollovers without a table? (for anyone needing it, here' s the link to the Mighty Mouseover Machine ) -- The bottom cell will hold the bottom image of the sidebar. Save in the include folder as menu.htm.
On template.htm insert > include page > menu.htm into left column.
It' d be best to create another include page for footer.htm and insert this onto your template page. Even if it' s blank now, it' ll be easy to add info to this footer if you ever want it in the future.
Since the width of the tables are 772 pixels, they' ll allow anything beyond that to show that background of the page. Instead of putting the background in the side columns, just set it as the page background.
Once template.htm is set up to your satisfaction, save as default.htm (or index; whatever you' re using). This template page can be opened and " saved as" for each new page you want.
Linda
< Message edited by LB -- 3/9/2003 6:07 PM >
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
