Need help getting rid of unwanted space Options

[hongrboi]

I'm trying to have half my page as flash and the other part as a jpg image but there seems to have a space between them that I don't want. My xanga is HERE if anyone wants to take a look...

<!-- begin code provided by createblog.com --><br /><style type="text/css"> <br />body { <br />background-color: #FFFFFF; <br />scrollbar-arrow-color: #FFFFFF; <br />scrollbar-track-color: #FFFFFF; <br />scrollbar-shadow-color: #FFFFFF; <br />scrollbar-face-color: #FFFFFF; <br />scrollbar-highlight-color: #FFFFFF; <br />scrollbar-darkshadow-color: #FFFFFF; <br />scrollbar-3dlight-color: #FFFFFF; <br />} <br />.img {position:absolute;<br />      left:261px;<br />      z-index:2;<br />      }<br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p <br />{ <br />/* edits main text */ <br />font:normal 11px Trebuchet ms; <br />line-height:14px; <br />color:#000000; <br />letter-spacing:0px; <br />text-align:justify; <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 />div.blogheader, .caption { <br />/* edits the dates */ <br />width:340px; <br />font-family: comic sans MS; <br />text-transform:lowercase; <br />font-size:14px; <br />line-height:14px; <br />font-weight:bold; <br />color:#000000; <br />letter-spacing:0px;  <br />text-align:right; <br />background-image: url(); <br />background-color: #Transparent; <br />background-repeat: no-repeat; <br />border: 0px solid #transparent; <br />} <br />a:link, .footernav.link, a.footernav:link, a.footernav:active { <br />/* edits all links */ <br />color:#6666ff; <br />font:normal 11px comic sans; <br />line-height:10px; <br />text-decoration: none; <br />} <br /><br />a:visited, a.footernav:visited,  { <br />/* edits the links that the user has visited */ <br />color:#6666ff; <br />font:normal 11px comic sans; <br />line-height:10px; <br />text-decoration: none; <br />} <br /><br />input, select, textarea, .textfield, .button { <br />/* this edits the buttons, dropdowns, etc. */ <br />border: 0px solid #FFFFFF; <br />font:normal 11px Trebuchet ms; <br />background-color: #FFFFFF; <br />letter-spacing:0px; <br />color: #FFFFFF; <br />} <br /><br />table.left { <br />/* this edits the menu module */ <br />border: 0px solid #FFFFFF; <br />width:300px; <br />background-color: #Transparent; <br />} <br /><br />table.blogbody { <br />/* this edits the other the place where the  blog is */ <br />border: 0px solid cccccc; <br />border-width: 0px 0px 0px 0px; <br />background-color: #transparent; <br />width 377px; <br />} <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(http://url.com/to/the/site/image.gif); <br />background-color: #Transparent; <br />font: bold 11px Trebuchet ms; <br />text-transform: uppercase; <br />color: #cccccc; <br />border: none; <br />} <br />table.left TD { <br />/* on your menu module, this edits the body part of it */ <br />background-image: url(http://url.com/to/the/site/image.gif); <br />background-color: #Transparent; <br />border: none; <br /><br />} <br /><br />table.search TD, table.search, table.announcements { <br />/* border of search bar (if you have it) */ <br />background-color: #Transparent; <br />border: 0px solid #cccccc; <br />width:150px; <br />} <br />table.search TD, table.announcements TH { <br />/* this should be left alone */ <br />/* unless you know what to do */ <br />border: 0px solid #cccccc; <br />} <br />table.navigation, table.main, table.footer { <br />/* the width of your blog with modules */ <br />width: 300px; <br />} <br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, .search, hr, <br /><br />table.left, table.left TH, table.left TD, table.navigation, <br /><br />table.footer, hr { <br />/* hiding */ <br />display:none; <br />} <br />b, strong, i, u, { <br />/* edit colors when bold italic underline */ <br />font-family: Trebuchet MS; <br />font-size: 11px; <br />color:#409FFF; <br />font-weight: bold; <br />text-transform: none; <br />} <br />#htmleditor, { <br />height:250; <br />border : 1px solid #000000; <br />} <br /><br /></style> <br /><br /><DIV STYLE="Height: 100px"></Div> <br /><div align=left><style type="text/css"> <br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops { <br />width: auto !important; <br />}</style> <br /><div style="width: 0px; BACKGROUND: transparent; repeat: <br />no-repeat;border: solid 0px #000000;height: -0px;padding-left: <br />0px;padding-right: 0px; padding-top: <br />px;position:static;margin-top:0px;margin-left:0px"> <br /><div id="scroll0" style="width:900; height:100%;overflow:auto"> <br /><br /><br /><div height="100%"><br />  <embed allowScriptAccess="never" <br />  src="http://members.shaw.ca/ckftse/left.swf" <br />  align="left" menu="false" quality="high" bgcolor="#FFFFFF" <br />  width="264" height="600" name="index" allowScriptAccess="never" <br />  type="application/x-shockwave-flash"  wmode="#FFFFFF" <br />pluginspage="http://www.macromedia.com/go/getflashplayer"<br />flashvars="playlist=http://members.shaw.ca/ckftse/mp3player.xml" hspace="0px" vspace="0px" style="z-index:0 " /></embed><br /><div class="img"><img src="http://www.filefarmer.com/hongrboi/right.jpg" width="386" height="600" BORDER=0px USEMAP="#4k"></div><br /></div><br /><br /><map name="4k"> <br /><AREA SHAPE="rect" ALT="CLAF" COORDS="376, 0, 386, 10" HREF="http://edit.xanga.com/clafstyles.aspx" TARGET="_self"><br /></map> <br /></DIV></DIV> <br /><div align="left"> <br /><DIV style="position:static; <br />margin-top: -465px; <br />margin-left: 245px; <br />width: 420px; <br />OVERFLOW: auto; FILTER: chroma(color#FFFFFF) allowTransparency; <br />height:455px; <br />BACKGROUND-COLOR: transparent"><p><p><p><p><br /></td></style></html><html><br /><!-- end code provided by createblog.com -->

*Notes:
-the space between the flash and the jpg is 3 pixels
-the flash is 264px wide, the jpg is 386px wide, both are 600px high
-as far as I know, it only works on Internet Explorer but I haven't tried Netscape yet..
-most of this is not coded by me
-if anyone knows who coded this, I will be glad to give credit

[*digital.fragrance*]

Make each part, the flash and the jpg, div layers. Then position them accordingly.

[hongrboi]

How do I position something in a div? Is it something like this...

CSS:

body{..}
.flash {position:relative; top:0px; left:0px;}
.jpg {position:relative; top:0px; left:264px;}

HTML:

<div class="flash"><embed>...</div>
<div class="jpg"><img src="...></div>

[*digital.fragrance*]

Just the div layers will position. Like this:

<!-- begin code provided by createblog.com --><br /><div style="overflow: none;  margin-top: ##px; margin-left: ##px;  "> FLASH HERE</div><br /><div style="overflow: none;  margin-top: ##px; margin-left: ##px;  "> JPG HERE</div><br /><br /><!-- end code provided by createblog.com -->

By editting the margin numbers, you position them on your page. I don't think the CSS has anything to do with it.

Oh yeah - can you put your code from your first post in a codebox? Thanks!

[hongrboi]

Hmm...still doesn't work....Any other suggestions?

[talcumpowder]

If there are any line breaks within your code between the image and the flash, take those out as well. Can't think of anything other than that.

[vplife]

Make each part, the flash and the jpg, div layers.  Then position them accordingly.

holy crap thx

[*digital.fragrance*]

I PMed you - I hope it helped.