DIV, moving the blog and image Options

[Mini]

Okay. I can move the image by doing this:

<!-- begin code provided by createblog.com --><br /><div align=left> <br /><div style="<br />position:static; <br />margin-left:-10px;<br />margin-top:-200px;"><IMG SRC="http://www.hunniedew.com/xanga/black.jpg" WIDTH=800 HEIGHT=1000 BORDER=0 ALT="" USEMAP="#Untitled_1_Map"><br /><MAP NAME="Untitled_1_Map"><br /><AREA SHAPE="rect" ALT="" COORDS="528,189,561,198" HREF="http://www.xanga.com/default.aspx?mode=logout"><br /><AREA SHAPE="rect" ALT="" COORDS="476,189,510,199" HREF="http://www.xanga.com/signin.aspx"><br /><AREA SHAPE="rect" ALT="" COORDS="425,190,458,199" HREF="http://www.xanga.com/private/subscribeto.aspx?user=huyeml2"><br /><AREA SHAPE="rect" ALT="" COORDS="374,190,408,199" HREF="http://www.xanga.com/Private/subs.aspx"><br /><AREA SHAPE="rect" ALT="" COORDS="325,191,356,198" HREF="http://www.xanga.com/claf/"><br /><AREA SHAPE="rect" ALT="" COORDS="274,190,308,198" HREF="http://www.xanga.com/private/home.aspx"><br /><AREA SHAPE="rect" ALT="" COORDS="233,191,256,198" HREF="http://www.xanga.com/"><br /></MAP><br /></div><br /><br /><!-- end code provided by createblog.com -->

For some reason, the blog stays exactly the same place and I can't move it at all even with div's. Click here

[Pulchritude]

well that div is onnly for your banner if u want to move your entry blog use this..

<div style="overflow: auto; width: 400px; height: ##px; margin-top: ##px; margin-left: -10px; align=left; class=blogspace;">

replace #'s with your own numbers hope thats what your talking about

[Mini]

Still isn't working. Here's my whole CSS:

<!-- begin code provided by createblog.com --><br /><br /><div align=left> <br /><div style="<br />position:relative; <br />margin-left:-10px;<br />margin-top:-150px;"><IMG SRC="http://www.hunniedew.com/xanga/black.jpg" WIDTH=800 HEIGHT=1000 BORDER=0 ALT="" USEMAP="#Untitled_1_Map"><br /><MAP NAME="Untitled_1_Map"><br /><AREA SHAPE="rect" ALT="" COORDS="528,189,561,198" HREF="http://www.xanga.com/default.aspx?mode=logout"><br /><AREA SHAPE="rect" ALT="" COORDS="476,189,510,199" HREF="http://www.xanga.com/signin.aspx"><br /><AREA SHAPE="rect" ALT="" COORDS="425,190,458,199" HREF="http://www.xanga.com/private/subscribeto.aspx?user=huyeml2"><br /><AREA SHAPE="rect" ALT="" COORDS="374,190,408,199" HREF="http://www.xanga.com/Private/subs.aspx"><br /><AREA SHAPE="rect" ALT="" COORDS="325,191,356,198" HREF="http://www.xanga.com/claf/"><br /><AREA SHAPE="rect" ALT="" COORDS="274,190,308,198" HREF="http://www.xanga.com/private/home.aspx"><br /><AREA SHAPE="rect" ALT="" COORDS="233,191,256,198" HREF="http://www.xanga.com/"><br /></MAP><br /></div><br /><br /><div style="overflow: auto; width: 400px; height: 100%; margin-top: -100px; margin-left: -10px; align=left; class=blogspace;"><br /><br /><style type="text/css"><br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops <br />/* width of the comment page */<br />{width:255px;}<br /><br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /><br />table.navigation, table.footer <br />{display: none;} <br /><br />body {<br />background-image:url(http://www.hunniedew.com/xanga/back1.jpg);<br />background-repeat: repeat-y;<br />background-position: top left;<br />}<br /><br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {<br />/* edits main text */<br />font-family: tahoma;  <br />font-weight:normal;<br />font-size:8pt;    <br />text-align: justify;<br />line-height:9pt;<br />color: #000000;<br />}<br /><br />b, strong{<br />color:#000000;<br />font-family: tahoma; <br />font-weight:bold;<br />font-size:8pt;<br />}<br /><br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/* edits all links */<br />color:#000000;<br />font-family: tahoma;  <br />font-weight:normal;<br />font-size:8pt;    <br />line-height:9pt;<br />text-decoration:none;<br />}<br /><br />a:visited, a.footernav:visited,  {<br />/* edits the links that the user has visited */<br />color: #000000;<br />font-family: tahoma;  <br />font-weight:normal;<br />font-size:8pt;    <br />line-height:9pt;<br />text-decoration:none;<br />}<br /><br />a:hover {<br />/* edits when user mouseovers the links */<br />color:#000000;<br />font-family: tahoma;  <br />font-weight:normal;<br />font-size:8pt;    <br />line-height:9pt;<br />text-decoration:none;<br />}<br /><br />div.blogheader, .caption {<br />/* edits the dates */<br />font-family:tahoma;<br />font-size:12px;<br />color:#000000;<br />background-color: transparent;<br />text-align: left;<br />font-weight:bold;<br />padding-left:4px;<br />padding-bottom:1px;<br />padding-right:0px;<br />background-color: transparent;<br />border-bottom: #FFFFFF 1px solid;<br />margin-bottom:8px;<br />}<br /><br />input, select, textarea, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 1px solid #BA8CEE;<br />color: #000000;<br />font-family: tahoma;  <br />font-weight:normal;<br />font-size:8pt;    <br />background-color: FFFFFF;<br />letter-spacing:0px;<br />}<br /><br />table.blogbody {<br />/* edits your blog or entry space */<br />border: 0px;<br />background-color:transparent;<br />padding-top:0px;<br />padding-bottom:0px;<br />padding-right:0px;<br />width:400px;<br />}<br /><br />table.blogbody tr td {<br />width:0px;<br />padding-left:0px;<br />}<br /><br />div.smalltext {<br />padding-top:2px;<br />text-align:left;<br />}<br /><br />table.search TD, table.announcements TH {<br />/* this should be left alone */<br />/* unless you know what to do */<br />border: none;<br />}<br /><br />table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br />text-align: center;<br />}<br /><br />table.navigation, table.main, table.footer {<br />/* the width of your blog with modules */<br />width:400px;<br />}<br /><br />hr {<br />/* horizontal divider */<br />border: 1px solid #000000;<br />}<br /><br /></style><br /><!-- end code provided by createblog.com -->

www.xanga.com/fcuk_tester Demented xanga layout.

[Pulchritude]

uhhh try editing this part..

table.blogbody {
/* edits your blog or entry space */
border: 0px;
background-color:transparent;
padding-top:0px;
padding-bottom:0px;
padding-right:0px;
width:400px;
}

table.blogbody tr td {
width:0px;
padding-left:0px;
}


play around with it..

[Mini]

It's a new template I'm haven't done before, I should've sticked to Modules with background image extending it w/o imagemapping. oiii.

[shortvi3tlaydee]

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><br /><div align=left> <br /><div style="<br />position:relative; <br />margin-left:-10px;<br />margin-top:-150px;"><IMG SRC="http://www.hunniedew.com/xanga/black.jpg" WIDTH=800 HEIGHT=1000 BORDER=0 ALT="" USEMAP="#Untitled_1_Map"><br /><MAP NAME="Untitled_1_Map"><br /><AREA SHAPE="rect" ALT="" COORDS="528,189,561,198" HREF="http://www.xanga.com/default.aspx?mode=logout"><br /><AREA SHAPE="rect" ALT="" COORDS="476,189,510,199" HREF="http://www.xanga.com/signin.aspx"><br /><AREA SHAPE="rect" ALT="" COORDS="425,190,458,199" HREF="http://www.xanga.com/private/subscribeto.aspx?user=huyeml2"><br /><AREA SHAPE="rect" ALT="" COORDS="374,190,408,199" HREF="http://www.xanga.com/Private/subs.aspx"><br /><AREA SHAPE="rect" ALT="" COORDS="325,191,356,198" HREF="http://www.xanga.com/claf/"><br /><AREA SHAPE="rect" ALT="" COORDS="274,190,308,198" HREF="http://www.xanga.com/private/home.aspx"><br /><AREA SHAPE="rect" ALT="" COORDS="233,191,256,198" HREF="http://www.xanga.com/"><br /></MAP><br /></div><br /><br /><div style=" width: 400px; margin-top: -800px; margin-left: 150px; align=left; class=blogspace;"><br /><br /><style type="text/css"><br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops <br />/* width of the comment page */<br />{width:255px;}<br /><br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /><br />table.navigation, table.footer <br />{display: none;} <br /><br />body {<br />background-image:url(http://www.hunniedew.com/xanga/back1.jpg);<br />background-repeat: repeat-y;<br />background-position: top left;<br />}<br /><br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {<br />/* edits main text */<br />font-family: tahoma;  <br />font-weight:normal;<br />font-size:8pt;    <br />text-align: justify;<br />line-height:9pt;<br />color: #000000;<br />}<br /><br />b, strong{<br />color:#000000;<br />font-family: tahoma; <br />font-weight:bold;<br />font-size:8pt;<br />}<br /><br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/* edits all links */<br />color:#000000;<br />font-family: tahoma;  <br />font-weight:normal;<br />font-size:8pt;    <br />line-height:9pt;<br />text-decoration:none;<br />}<br /><br />a:visited, a.footernav:visited,  {<br />/* edits the links that the user has visited */<br />color: #000000;<br />font-family: tahoma;  <br />font-weight:normal;<br />font-size:8pt;    <br />line-height:9pt;<br />text-decoration:none;<br />}<br /><br />a:hover {<br />/* edits when user mouseovers the links */<br />color:#000000;<br />font-family: tahoma;  <br />font-weight:normal;<br />font-size:8pt;    <br />line-height:9pt;<br />text-decoration:none;<br />}<br /><br />div.blogheader, .caption {<br />/* edits the dates */<br />font-family:tahoma;<br />font-size:12px;<br />color:#000000;<br />background-color: transparent;<br />text-align: left;<br />font-weight:bold;<br />padding-left:4px;<br />padding-bottom:1px;<br />padding-right:0px;<br />background-color: transparent;<br />border-bottom: #FFFFFF 1px solid;<br />margin-bottom:8px;<br />}<br /><br />input, select, textarea, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 1px solid #BA8CEE;<br />color: #000000;<br />font-family: tahoma;  <br />font-weight:normal;<br />font-size:8pt;    <br />background-color: FFFFFF;<br />letter-spacing:0px;<br />}<br /><br />table.blogbody {<br />/* edits your blog or entry space */<br />border: 0px;<br />background-color:transparent;<br />padding-top:0px;<br />padding-bottom:0px;<br />padding-right:0px;<br />width:400px;<br />}<br /><br />table.blogbody tr td {<br />width:0px;<br />padding-left:0px;<br />}<br /><br />div.smalltext {<br />padding-top:2px;<br />text-align:left;<br />}<br /><br />table.search TD, table.announcements TH {<br />/* this should be left alone */<br />/* unless you know what to do */<br />border: none;<br />}<br /><br />table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br />text-align: center;<br />}<br /><br />table.navigation, table.main, table.footer {<br />/* the width of your blog with modules */<br />width:400px;<br />}<br /><br />hr {<br />/* horizontal divider */<br />border: 1px solid #000000;<br />}<br /><br /></style><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

try that

[Mini]

still doesnt work. u cant see the blog, its like the layout is covering it. oh well.

everything works fine if i took out the div for the image and the background image.

iono, whenever i add div for the image the blog disappears.

[jennyjenny]

it looks fine...