I'm hoping this is a pretty simple answer, I'm fairly inexperienced at html.
I began coding a gaming website for me and a couple friends this morning,
and my issue is that there is a scrollbar on the right side of my page while it clearly does not need one.
I know this is being anal about things but I don't know why it's there.
If my image is not inside a table (which I'm using to center the image vertically),
then the right-side scrollbar doesn't show, but once I add the table, well the scrollbar shows up.
If it helps to see what I mean the website is at:
http://www.teamd3rp.com/
Thanks for any help!
<html>
<head>
<title>team/d3rp</title>
<script language="JavaScript"><!--
var js = 1.0;
Version = parseInt(navigator.appVersion);
if (navigator.appName == "Netscape")
js = ((Version >= 4) ? 1.2 : ( (Version == 3) ? 1.1 : 1.0 ));
else
if (navigator.appVersion.indexOf('MSIE') != -1)
js = ((Version >= 4) ? 1.1 : 1.0);
function changeimagemap(newImage) {
if (js > 1.0) document ['d3rp'].src = eval(newImage + ".src");
}
if (js > 1.0) {
d3rp = new Image();
d3rp.src = "images/splash/d3rp.png";
d3rp_forums = new Image();
d3rp_forums.src = "images/splash/d3rp_forums.png";
d3rp_brink = new Image();
d3rp_brink.src = "images/splash/d3rp_brink.png";
d3rp_mw3 = new Image();
d3rp_mw3.src = "images/splash/d3rp_mw3.png";
d3rp_gow3 = new Image();
d3rp_gow3.src = "images/splash/d3rp_gow3.png";
d3rp_tf2 = new Image();
d3rp_tf2.src = "images/splash/d3rp_tf2.png";
}
//-->
</script>
</head>
<body background="images/splash/background.png">
<map name="d3rpmap">
<area shape="rect" coords="239,55,372,77" href="/forums/"
onmouseover="changeimagemap('d3rp_forums');self.st atus='';return true"
onmouseout="changeimagemap('d3rp');self.status=''; return true">
<area shape="rect" coords="66,77,376,492" href="/brink/"
onmouseover="changeimagemap('d3rp_brink');self.sta tus='';return true"
onmouseout="changeimagemap('d3rp');self.status=''; return true">
<area shape="rect" coords="378,77,482,492" href="/mw3/"
onmouseover="changeimagemap('d3rp_mw3');self.statu s='';return true"
onmouseout="changeimagemap('d3rp');self.status=''; return true">
<area shape="rect" coords="484,77,722,492" href="/gow3/"
onmouseover="changeimagemap('d3rp_gow3');self.stat us='';return true"
onmouseout="changeimagemap('d3rp');self.status=''; return true">
<area shape="rect" coords="724,77,863,492" href="/tf2/"
onmouseover="changeimagemap('d3rp_tf2');self.statu s='';return true"
onmouseout="changeimagemap('d3rp');self.status=''; return true">
</map>
<table height="100%" width="100%" border="0" cellpadding="0" cellspacing="0" valign="center">
<tr>
<td>
<center>
<img name="d3rp" src="images/splash/d3rp.png" border="0" width="929" height="569" usemap="#d3rpmap">
</center>
</td>
</tr>
</table>
</body>
</html>
|