sisqoluv
03-12-2004, 12:15 AM
http://ydruk.purrmeow.net/v12.html
Can anyone figure out why my page scrolls over so far to the right? At first, I thought maybe I had left a DIV (I copied these codes from various other layouts of mine), but that's not it...
<title>[ [ Dru Thousand Dru | v.8 | ) ) the next DRU*llennium</title>
<!-- -------- -->
<!-- [ this site was created by Ambrosia -- sisqoluv@purrmeow.net ]
Homer Simpson: "Stealing?! How could you? Haven't you learned anything
from that guy who gives those sermons at church? Captain Whats-his-name?
We live in a society of laws. Why do you think I took you to all those "Police
Academy" movies? For fun? Well, I didn't hear anybody laughing! Did you?!
Except at that guy who made sound effects. [Homer makes some and laughs
to himself]
Do me a favor, please? Don't copy! I took the time to design this site and layout, so go
spend YOUR time making YOUR own layout. You shouldn't create a website if you're
going to copy. Be creative and different. Think of your own ideas and back off of mine!
*cheesy smile* Thanks. If you need help with your site, just email me and ask -nicely-.
Homer, singing: "Stealing, Stealing, Stealing a car for Moe! De, de, de, de, Insurance fraud today!"
-->
<!-- -------- -->
<!-- -------- -->
<!-- [ this site was created by Ambrosia -- sisqoluv@purrmeow.net ]
I HOPE you read above *points*. If not, I'll find you :P
-->
<!-- -------- -->
<style>
<!--
A:link{COLOR:#ffffff;TEXT-DECORATION: none; font-weight: normal}
A:visited{COLOR:#ffffff;TEXT-DECORATION: none; font-weight: normal}
A:active{COLOR:#ffffff;TEXT-DECORATION: none; font-weight: normal}
A:hover{color:#EFF4FE; text-decoration:none; font-weight: bold; cursor: crosshair}
-->
</style>
<STYLE type="text/css">
<!--
BODY {
scrollbar-3dlight-color: #E12323;
scrollbar-arrow-color: #E12323;
scrollbar-base-color: #E12323;
scrollbar-darkshadow-color: #E12323;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-track-color: #ffffff;
}
-->
</STYLE>
<STYLE TYPE="text/css">
<!--
BODY {background-image: URL(/v12/right.gif);
background-position: 483 162;
background-repeat: no-repeat;
background-attachment: no;}
-->
</style>
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
<link rel="stylesheet" href="menu.css">
</head>
<body>
<!-- menu script itself. you should not modify this file -->
<script language="JavaScript" src="menu.js"></script>
<!-- items structure. menu hierarchy and links are stored there -->
<script language="JavaScript" src="menu_items.js"></script>
<!-- files with geometry and styles structures -->
<script language="JavaScript" src="menu_tpl.js"></script>
<script language="JavaScript">
<!--//
// Note where menu initialization block is located in HTML document.
// Don't try to position menu locating menu initialization block in
// some table cell or other HTML element. Always put it before </body>
// each menu gets two parameters (see demo files)
// 1. items structure
// 2. geometry structure
new menu (MENU_ITEMS, MENU_POS);
// make sure files containing definitions for these variables are linked to the document
// if you got some javascript error like "MENU_POS is not defined", then you've made syntax
// error in menu_tpl.js file or that file isn't linked properly.
// also take a look at stylesheets loaded in header in order to set styles
//-->
</script>
<script language=JavaScript>
<!--
//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document. onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontext menu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>
<img style="position:absolute; top:5px; left:105px;" src="/v12/part1.jpg">
<img style="position:absolute; top:5px; left:279px;" src="/v12/part2.jpg">
<img style="position:absolute; top:5px; left:479px;" src="/v12/part3.jpg">
<img style="position:absolute; top:140px; left:105px;" src="/v12/left.gif">
<img style="position:absolute; top:162px; left:285px;" src="/v12/middle.gif">
<IFRAME NAME="main" SRC="main.html" width="400" height="267" frameborder="0" scrolling="yes" style="position:absolute; left:291; top:170;"></iframe>
</body>
</HTML>
Then I thought it may have had something to do with my menu, but the menu didn't do this on my old layout. Here's one of the files:
/*
--- menu level scope settins structure ---
note that this structure has changed its format since previous version.
Now this structure has the same layout as Tigra Menu GOLD.
Format description can be found in product documentation.
*/
var MENU_POS = [
{
// item sizes
'height': 22,
'width': 85,
// menu block offset from the origin:
// for root level origin is upper left corner of the page
// for other levels origin is upper left corner of parent item
'block_top': 140,
'block_left': 285,
// offsets between items of the same level
'top': 0,
'left': 81,
// time in milliseconds before menu is hidden after cursor has gone out
// of any items
'hide_delay': 200,
'expd_delay': 200,
'css' : {
'outer': ['m0l0oout', 'm0l0oover'],
'inner': ['m0l0iout', 'm0l0iover']
}
},
{
'height': 20,
'width': 150,
'block_top': 23,
'block_left': 0,
'top': 21,
'left': 0,
'css': {
'outer' : ['m0l1oout', 'm0l1oover'],
'inner' : ['m0l1iout', 'm0l1iover']
}
},
{
'block_top': 5,
'block_left': 140,
'css': {
'outer': ['m0l2oout', 'm0l2oover'],
'inner': ['m0l1iout', 'm0l2iover']
}
}
]
I'm sorry if the answer's obvious, but I don't see it :lol:
EDIT: I removed some of the spacing from the <head> of my code (you know, so if people view your source there's a small chance they won't scroll and see the rest, lol.
Can anyone figure out why my page scrolls over so far to the right? At first, I thought maybe I had left a DIV (I copied these codes from various other layouts of mine), but that's not it...
<title>[ [ Dru Thousand Dru | v.8 | ) ) the next DRU*llennium</title>
<!-- -------- -->
<!-- [ this site was created by Ambrosia -- sisqoluv@purrmeow.net ]
Homer Simpson: "Stealing?! How could you? Haven't you learned anything
from that guy who gives those sermons at church? Captain Whats-his-name?
We live in a society of laws. Why do you think I took you to all those "Police
Academy" movies? For fun? Well, I didn't hear anybody laughing! Did you?!
Except at that guy who made sound effects. [Homer makes some and laughs
to himself]
Do me a favor, please? Don't copy! I took the time to design this site and layout, so go
spend YOUR time making YOUR own layout. You shouldn't create a website if you're
going to copy. Be creative and different. Think of your own ideas and back off of mine!
*cheesy smile* Thanks. If you need help with your site, just email me and ask -nicely-.
Homer, singing: "Stealing, Stealing, Stealing a car for Moe! De, de, de, de, Insurance fraud today!"
-->
<!-- -------- -->
<!-- -------- -->
<!-- [ this site was created by Ambrosia -- sisqoluv@purrmeow.net ]
I HOPE you read above *points*. If not, I'll find you :P
-->
<!-- -------- -->
<style>
<!--
A:link{COLOR:#ffffff;TEXT-DECORATION: none; font-weight: normal}
A:visited{COLOR:#ffffff;TEXT-DECORATION: none; font-weight: normal}
A:active{COLOR:#ffffff;TEXT-DECORATION: none; font-weight: normal}
A:hover{color:#EFF4FE; text-decoration:none; font-weight: bold; cursor: crosshair}
-->
</style>
<STYLE type="text/css">
<!--
BODY {
scrollbar-3dlight-color: #E12323;
scrollbar-arrow-color: #E12323;
scrollbar-base-color: #E12323;
scrollbar-darkshadow-color: #E12323;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-track-color: #ffffff;
}
-->
</STYLE>
<STYLE TYPE="text/css">
<!--
BODY {background-image: URL(/v12/right.gif);
background-position: 483 162;
background-repeat: no-repeat;
background-attachment: no;}
-->
</style>
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
<link rel="stylesheet" href="menu.css">
</head>
<body>
<!-- menu script itself. you should not modify this file -->
<script language="JavaScript" src="menu.js"></script>
<!-- items structure. menu hierarchy and links are stored there -->
<script language="JavaScript" src="menu_items.js"></script>
<!-- files with geometry and styles structures -->
<script language="JavaScript" src="menu_tpl.js"></script>
<script language="JavaScript">
<!--//
// Note where menu initialization block is located in HTML document.
// Don't try to position menu locating menu initialization block in
// some table cell or other HTML element. Always put it before </body>
// each menu gets two parameters (see demo files)
// 1. items structure
// 2. geometry structure
new menu (MENU_ITEMS, MENU_POS);
// make sure files containing definitions for these variables are linked to the document
// if you got some javascript error like "MENU_POS is not defined", then you've made syntax
// error in menu_tpl.js file or that file isn't linked properly.
// also take a look at stylesheets loaded in header in order to set styles
//-->
</script>
<script language=JavaScript>
<!--
//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document. onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontext menu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>
<img style="position:absolute; top:5px; left:105px;" src="/v12/part1.jpg">
<img style="position:absolute; top:5px; left:279px;" src="/v12/part2.jpg">
<img style="position:absolute; top:5px; left:479px;" src="/v12/part3.jpg">
<img style="position:absolute; top:140px; left:105px;" src="/v12/left.gif">
<img style="position:absolute; top:162px; left:285px;" src="/v12/middle.gif">
<IFRAME NAME="main" SRC="main.html" width="400" height="267" frameborder="0" scrolling="yes" style="position:absolute; left:291; top:170;"></iframe>
</body>
</HTML>
Then I thought it may have had something to do with my menu, but the menu didn't do this on my old layout. Here's one of the files:
/*
--- menu level scope settins structure ---
note that this structure has changed its format since previous version.
Now this structure has the same layout as Tigra Menu GOLD.
Format description can be found in product documentation.
*/
var MENU_POS = [
{
// item sizes
'height': 22,
'width': 85,
// menu block offset from the origin:
// for root level origin is upper left corner of the page
// for other levels origin is upper left corner of parent item
'block_top': 140,
'block_left': 285,
// offsets between items of the same level
'top': 0,
'left': 81,
// time in milliseconds before menu is hidden after cursor has gone out
// of any items
'hide_delay': 200,
'expd_delay': 200,
'css' : {
'outer': ['m0l0oout', 'm0l0oover'],
'inner': ['m0l0iout', 'm0l0iover']
}
},
{
'height': 20,
'width': 150,
'block_top': 23,
'block_left': 0,
'top': 21,
'left': 0,
'css': {
'outer' : ['m0l1oout', 'm0l1oover'],
'inner' : ['m0l1iout', 'm0l1iover']
}
},
{
'block_top': 5,
'block_left': 140,
'css': {
'outer': ['m0l2oout', 'm0l2oover'],
'inner': ['m0l1iout', 'm0l2iover']
}
}
]
I'm sorry if the answer's obvious, but I don't see it :lol:
EDIT: I removed some of the spacing from the <head> of my code (you know, so if people view your source there's a small chance they won't scroll and see the rest, lol.