Ugh... Help, please.

† *Semishadow* · June 26, 2007

I began a layout a few days ago for a Chiodos fansite I'm designing. So far, I haven't had too many problems but, recently, I discovered a very large one that I can't seem to fix.

Whenever the text in the "main area" (such as where content and updates would go) forces that side of the layout to become larger than the sidebar, it's fine. Layout works perfectly. Unfortunetly, whenever it doesn't force that side of the layout to become larger than the sidebar, everything gets all... Blah. Here's a couple of image previews:

Fine.

Not fine.

Anyway, here's the coding. I won't bother you with everything in the <head> tag. It's still a lot of coding to go through, though, and it's pretty sloppy (I apologize for this - most of it is still in the "development stage.".


<body bgcolor="#CFD4DC" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="700" border="0" cellpadding="0" cellspacing="0" align="center">
	<tr>
		<td rowspan="8" bgcolor="#CFD4DC" width="4" height="100%">
			</td>
		<td colspan="6">
			<img src="images/bord_top.gif" width="692" height="10" alt=""></td>
		<td rowspan="8" bgcolor="#CFD4DC" width="4" height="100%">
			</td>
	</tr>
	<tr>
		<td colspan="4">
			<script language="JavaScript">showImage();</script>
		</td>
		<td rowspan="7" bgcolor="#CFD4DC" width="3" height="100%">
			</td>
		<td rowspan="7" bgcolor="#CFD4DC" width="185" height="100%" valign="top">
sidebar would go here.
		</td>
	</tr>
	<tr>
		<td>
			<a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '150px')" onMouseout="delayhidemenu()">
				<img src="images/but_band.gif" hsrc="images/but_band_over.gif" width="118" height="36" border="0" alt=""></a></td>
		<td>
			<a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu2, '150px')" onMouseout="delayhidemenu()">
				<img src="images/but_music.gif" hsrc="images/but_music_over.gif" width="98" height="36" border="0" alt=""></a></td>
		<td>
			<a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu3, '150px')" onMouseout="delayhidemenu()">
				<img src="images/but_media.gif" hsrc="images/but_media_over.gif" width="152" height="36" border="0" alt=""></a></td>
		<td>
			<a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu4, '150px')" onMouseout="delayhidemenu()">
				<img src="images/but_site.gif" hsrc="images/but_site_over.gif" width="136" height="36" border="0" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="4">
			<img src="images/div_navcon.gif" width="504" height="11" alt=""></td>
	</tr>
	<tr>
		<td colspan="4" background="images/main.gif" width="504" height="100%" valign="top">
			<table width="504" border="0" cellpadding="10" cellspacing="0">
				<tr>
					<td>
content would go here.
		</td></tr></table></td>
	</tr>
	<tr>
		<td colspan="4">
			<img src="images/div_conbot.gif" width="504" height="11" alt=""></td>
	</tr>
	<tr>
		<td colspan="4" background="images/bot_bg.gif" width="504" height="100%">
			<table width="100%" border="0" cellpadding="3" cellspacing="0">
				<tr>
					<td align="center">
<img src="images/arrow.gif"> <a href="#">Heaven's Plagues</a> is Copyright © <a href="mailto:[email protected]">Ethan Vogt</a> 2007 unless otherwise stated. 
Heaven's Plagues is in no way affiliated with <a href="http://www.chiodos.net/" target="_blank">Chiodos</a> or <a href="http://www.equalvision.com/" target="_blank">Equal Vision Records</a>.
All Rights Reserved.
			</td></tr></table>
		</td>
	</tr>
	<tr>
		<td colspan="4">
			<img src="images/bottom.gif" width="504" height="6" alt=""></td>
	</tr>
</table>
</body>
</html>

I have tried everything I can think of, except re-slicing the entire layout (I have made minor slice changes, though, none of which worked).

For any and all help, I appreciate it.

**Koby** · June 26, 2007

It actually has to do with the slicing.. I have a layout that did that too.. but I didn't notice it until I had the layout active on the judgement ring.. =P Which I haven't ever fixed.. LOL

It seems to break if you slice something to where like the navigation area covers more then just one other slice along side it.. such as the content area being smaller sliced in height... one way to fix it could possibly be to use div coding.. or wrap things in their own tables so that not everything is in one big table code.

-PHXN- New001 · June 26, 2007

I cant think of anything that you might be able to fix it with.

Try fussing around with it in Dreamweaver or Frontpage

† *Semishadow* · June 27, 2007

Koby: I actually tried slicing it so that it worked like that. After thinking for a while, I realized that's how I used to do all of my old layouts and they all worked fine. However... Still didn't work. It actually probably would have had I completely re-did the HTML (well... let Photoshop do it for me), but I really didn't feel like re-coding all of it. Oh well. S'pose I'll have to.

*shrug*

New001: Thanks. I'll try messing with it in Frontpage to see if I can avoid re-slicing it. Never thought of that.

[=

Luneth · July 14, 2007

Hey Semishadow, the code thatyou have gave us, it doesn't work, it needs to be fixed!

† *Semishadow* · July 30, 2007

Hey Semishadow, the code thatyou have gave us, it doesn't work, it needs to be fixed!

Well... it sort of worked fine for me. As for "it doesn't work," what, exactly, do you mean by that?

Luneth · July 30, 2007

It doesn't really work on my site

**Koby** · July 31, 2007

It's not suppose to. It's not for you to use.

It's messed up and he was asking for help on how to fix the layout. >_<

Anooxy · July 31, 2007

First of all I would think to validate the coding. coding that is not valid will display differently in many browser.

And... O_o why do you add background colors to the tables directly. Consider using CSS Styles.

† *Napoleon Bonaparte* · July 31, 2007

Oh im pretty sure I know how to fix this! May I please have the original PSD with the saved slicing. That's if you want to. :>

Anooxy · July 31, 2007

Wow, you make layouts with Photoshop?

I've never made layouts with Photoshop... just pure HTML.

† *Napoleon Bonaparte* · July 31, 2007

Of course! :> It's like the only way I know how to make layouts. lol :>

Anooxy · July 31, 2007

Don't you use HTML???

† *Napoleon Bonaparte* · July 31, 2007

Well of course. :> Photoshop makes all the coding (html) so all I need to do is edit it the way I want it, make my own CSS and poof! Nice working layout lol. Yes i'm very lazy which is why I make them in photoshop. <33

**Koby** · July 31, 2007

Me too, except Photoshop is a very bad coder. I pretty much have to recode everything. Not to mention it only codes in outdated HTML instead of the newer xHTML, and it often leaves tags unclosed. xHTML is so much better.

Anooxy · July 31, 2007

I'm a fanatic of valid coding... does the coding of Photoshop looks the same on all browser.

Hey Koby, there is XHTML 1.1 now. You should update your site.

† *Napoleon Bonaparte* · July 31, 2007

Yes and No. If do the coding wrong on a layout it may look good in a specific browser. On another, no. If you do coding right on your layout in photoshop with editing etc, then most likely yes. :>

Sign In

Ugh... Help, please.

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Recently Browsing 0 members