positioning navigation bar

[snapper]

I have inserted a navigation bar using Dreamweaver, which has inserted the following javascript. Trouble is, I need to fix the position and I'm not familiar enough with Java to identify what needs changing. Did add the following css to try to position it but seems to be overriden by the Java. Any ideas???

<style type="text/css">
<!--
#outer {postition:absolute;
left: 100px; top: 50px;
height: 100px; width: 400px;
background-color: #999999;}
</style>

and in body before nav links:

<div id="outer">
<a href="Evie enlarge.jpg" etc etc....
</div>

The Java for the nav bar is as follows:

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}

[smartweb]

That is the main problem with FrontPage, DreamWeaver and the like - People using it don't understand the code inserted by those editors and therefore cannot adjust it. It's better to learn JavaScript and CSS instead of relying on this type of editors.

[snapper]

Point taken, and I would love to have the time, but as a complete novice designing a website for the first time, I am on a very steep learning curve as it is. I have learnt more from the very patient contributors on this forum than anywhere else in the week since I first started designing the site. Who knows, perhaps when the last of my four children have started school I will have the time to read my HTML Complete Reference guide cover to cover....in the meantime, thank you to all who have taken the time to help and I hope to get some feedback on my design from the experts in due course!

[snapper]

:rofl: Got it! In case anyone was interested, got around problem by inserting style tag in side each of the link references which set absolute position of the individual elements making up nav bar, for eg:

<a href="pic1enlarge.jpg" style="position:absolute; left: 200px; top: 270px; height: 90px; width: 90px; background-color: #999999" target="advimage" onClick="MM_nbGrou etc etc....hope the 6 hours I spent on it might help someone else.