New Look For USVSD

[Cyborg Stan]

I use 1280x1024 myself. Looking at the other resolutions, only 1024x768 seems to work. Personally, I'd at least get it to work on 800x600 and above, but that's just me. I'll look at it further myself.

EDIT : A minor tweaking shows that for my browser at 1280x1024 resolution, a simple <center> tag before the elements in question fixes it for me. At 1024x768 it's still recognizable, but it's shifted a bit to the right. At lower resolutions, it's still out of whack.

[Cyborg Stan]

Mucking around further, I believe I've come up with something that works even at 640x480. Just replace the menu code with this :

Code: Select all

<center>

<table cellpadding=0 border=0>
	<tr height=210>
		<td width=195>
			<a href="http://www.mrpoesmorgue.com/usvsd/data.html"
			onMouseover="treka.src='trekaa.gif'"
			onMouseout="treka.src='treka.gif'" width=195 height=210>
			<img src="treka.gif" border="0"
			NAME="treka" width=195 height=210></a>
		</td>
		<td width=195 valign=bottom>
			<a href="http://www.mrpoesmorgue.com/morgstuff/update.html#usvsd"
			onMouseover="trekb.src='trekbb.gif'"
			onMouseout="trekb.src='trekb.gif'" width=195 height=145>
			<img src="trekb.gif" border="0"
			NAME="trekb" width=195 height=145></a>
		</td>
		<td width=195>
			<a href="http://www.mrpoesmorgue.com/usvsd/myths/myths.html"
			onMouseover="trekc.src='trekcc.gif'"
			onMouseout="trekc.src='trekc.gif'" width=195 height=210>
			<img src="trekc.gif" border="0"
			NAME="trekc" width=195 height=210></a>
		</td>
	</tr>
	<tr height=210>
		<td width=181>
			<a href="http://www.mrpoesmorgue.com/usvsd/usvsdfaq.html"
			onMouseover="supic.src='righta.gif'"
			onMouseout="supic.src='right.gif'" width=181 height=190>
			<img src="right.gif" border="0"
			NAME="supic" width=181 height=190></a>
		</td>
		<td width=200>
			<img src="isd.gif" width=200 height=200>
		</td>
		<td width=181 valign=bottom>
			<a href="http://www.mrpoesmorgue.com/usvsd/sources.html"
			onMouseover="dupic.src='lefta.gif'"
			onMouseout="dupic.src='left.gif'" width=181 height=110>
			<img src="left.gif" border="0"
			NAME="dupic" width=181 height=110></a>
		</td>
	</tr>
</table>

</center>

This gets something similar to what I see at 1024x768, but seems to work over more resolutions. It's not exactly the same, but should be close enough.

EDIT : Added the border and cellpadding settings to the table, in case it would be a problem.

[Lord Poe]

Stan;

Thanks. Yeah, I thought I'd have to resort to tables!

[Dalton]

Well, the break tag fixed it on my monitor and I'm running 1280x1024. Seems to be working now, though.

EDIT: The code for your variables is wrong. They shouldn't all be x, but each a seperate variable. Also, you only need to preload the rollover images:

Code: Select all

var trekaa = new Image();
trekaa.src = "trekaa.gif"

var trekbb = new Image();
trekbb.src = "trekbb.gif"

var trekcc = new Image();
trekcc.src = "trekcc.gif"

var righta = new Image();
righta.src = "righta.gif"

var lefta = new Image();
lefta.src = "lefta.gif"

[Lord Poe]

Well, the break tag fixed it on my monitor and I'm running 1280x1024. Seems to be working now, though.

Yeah, tables are usually foolproof.

EDIT: The code for your variables is wrong. They shouldn't all be x, but each a seperate variable. Also, you only need to preload the rollover images:

.....I knew that....

[Mange]

Really, really nice design, Lord Poe! I ust say that I'll miss the Hate Mail page though (I hoped that it would be expanded if and when you recieved more mail. Oh well).