Pange
02-08-2003, 05:54 AM
I'm having trouble with a layout I've been trying to code. It's taken me four hours on this one page, and I still haven't been able to figure out what's wrong, so hopefully, someone else can spot my mistake! :)
My page is at http://www.magitek.nu/ode2ff/layoutv2/gallery/gallerytemplate.html
There are two columns, but for some reason, the images don't line up right. I made a copy of the code and turned the border on, and you can see the first column is wider than it should be. (http://www.magitek.nu/ode2ff/layoutv2/gallery/gallerytemplateborder.html) I cannot figure out how to get these columns together again.
Any help or insight would be greatly appreciated. Thanks in advance :D
-Pange
Dude128
02-08-2003, 06:01 AM
I don't really understand- how wide do you want the first column to be? it's exactly the width of the image that the top left cell contains
Pange
02-08-2003, 06:06 AM
I want the first cell to have a width of 64 pixels, but on my computer, the width is larger than that. The words "An Ode to FInal Fantasy" should all fit together, but it's spread apart because of the width of the first column. It's very strange. *nodnod*
If it helps at all, it looks perfect in Netscape :).
This sounds weird, but try removing your copyright. I did that in IE and the columns came together :o (?)
Pange
02-08-2003, 06:30 AM
wow, you're right! I took off the copyright, and there it went :D I was able to re-add it by just creating another table below that one instead having it in the row it was in before.
Thanks so much, Alcy! *hugglesquishes* You too, Dude, hehe ^.^
alkaline39
02-08-2003, 06:35 AM
hmm u have a very strange problem, i think its something to do with internet explorer, because when i was trying to find your problem, i saved your files to my computer and opened your page locally, and it appeared find, i know windows changes the table coding a bit when u go file save in ie, so i suggest trying the code it saved on my computer as, i know it gets a bit messy after saving it
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0066)http://www.magitek.nu/ode2ff/layoutv2/gallery/gallerytemplate.html -->
<HTML><HEAD><TITLE>An Ode to Final Fantasy :: Gallery</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<STYLE>A:link {
TEXT-DECORATION: none
}
A:visited {
TEXT-DECORATION: none
}
A:hover {
COLOR: #666666; TEXT-DECORATION: none
}
BODY {
SCROLLBAR-FACE-COLOR: #7b7b7b; FONT-SIZE: 10px; SCROLLBAR-HIGHLIGHT-COLOR: #b4b4b4; SCROLLBAR-SHADOW-COLOR: #595959; SCROLLBAR-3DLIGHT-COLOR: #e0e0e0; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #000000; FONT-FAMILY: verdana; SCROLLBAR-DARKSHADOW-COLOR: #1f1f1f
}
TD {
SCROLLBAR-FACE-COLOR: #7b7b7b; FONT-SIZE: 10px; SCROLLBAR-HIGHLIGHT-COLOR: #b4b4b4; SCROLLBAR-SHADOW-COLOR: #595959; SCROLLBAR-3DLIGHT-COLOR: #e0e0e0; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #000000; FONT-FAMILY: verdana; SCROLLBAR-DARKSHADOW-COLOR: #1f1f1f
}
</STYLE>
<META content="MSHTML 6.00.2800.1126" name=GENERATOR></HEAD>
<BODY text=#cccccc vLink=#f6f6f6 aLink=#f6f6f6 link=#f6f6f6 bgColor=#000000
leftMargin=15 marginheight="15" marginwidth="15">
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD width=64 height=52><IMG height=52
src="gallerytopcorner.gif" width=64
border=0></TD>
<TD height=52><IMG height=52
src="gallerytop.gif"
width=236></TD></TR>
<TR>
<TD vAlign=top width=64><IMG height=365
src="galleryleft.gif" width=64></TD>
<TD vAlign=top><!-- my image holder begins here -->
<TABLE height=1 cellSpacing=0 cellPadding=0 width=1 border=0>
<TBODY>
<TR>
<TD height=14><IMG height=14
src="gallerytop1.gif"
width=12></TD>
<TD
background="gallerytopbg.gif"
height=14>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD height=14><IMG height=14
src="gallerytop2.gif"
width=9></TD>
<TD
background="gallerytopbg.gif"
height=14></TD>
<TD align=right height=14><IMG height=14
src="An Ode to Final Fantasy Gallery_files/gallerytop3.gif"
width=8></TD></TR></TBODY></TABLE></TD>
<TD height=14><IMG height=14
src="gallerytop4.gif"
width=13></TD></TR>
<TR>
<TD width=12
background="galleryleftbg.gif">
<TABLE height="100%" cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD vAlign=top height=8><IMG height=8
src="gallerylefttop.gif"
width=12></TD></TR>
<TR>
<TD
background="galleryleftbg.gif"
height=8></TD>
<TR>
<TD vAlign=bottom height=8><IMG height=8
src="galleryleftbottom.gif"
width=12></TD></TR></TBODY></TABLE></TD>
<TD>gallery image will go in here and will expand to fit</TD>
<TD width=13
background="galleryrightbg.gif">
<TABLE height="100%" cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD vAlign=top><IMG height=8
src="galleryrighttop.gif"
width=13></TD></TR>
<TR>
<TD></TD></TR>
<TR>
<TD vAlign=bottom><IMG height=8
src="galleryrightbottom.gif"
width=13></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD vAlign=bottom width=12
background="gallerybottombg.gif"
height=14><IMG height=14
src="gallerybottom1.gif"
width=12></TD>
<TD
background="gallerybottombg.gif"
height=14>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD height=14><IMG height=14
src="An Ode to Final Fantasy Gallery_files/gallerybottom2.gif"
width=9></TD>
<TD
background="gallerybottombg.gif"
height=14></TD>
<TD align=right height=14><IMG height=14
src="gallerybottom3.gif"
width=8></TD></TR></TBODY></TABLE></TD>
<TD width=13 height=14><IMG height=14
src="An Ode to Final Fantasy Gallery_files/gallerybottom4.gif"
width=13></TD></TR></TBODY></TABLE><!-- my image holder ends here --></TD></TR></TBODY></TABLE><BR>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD
style="BORDER-RIGHT: #666666 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #666666 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 9px; BORDER-LEFT: #666666 1px solid; COLOR: #cccccc; BORDER-BOTTOM: #666666 1px solid; FONT-FAMILY: verdana">Layout
© <A href="http://magitek.nu/" target=_top>Pange</A> of An Ode to Final
Fantasy, 2003. All images are property of Squaresoft. You may take any
images from this site except for ones that are on the layout. Do not link
directly to any of the images or these black and white image pages. To
save images, right click on the image, and select <I>Save Picture As</I>.
</TD></TR>
<TR>
<TD align=middle>~ ~ ~ ~ ~<BR><A href="http://magitek.nu/ode2ff/"
target=_top>An Ode to Final Fantasy</A></TD></TR></TBODY></TABLE></BODY></HTML>