Adjusting menu modules, >> Options

[synthase]

In my layout code, i want to move the menu module up without moving anything else.
I tried adjusting everything, but it just come out wrong.

now; im not sure what to adjust

Heres my layout code:

<!-- start code provided by createblog.com -->
<script language=javascript>
document.title="P U R I N :)"
</SCRIPT>

<style type="text/css">

hr, table.footer TD, table.left, td.mainleft,

table.navigation, table.search,

#SearchBar1_pnlYouAreHere {
/* removes the original modules */
display: none;
}

body {
/* edits the scrollbar and background */
scrollbar-arrow-color: #ff9600;
scrollbar-track-color: #ffbe61d;
scrollbar-shadow-color: #ffbe61;
scrollbar-face-color: #ffbe61;
scrollbar-highlight-color: #ffbe61;
scrollbar-darkshadow-color: #ffbe61;
scrollbar-3dlight-color: #ffbe61;
background-color: #ff9600;
cursor: normal;
background-image: none;
background-repeat:none;
background-align: left;
overflow-x: hidden; }

.left, .blogbody, table.footer, .standard,

.leftmodulefontcolor, td, p, .content {
/* edits main text */
font: 11px arial;
line-height:normal;
color: #000000;
letter-spacing:0px;
text-align:justify;
background-color: #ffbe61;
filter:alpha(opacity=87);

}

p.nav {
/* edits the menu modules */
width:168px;
background-color:transparent;
font-family: arial;
text-decoration:none;
font-size: 11px;
line-height:normal;
color:#000000;
letter-spacing:0px;
text-align: center;
height:1px;
text-transform: none;
}

div.blogheader, .caption {
/* edits the dates */
background-image: url("") ;
width: 290px;
font:10px georgia;
font-weight: strong;
text-decoration: none;
line-height: 10px;
padding-left:-10px;
text-transform: uppercase;
color: #000000;
letter-spacing:2px;
text-align: right;
border-bottom: 1px solid #000000;
}

a:link{
/* edits all the links */
color: #000000;
font:11px arial;
text-decoration: none;
text-transform: lowercase;
letter-spacing: 1px;
cursor: ne-resize;
}

a:visited{
/* edits all the visited links */
color: #000000;
font:18px porky;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
cursor:ne-resize;
}

a:hover{
/* edits all the hovered links */
font:10px Arial;
text-decoration: none;
color: #000;
text-transform: uppercase;
letter-spacing: 1px;
cursor: ne-resize;
}

input, select, textarea, iframe.htmleditor,

.textfield, .button {
/* edits the buttons, dropdowns, etc. */
border: 1px solid #000000;
font: 11px arial;
background-color: transparent;
color: #000000;
letter-spacing:0px;
}

table.blogbody {
/* edits the other the place where the blog is */
width:305px;
}

hr {
/* horizontal divider */
border: 0px;
width:0px;
}

p {
/* edits all of the paragraphs */
align: justify;

}

b, strong {
/* edits all the bolded words */
color: #ff9600;
font-weight: bold;
letter-spacing:0px;
font-size: 11px;
font-face: arial;
text-transform: none;
}

I, EM {
/* edits all the italic words */
color: #000;
letter-spacing:0px;
font-size:11px;
text-transform:none;
font-style:none;
background-color:none;
}

u {
/* edits all the underlined words */
color: #000;
letter-spacing:0px;
font-size: 11px;
text-transform:none;
font-style:none;
background-color:none;
}

#pnlEnabled table, #htmleditor, #lblTimeZone,

#pnlEprops, #rblEprops {
/* edits the comments page */
width:290px;
}

table.blogbody tr td {
/* this edits the left margin of blog */
width:0px;
padding: 0px;
}

body, div {
/* edits the whole xanga */
font: 11px arial;
line-height:normal;
color: #000000;
letter-spacing:0px;
text-align:justify;
text-transform:none;
}

p.menubottom {
/* edits the menu modules */
width:168px;
border:0px solid none;
text-align:left;
padding-left:50px;
margin-top: 200px;
}

p.menubb {
/* edits the menu modules */
width:168px;
text-align:justify;
padding-left:50px;
margin-top: 200px;
}

</style>
<div align=left><div style="position:static;
margin-left:20px; margin-top: -80px; ">
<img
src="http://img211.imageshack.us/img211/6923/purinlaykj0.gif"
<!-- Start: EDIT -->
<div style="position:static; overflow: auto;
margin-left:100px; margin-top: -425px;
height:347px; border: 0px; width: 152px; ">


<br><br>

<a
href="http://xanga.com/Private/SubscribeTo.aspx?us
er=YOURUSERNAME" target=new>add me</a><br>
<a
href="http://xanga.com/private/subs.aspx">subs</a><br>
<a
href="http://www.xanga.com/private/home.aspx">private</A><br>
<a
href="http://www.xanga.com/CLAF/default.asp">L&F</A><br>
<a
href="http://www.xanga.com/guestbook.aspx?user=YOURUSERNAME">guestbook</A><br>
<br>




</DIV>
<div style="overflow: auto; width: 320px; height: 350px; margin-top:-665px; margin-left: 470px;
">
<!-- end code provided by createblog.com -->

thank you!

[*digital.fragrance*]

The way you have it set up is that the more you adjust the modules, the more the blog's position changes. To fix that problem, you will have to edit both attributes.

For Example: You move the modules up 100 pixels. Well, if you want the blog in the same place, you will have to move the blog down -100 pixels.

[synthase]

^^ thank you!

[*afflict.x*]

just if you get confused, i got this from myspace help but it works the same when using div..
top: -45px = moves up 45px
top: 45px = moves down 45px
left: -15px = moves left 15px
left: 15px = moves right 15px

let us know us know we you need help. =)

[*digital.fragrance*]

Okie dokie - if you need this re-opened, just PM me
Topic Closed