Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
  1. #1
    Junior Member
    Join Date
    May 2004
    Posts
    21
    Member #
    5916
    Hello everyone. I am in the process of re-designing www.thomasinamusic.com (as I have stated in other posts), and I finally have the design she is looking for. However, I am having problems with the code. I have sliced the image in imageready and let the program produce the html; however, I would like for the table to span the entire screen, so I set the table width to 100%. This is producing very undesirable results; splitting cells, inserting spaces, etc. Below is a copy of the code I currently have for the page. Also, I am wanting content (a.k.a. a div tag that scrolls the content of the page if need be) in the letssee_02.gif slice. Any suggestions, comments or input would be greatly appreciated. Thanks
    Code:
    <HTML>
    <HEAD>
    <TITLE>layout1</TITLE>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
    <!-- ImageReady Preload Script (layout1.psd) -->
    <SCRIPT TYPE="text/javascript">
    <!--
    
    function newImage(arg) {
    	if (document.images) {
    		rslt = new Image();
    		rslt.src = arg;
    		return rslt;
    	}
    }
    
    function changeImages() {
    	if (document.images && (preloadFlag == true)) {
    		for (var i=0; i<changeImages.arguments.length; i+=2) {
    			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
    		}
    	}
    }
    
    var preloadFlag = false;
    function preloadImages() {
    	if (document.images) {
    		home_over = newImage("images/home-over.gif");
    		biography_over = newImage("images/biography-over.gif");
    		events_over = newImage("images/events-over.gif");
    		demo_over = newImage("images/demo-over.gif");
    		listen_over = newImage("images/listen-over.gif");
    		contact_over = newImage("images/contact-over.gif");
    		guestbook_over = newImage("images/guestbook-over.gif");
    		preloadFlag = true;
    	}
    }
    
    // -->
    </SCRIPT>
    <!-- End Preload Script -->
    </HEAD>
    <BODY BGCOLOR=#F06846 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages();">
    <!-- ImageReady Slices (layout1.psd) -->
    <TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0>
    	<TR>
    		<TD COLSPAN=12>
    			<IMG SRC="images/letssee_01.gif" WIDTH=970 HEIGHT=18 ALT=""></TD>
    	</TR>
    	<TR>
    		<TD ROWSPAN=15>
    			<IMG SRC="images/letssee_02.gif" WIDTH=540 HEIGHT=473 ALT=""></TD>
    		<TD COLSPAN=11>
    			<IMG SRC="images/letssee_03.gif" WIDTH=430 HEIGHT=38 ALT=""></TD>
    	</TR>
    	<TR>
    		<TD COLSPAN=3 ROWSPAN=2>
    			<IMG SRC="images/letssee_04.gif" WIDTH=33 HEIGHT=33 ALT=""></TD>
    		<TD COLSPAN=3>
    			<A HREF="#"
    				ONMOUSEOVER="changeImages('home', 'images/home-over.gif'); return true;"
    				ONMOUSEOUT="changeImages('home', 'images/home.gif'); return true;">
    				<IMG NAME="home" SRC="images/home.gif" WIDTH=98 HEIGHT=27 BORDER=0 ALT=""></A></TD>
    		<TD COLSPAN=5 ROWSPAN=2>
    			<IMG SRC="images/letssee_06.gif" WIDTH=299 HEIGHT=33 ALT=""></TD>
    	</TR>
    	<TR>
    		<TD COLSPAN=3>
    			<IMG SRC="images/letssee_07.gif" WIDTH=98 HEIGHT=6 ALT=""></TD>
    	</TR>
    	<TR>
    		<TD ROWSPAN=4>
    			<IMG SRC="images/letssee_08.gif" WIDTH=12 HEIGHT=66 ALT=""></TD>
    		<TD COLSPAN=7>
    			<A HREF="#"
    				ONMOUSEOVER="changeImages('biography', 'images/biography-over.gif'); return true;"
    				ONMOUSEOUT="changeImages('biography', 'images/biography.gif'); return true;">
    				<IMG NAME="biography" SRC="images/biography.gif" WIDTH=146 HEIGHT=30 BORDER=0 ALT=""></A></TD>
    		<TD COLSPAN=3 ROWSPAN=2>
    			<IMG SRC="images/letssee_10.gif" WIDTH=272 HEIGHT=36 ALT=""></TD>
    	</TR>
    	<TR>
    		<TD COLSPAN=7>
    			<IMG SRC="images/letssee_11.gif" WIDTH=146 HEIGHT=6 ALT=""></TD>
    	</TR>
    	<TR>
    		<TD COLSPAN=9>
    			<A HREF="#"
    				ONMOUSEOVER="changeImages('events', 'images/events-over.gif'); return true;"
    				ONMOUSEOUT="changeImages('events', 'images/events.gif'); return true;">
    				<IMG NAME="events" SRC="images/events.gif" WIDTH=192 HEIGHT=24 BORDER=0 ALT=""></A></TD>
    		<TD ROWSPAN=10>
    			<IMG SRC="images/letssee_13.gif" WIDTH=226 HEIGHT=366 ALT=""></TD>
    	</TR>
    	<TR>
    		<TD COLSPAN=9>
    			<IMG SRC="images/letssee_14.gif" WIDTH=192 HEIGHT=6 ALT=""></TD>
    	</TR>
    	<TR>
    		<TD COLSPAN=4>
    			<A HREF="#"
    				ONMOUSEOVER="changeImages('demo', 'images/demo-over.gif'); return true;"
    				ONMOUSEOUT="changeImages('demo', 'images/demo.gif'); return true;">
    				<IMG NAME="demo" SRC="images/demo.gif" WIDTH=98 HEIGHT=27 BORDER=0 ALT=""></A></TD>
    		<TD COLSPAN=6 ROWSPAN=2>
    			<IMG SRC="images/letssee_16.gif" WIDTH=106 HEIGHT=34 ALT=""></TD>
    	</TR>
    	<TR>
    		<TD COLSPAN=4>
    			<IMG SRC="images/letssee_17.gif" WIDTH=98 HEIGHT=7 ALT=""></TD>
    	</TR>
    	<TR>
    		<TD ROWSPAN=6>
    			<IMG SRC="images/letssee_18.gif" WIDTH=12 HEIGHT=302 ALT=""></TD>
    		<TD COLSPAN=4>
    			<A HREF="#"
    				ONMOUSEOVER="changeImages('listen', 'images/listen-over.gif'); return true;"
    				ONMOUSEOUT="changeImages('listen', 'images/listen.gif'); return true;">
    				<IMG NAME="listen" SRC="images/listen.gif" WIDTH=98 HEIGHT=27 BORDER=0 ALT=""></A></TD>
    		<TD COLSPAN=5 ROWSPAN=2>
    			<IMG SRC="images/letssee_20.gif" WIDTH=94 HEIGHT=35 ALT=""></TD>
    	</TR>
    	<TR>
    		<TD COLSPAN=4>
    			<IMG SRC="images/letssee_21.gif" WIDTH=98 HEIGHT=8 ALT=""></TD>
    	</TR>
    	<TR>
    		<TD ROWSPAN=4>
    			<IMG SRC="images/letssee_22.gif" WIDTH=11 HEIGHT=267 ALT=""></TD>
    		<TD COLSPAN=5>
    			<A HREF="#"
    				ONMOUSEOVER="changeImages('contact', 'images/contact-over.gif'); return true;"
    				ONMOUSEOUT="changeImages('contact', 'images/contact.gif'); return true;">
    				<IMG NAME="contact" SRC="images/contact.gif" WIDTH=120 HEIGHT=24 BORDER=0 ALT=""></A></TD>
    		<TD COLSPAN=3 ROWSPAN=2>
    			<IMG SRC="images/letssee_24.gif" WIDTH=61 HEIGHT=31 ALT=""></TD>
    	</TR>
    	<TR>
    		<TD COLSPAN=5>
    			<IMG SRC="images/letssee_25.gif" WIDTH=120 HEIGHT=7 ALT=""></TD>
    	</TR>
    	<TR>
    		<TD ROWSPAN=2>
    			<IMG SRC="images/letssee_26.gif" WIDTH=10 HEIGHT=236 ALT=""></TD>
    		<TD COLSPAN=6>
    			<A HREF="#"
    				ONMOUSEOVER="changeImages('guestbook', 'images/guestbook-over.gif'); return true;"
    				ONMOUSEOUT="changeImages('guestbook', 'images/guestbook.gif'); return true;">
    				<IMG NAME="guestbook" SRC="images/guestbook.gif" WIDTH=153 HEIGHT=23 BORDER=0 ALT=""></A></TD>
    		<TD ROWSPAN=2>
    			<IMG SRC="images/letssee_28.gif" WIDTH=18 HEIGHT=236 ALT=""></TD>
    	</TR>
    	<TR>
    		<TD COLSPAN=6>
    			<IMG SRC="images/letssee_29.gif" WIDTH=153 HEIGHT=213 ALT=""></TD>
    	</TR>
    	<TR>
    		<TD background ="images/letssee_30.gif" WIDTH=970 HEIGHT=109 ALT="" COLSPAN=12><center><OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
     codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
     WIDTH="775" HEIGHT="140" id="scriptflash" ALIGN="">
     <PARAM NAME=movie VALUE="scriptflash.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#F06846> 
              <EMBED src="scriptflash.swf" quality=high bgcolor=#F06846  WIDTH="775" HEIGHT="140" NAME="scriptflash" ALIGN=""
     TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED></OBJECT></TD>
    	</TR>
    	<TR>
    		<TD>
    			<IMG SRC="images/spacer.gif" WIDTH=540 HEIGHT=1 ALT=""></TD>
    		<TD>
    			<IMG SRC="images/spacer.gif" WIDTH=12 HEIGHT=1 ALT=""></TD>
    		<TD>
    			<IMG SRC="images/spacer.gif" WIDTH=11 HEIGHT=1 ALT=""></TD>
    		<TD>
    			<IMG SRC="images/spacer.gif" WIDTH=10 HEIGHT=1 ALT=""></TD>
    		<TD>
    			<IMG SRC="images/spacer.gif" WIDTH=65 HEIGHT=1 ALT=""></TD>
    		<TD>
    			<IMG SRC="images/spacer.gif" WIDTH=12 HEIGHT=1 ALT=""></TD>
    		<TD>
    			<IMG SRC="images/spacer.gif" WIDTH=21 HEIGHT=1 ALT=""></TD>
    		<TD>
    			<IMG SRC="images/spacer.gif" WIDTH=12 HEIGHT=1 ALT=""></TD>
    		<TD>
    			<IMG SRC="images/spacer.gif" WIDTH=15 HEIGHT=1 ALT=""></TD>
    		<TD>
    			<IMG SRC="images/spacer.gif" WIDTH=28 HEIGHT=1 ALT=""></TD>
    		<TD>
    			<IMG SRC="images/spacer.gif" WIDTH=18 HEIGHT=1 ALT=""></TD>
    		<TD>
    			<IMG SRC="images/spacer.gif" WIDTH=226 HEIGHT=1 ALT=""></TD>
    	</TR>
    </TABLE>
    <!-- End ImageReady Slices -->
    </BODY>
    </HTML>

  2.  

  3. #2
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,485
    Member #
    425
    Liked
    2783 times
    Your problem is that ImageReady doesn't explicitly define cell widths, nor does it necessarily create the best code. e.g.[Minicode]<TD WIDTH="25"> or <TD WIDTH="93%">[/minicode]

    Your best bet would be to export your Photoshop layout using the Images Only option and manually code it from the top left to the bottom right. Take a section, and when you've got it the way you want it, make that a table. Then move on to the next section. Do the same with the third, and so on and so on until the site looks like how you want it.

    By the time you're done playing with ImageReady code to get it right, you could have done it from scratch by hand at least 3 times over.
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)

  4. #3
    Junior Member
    Join Date
    May 2004
    Posts
    21
    Member #
    5916
    I guess what I am wondering is how can I get the page to stretch all the way to the right side of the screen, to where her pic is "right against" the right side edge of the screen in any browser or resolution? I have tried using table width = 100%, but that is throwing all of the other cells off.
    Any input?


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 04:15 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com