Layout Problem, ... Options

[*XLilAznGrl592X*]

well... i made a layout... but it doesent seem to work... the blog is in the wrong place, the width is wrong, and the imagemap isn't correct... here's the code

<!-- begin code provided by createblog.com --><br /><br /><br /><br /><br /><div align=center><br /><IMG SRC=" http://i3.photobucket.com/albums/y89/itlie_productionz/piply.gif " USEMAP="#layout14.gif" WIDTH=750 HEIGHT=550 BORDER=0><br /><MAP NAME="piply.gif"><br /><AREA SHAPE="rect" COORDS="193,362,245,375" HREF="http://www.xanga.com/profile.aspx?user=YOURUSERNAMEHERE" ALT="My Profile" TARGET="_new"><br /><AREA SHAPE="rect" COORDS="208,332,270,346" HREF="http://www.xanga.com/guestbook.asp?user=Y0URUSERNAME" ALT="Guestbook" TARGET="_new"><br /><AREA SHAPE="rect" COORDS="106,364,150,378" HREF="http://www.xanga.com/private/SubscribeTo.aspx?user=USERNAMEHERE" ALT="Add Me" TARGET="_new"><br /><AREA SHAPE="rect" COORDS="244,308,298,316" HREF="http://www.xanga.com/Private/feedback.aspx" ALT="Feedback" TARGET="_new"><br /><AREA SHAPE="rect" COORDS="59,341,137,354" HREF="http://www.xanga.com/claf" ALT="Look And Feel"  TARGET="_new"><br /><AREA SHAPE="rect" COORDS="263,272,299,284" HREF="http://xanga.com/private/home.aspx" ALT="Private" TARGET="_new"><br /><AREA SHAPE="rect" COORDS="58,319,132,331" HREF="http://www.xanga.com/Private/subs.aspx" ALT="Subscriptions" TARGET="_new"><br /><AREA SHAPE="rect" COORDS="266,247,312,256" HREF="http://www.xanga.com/logout.aspx" ALT="Sign Out" TARGET="_new"><br /><AREA SHAPE="rect" COORDS="61,296,97,310" HREF="http://www.xanga.com/signin.aspx" ALT="Sign In" TARGET="_new"><br /></MAP><br /><div align=center><br /><DIV style="margin-top: -450px; margin-left: <br />-375px; width: 280px; OVERFLOW: auto; <br />height: 350px; BACKGROUND-COLOR: #transparent"><br /><style type="text/css"><br />/* Pretty In Pink! */<br />/* By - Itna @ Itlie_productionz */<br />/* Itlie_productions@xanga.com */<br />body <br />{background-color: #transp;<br /><br /><br /><br />/* edits the date */<br />div.blogheader, .caption <br />{background-image: url();<br />background-repeat:no-repeat;<br />background-position:center;<br />font-family: Arial;<br />text-transform:none;<br />font-size:8px;<br />line-height:8px;<br />font-weight:normal;<br />color:#FF66CC;<br />letter-spacing:2px;<br />background-color:#transp;<br />text-align:center;<br />border:1px solid #transp;}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #FF66CC;}<br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: #px solid #transp;<br />font:normal 8px Arial;<br />background-color: #transp;<br />font-color:#FF66CC;}<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 />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />background-image: url();<br />background-color:none;<br />color: #FF66CC;<br />font: bold #pt FONT FAMILY;<br />text-transform: none;<br />text-align:center;<br />border: #transpE 8px solid;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:000000;<br />background-color:#transp;<br />BORDER: #transp 3px solid;}<br /><br />font,td,p,xmp<br />{color:#FF66CC;<br />font-face: Arial;<br />font-weight:normal;<br />font-size:8pt;<br />text-align:center;}<br /><br />table.blogbody tr td { <br />/* this edits the left margin of blog */ <br />width:0px; <br />padding-left: 0px;} <br /><br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color:transparent;<br />family-font: Arial;<br />BORDER: #transp 8px solid;<br />width:-450px;} <br /><br />a:link<br />{line-height: 8pt; <br />font-family: aRIAL;<br />font-weight:normal; <br />color:#FF66CC; <br />text-transform:none;<br />font-size:8pt; <br />cursor:crosshair;}<br /><br />a:active<br />{font-family: ARIAL; <br />color:#FF66CC; <br />text-transform:none;<br />font-size:8pt; <br />cursor:crosshair;}<br /><br />a:visited<br />{font-family: Arial; <br />color:#FF66CCE; <br />text-transform:none;<br />text-decoration:strikeout;<br />font-size:8pt;<br />cursor: crosshair;}<br /><br />A:hover {font-family:Arial;<br />color:#FF66CC;<br />text-transform: uppercase; <br />cursor: crosshair; <br />font-weight:bold;<br />font-size:8pt}<br /></style><br /><style type="text/css"><br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone,<br />/* width of the comment page */<br />{width:245px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /></style><br /><style type="text/css"><br />div {<br />filter:chroma(color=#00FF00); /* here you are defining which color you want to be transparent in your scrollbars */<br /><br />scrollbar-arrow-color: #000000;<br />scrollbar-face-color: #00FF00; /* transparent */<br />scrollbar-3dlight-color: #00FF00; /* transparent */<br />scrollbar-darkshadow-color: #00FF00; /* transparent */<br />scrollbar-highlight-color: #000000;<br />scrollbar-shadow-color: #000000;<br />scrollbar-track-color: #00FF00; /* transparent */<br />}<br /></style><br /><!-- end code provided by createblog.com -->

here's the link... Click
Hope u can help! Thnx!

[YaWeaveIzOnFiyah]

you have to move the position of the blog around until it's in the space that you want go to this tutorial for a little more help

[Pulchritude]

and tutorial for div is this..

http://www.createblog.com/forums/index.php?showtopic=8633

it just a matter of playing around and psotioning your blogs/etc.

[*XLilAznGrl592X*]

Umm... that helped a little bit... i changed the width and all that... but i didnt get how to move it around...

[Pulchritude]

uhh you see the margin top and margin left?

CODE

<DIV style="margin-top: -450px; margin-left:
-375px; width: 280px; OVERFLOW: auto;

margin top is how far u want it from the top and margin left is how far from the left.. if u want it to be near the lefft u probably want to set a lower number but if u want i far away from the left set it higher and same goes for the top. hope you get it

[*XLilAznGrl592X*]

thnx! this can be closed now...

[*mona lisa*]

thnx! this can be closed now...

Topic Closed