Help with image map navigation thing? Options

[khraene]

I have this image map navigation thing that I want to fix in the bottom right corner of my xanga, but I'm not exactly sure how...could anyone help me with this?

[hi-C]

You could position the picture at the bottom of your xanga with a div or mess with the image tags to move it down some.

[khraene]

Thanks, I'll look into it ^^

...Google is my best friend.

[edit] Forgive me for being stupid, but...how?

[hi-C]

Well with the image tag, you just add in HSPACE to move it horizontally and/or VSPACE to move it vertically. For example:

CODE

<img src="URL HERE" VSPACE=10 HSPACE=20>

With a div, you just place the image tag within it. For example:

CODE

<div style="margin-left:10px; margin-top:100px;>
<img src="URL HERE">
</div>

[khraene]

Thanks ^^ I learned something new today xP But...it doesn't seem to work on xanga. It moves, but it's always above the text, and I wanted it at the same level as the text...

[talcumpowder]

Thanks ^^ I learned something new today xP But...it doesn't seem to work on xanga. It moves, but it's always above the text, and I wanted it at the same level as the text...
----
Explain..... I'm not quite sure I understand.

[khraene]

Well, it's like this...It positions itself above the text, but I want it to be next to the text.

[talcumpowder]

...... You never said what 'text' was. It is your entries? Clarify please.

[khraene]

Er yeah...the main blog body.

[talcumpowder]

Entries to the left, image to the right. Like this.
[ http://www.xanga.com/home.aspx?user=nyah_tests ]
Based on your actual Xanga coding.... Ignore the fact that there's no ad. I'm on the free trial.

<!-- begin code provided by createblog.com --><br /><div align="center"><img src="http://i3.photobucket.com/albums/y75/khraene/banner.gif"></div><br /><br /><div align="right"><br /><img src="http://i3.photobucket.com/albums/y75/khraene/xnav.gif" alt="" border="0" usemap="#xnav_Map"><br /><map name="xnav_Map"><br /><area shape="rect" alt="Log out" coords="148,348,237,389" href="http://www.xanga.com/logout.aspx?user=khraene"><br /><area shape="rect" alt="Sign in" coords="144,322,219,348" href="http://www.xanga.com/signin.aspx"><br /><area shape="rect" alt="Read your subscriptions" coords="148,288,364,322" href="http://www.xanga.com/private/subs.aspx"><br /><area shape="rect" alt="Claf" coords="144,266,200,288" href="http://www.xanga.com/claf"><br /><area shape="rect" alt="Your xanga" coords="144,233,262,266" href="http://www.xanga.com/private/home.aspx"><br /><area shape="rect" alt="Refresh" coords="144,168,220,197" href="http://www.xanga.com/home.aspx?user=khraene"><br /><area shape="rect" alt="Subscribe" coords="139,136,238,168" href="http://www.xanga.com/private/SubscribeTo.aspx?user=khraene"><br /><area shape="rect" alt="Profile" coords="144,109,221,136" href="http://www.xanga.com/profile.aspx?user=khraene"><br /></map></div><br /><br /><style type="text/css"><br /><br />#rblEprops, #pnlEnabled table, #pnlEprops table { <br />width: auto !important; <br />}<br /><br />table.header, table.main, table.footer, table.navigation{<br />width:50%;<br /><br />}<br />table.blogbody, div.blogheader, .caption{<br />width:50%;<br /><br />}<br />div.blogheader, .caption{<br />width:90%;<br />align:left;<br /><br />}<br /><br />td.maincenter {<br />text-align:left;<br />}<br />body {<br />background:#ffffff url("" bottom right fixed no repeat);<br />margin:0;<br />padding:0;<br />overflow-x:hidden;<br />scrollbar-Arrow-Color: #000000;<br />scrollbar-Track-Color: #ffffff;<br /><br /><br />scrollbar-Shadow-Color: #d09cf3;<br />scrollbar-Face-Color: #ffffff;<br />scrollbar-Highlight-Color: #ffffff;<br />scrollbar-darkshadow-color: #ffffff;<br />scrollbar-3dLight-Color: #cecece;<br />font-family: arial;<br />font-size:8pt;<br />color:#ffffff;<br />}<br />texttable.left, td.mainleft, table.left, table.navigation, table.footer, table.search {<br />display: none;<br />} <br />.modules, .blogbody, table.footer, .standard, .modulemodulefontcolor, td, p, .content, .smalltext {<br />font:normal 8pt arial;<br />color: #000000;<br />text-align:left;<br />}<br />a:link, a:active, a:visited{<br />color:#000000;<br />text-decoration:underlined;<br />}<br />a:hover{<br />color:#e6c2fe;<br />text-decoration:none<br />}<br />input, select, textarea, .textfield, .button{<br />border: 1px solid: #e6c2fe;<br />background-color: #ffffff;<br />letter-spacing:0px;<br />color: #d09cf3;<br />font: 8pt arial;<br />}<br />div.blogheader, .caption {<br />font-family:courier;<br />text-transform:lowercase;<br />font-size: 16pt;<br />color: #d09cf3;<br />background-color:transparent;<br />text-align: right;<br />font-weight:none;<br />padding:0px;<br />border:0px<br />}<br />table.blogbody {<br />border: 0px;<br />background-color:transparent;<br />padding:0px;<br />}<br />.blogbody td { <br />width:0x; <br />padding-left:0px; <br />}<br />table.search{<br />border:0px;<br />background-color:transparent;<br />}<br />table.search td{<br />background-color:transparent;<br />}<br />hr {<br />color: #d09cf3;<br />}                   <br /></style><br /><br /><style type="text/css"><br />hr {display:none;}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br /> color: #d09cf3;<br /> }<br />.blogbody i, .standard i, p i {<br />/* edits italicized text in your entry */<br /> font-weight: italicized;<br /> color: #cecece;<br /> }<br />.blogbody u, .standard u, p u {<br />/* edits underlined text in your entry */<br /> font-weight: underlined;<br /> color: #e6c2fe;<br /> }<br /></style><br /><br /><div align="left" style="margin-top: -400"><br /><!-- end code provided by createblog.com -->

[khraene]

Wow, I'm smart. Thanks a lot ^-^