help, please!, positioning blog... Options

[loveylovely]

I'm making a xanga layout.. and i cant get the blog to position correctly. what's wrong?

http://www.xanga.com/iceysnowflake

[lovescream]

first of all, the pic aint showing for me.
and post yer code.

[loveylovely]

grrr the pic was working 5 mins ago...


<div style="overflow: auto; width: 252px; height: 2000px; margin-top: 100px; margin-left: -600px; position=absolute;">

</div>

<div style="left=0; top=0; position=absolute;">
<div align=left>
<img src=http://www.freewebs.com/blinkies02/imgs/XLAY-top.jpg>


<DIV style="position:static; margin-left:392px;margin-top: -580;OVERFLOW: none; height: 2000px; BACKGROUND-COLOR: transparent">


<style type=text/css>
/* remove regular modules */
texttable.left, td.mainleft, table.left, table.navigation, table.search{display:none}
table.blogbody tr td {width:0px; padding: 10px;}

/* edit to your liking */
table.module { border: 0px solid #000000; width:244px; background-color:#E9F8FF; }
table.module th { background-color: E9F8FF;font: bold 11px arial; color: #F92891; border}
table.module td {color: #072480; text-align: center; border: none; background-image: none; }
</style>

<!-- add this below all the CSS -->

[lovescream]

1)

<img src=http://www.freewebs.com/blinkies02/imgs/XLAY-top.jpg>

Image no worky.
Change it to:

<"img src=http://www.freewebs.com/blinkies02/imgs/XLAY-top.jpg"

<div style="overflow: auto; width: 252px; height: 2000px; margin-top: 100px; margin-left: -600px; position=absolute;">

</div>

<div style="left=0; top=0; position=absolute;">
<div align=left>
<img src=http://www.freewebs.com/blinkies02/imgs/XLAY-top.jpg>


<DIV style="position:static; margin-left: 392px; margin-top: -580px;OVERFLOW: none; height: 2000px; BACKGROUND-COLOR: transparent">

You can change margin-top to margin-bottom or margin-left to margin-right.
What's your troubling for the blogspace anyway.
[edited]
it's not fixed for you. try it again.

This post has been edited by Spiritedfreak: Dec 26 2004, 12:37 AM

[loveylovely]

ugh this thing isnt working out.. the pic wont work anymore.

[Jus2s1mp13]

Its not like this:

<"img src=http://www.freewebs.com/blinkies02/imgs/XLAY-top.jpg"

Its like this..That is why you can't see..

CODE

<!-- begin code provided by createblog.com -->
<img src="http://www.freewebs.com/blinkies02/imgs/XLAY-top.jpg">
<!-- end code provided by createblog.com -->

second..you don't need so many div. On your picture look like you need only 2 but you have more then two div code. Here try this..and mess with the margin-top and left. Just change all these numbers to see where direction its goes and from there you should know what to do.

One div should be picture:

CODE

<!-- begin code provided by createblog.com -->
<div style="Overflow:auto; width: 252px; height: 2000px; margin-top: 100px; margin-left: -600px; position=absolute;"> <div align=left>
<img src="http://www.freewebs.com/blinkies02/imgs/XLAY-top.jpg">
</div>
<!-- end code provided by createblog.com -->

This div is for the other:

CODE

<!-- begin code provided by createblog.com -->
<DIV style="position:static; margin-left:392px;margin-top: -580;OVERFLOW: none; height: 2000px; BACKGROUND-COLOR: transparent">
<!-- end code provided by createblog.com -->

Try that and see?

[loveylovely]

thanks for that.. it helped! i still can't get the blog to position.. or the picture in the top left corner correctly.. help please?

http://www.xanga.com/iceysnowflake

here's the code:

<!-- begin code provided by createblog.com -->
<div style="left=0; top=0 position=absolute; overflow: auto;">
<div align=left>
<img src="http://img.photobucket.com/albums/v507/petalboa/XLAY-top.jpg">
<!-- end code provided by createblog.com -->

<!-- begin code provided by createblog.com -->
<DIV style="position:static; margin-left:400px;margin-top: -580;OVERFLOW: none; BACKGROUND-COLOR: transparent">
<!-- end code provided by createblog.com -->
<style type=text/css>

/* edit to your liking */
table.module { border: 0px solid #000000; width:244px; background-color: transparent; }
table.module th { background-color: transparent;font: bold 11px arial; color: #F92891; border}
table.module td {color: #072480; text-align: center; border: none; background-image: none; }
</style>

<!-- add this below all the CSS -->

<table border=0 width="660"><tr><td valign="top" width="160">
<br><br>
<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="center" class="module"> <b> <font color="3281D9"><font size=4>THE MISH!</b></th></tr><tr><td valign="top" class="module">


</td></tr></table><br>

<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="center" class="module"> <b> <font color="3281D9"><font size=4>NAVIGATION</B> </th></tr><tr><td valign="top" class="module">

<div align=left>
<font color="072480">!?!</font> <a href="http://www.xanga.com/olemissfan1">refresh</a>
<br>
<font color="072480">!?!</font>
<a href="http://www.xanga.com/private/home.aspx">private</a>
<br>
<font color="072480">!?!</font>
<a href="http://www.xanga.com/CLAF/default.asp">look&feel</a>
<br>
<font color="072480">!?!</font>
<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=SOUTHGIRL15">suscribe to me</a>
<br>
<font color="072480">!?!</font>
<a href="http://www.xanga.com/Private/subs.aspx">friends</a>
<br>
<font color="072480">!?!</font>
<a href="
http://www.xanga.com/signin.aspx">sign in</a>
<br>
<font color="072480">!?!</font>
<a href="http://www.xanga.com/logout.aspx">sign out</a>
<br>

</td></tr></table><br>

<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="center" class="module"> <b> <font color="3281D9"><font size=4>MUSIC</B> </th></tr><tr><td valign="top" class="module">
<font color=072480>Chuck Berry - Run Run Rudolph</font>

</td></tr></table>


<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top align="center" class="module"> <b> <font color="3281D9"><font size=4>LINKAGE</B> </th></tr><tr><td valign="top" class="module"><font color="#FED9DD">
<div align=left>
<font color="#ffffff">Links:</font><br>
<p>
<font color="#ffffff">Credits:</font><br>
<br>
<P><font color="#ffffff">Keep in Touch:</font> <br><b><font color="ffffff">AIM:</font> <a href="aim:goim?screenname=phsgirly212&message=hey+whattup+:-D">phs girly 212</a><br><b><font color="7fcd31">AIM:</font> <a href="aim:goim?screenname=phsgirly212&message=hey+whattup+:-D">phs girly 212</a><br><b><font color="7fcd31">AIM:</font> <a href="aim:goim?screenname=phsgirly212&message=hey+whattup+:-D">phs girly 212</a>

</td></tr></table><br>

<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="center" class="module"><b><font color="7fcd31">_</font>Chatter<font color="7fcd31">_</font></b></th></tr><tr><td valign="top" class="module"><font color="#FED9DD">
<div align=left><FONT COLOR="FFFFFF">
</div>

</td></tr></table></div>