Module positioning and opaqueness, help! Options

[keppie]

Hi,

I figured out how to delete modules and add them but now my new custom modules on the left nor do the comment boxes have the opaqueness that my entries or right custom modules have. Furthermore, the modules on the left are higher up on the webpage.

here is my site: My Webpage

How do I get the opaqueness on everything and change the module height?

here is the code I use in the html header:

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><style type=text/css><br />/* remove regular modules */<br />td.mainleft, {display:none}<br />table.blogbody tr td {width:0px; padding: 0px;}<br /><br />/* edit to your liking */<br />table.module { border: 1px solid #000000; width:160px; background-color: transparent; }<br />table.module th { background-color: #transparent;font: bold 11px arial; text-transform: uppercase;color: #FFFFFF; border: none; }<br />table.module td {color: #000000; text-align: left; border: none; background-image: none; }<br /><br /></style><br /><br /><!-- add this below all the CSS --><br /><br /><table border=0 width="660"><tr><td valign="top" width="160"><br /><table border="1" cellspacing="0" cellpadding="0" width="100%" class="module"><tr><th valign="top" align="left" class="module"></tr><tr><td valign="top" class="module"> <br /><center><img src="http://p8.xanga.com/85/af/t/85af312afc5549fb45b529175733c1e62024831.jpg"></center><p><br /><br /><a href="http://edit.xanga.com/claf.aspx">HELLO</a><br /></td></tr></table><br><br /><br /><table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>Subscriptions</b></th></tr><tr><td valign="top" class="module"> <br /><br /><!-- Add your subscriptions here --><br /><br /><a href="http://www.xanga.com/SOMEONE">someone</a><br><br /><a href="http://www.xanga.com/SOMEONE2">someone 2</a> <br /><br /></td></tr></table><br><br /><br /><table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>Blogrings</b></th></tr><tr><td valign="top" class="module"> <br /><br /><a href="http://www.xanga.com/groups/group.aspx?id=15858">Wanderlust - Traveller's Planet</a><br><br /><a href="http://www.xanga.com/groups/group.aspx?id=299855">Travel the World</a></br><br /></td></tr></table><br><br /><br /><br /><!-- Here's your CUSTOM MODULE.. copy and paste as needed --><br /><table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>CUSTOM MODULE</b></th></tr><tr><td valign="top" class="module"> <br /><br />La la la =]<br /><br /></td></tr></table><br><br /><br /><br /><br /></td><td width="500" valign="top" align="left"><br /><!-- end code provided by createblog.com --><br /><style><br /><!-- <br /><br />blogheader {color: #000000; font-size: 16pt; text-decoration: lowercase; font-weight:; padding-bottom: 0pt; padding-right: 0pt; text-align: centered; letter-spacing:-1px; background:#transparent} <br /><br />}.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { <br />font:normal 10px georgia; <br />line-height:12px; <br />color:#000000; <br />letter-spacing:0.3px; <br />text-align: centered; <br />} <br />table.footer TD { <br />text-align: centered; } <br /><br /><br />--> <br /></style> <br /><br /><br /><style type="text/css"> <br />table.blogbody { <br />background-color: transparent; <br />family-font: century gothic; <br />BORDER: #000000 0px solid; <br />width:500px;/} <br /></style> <br /><br /><!-- end code provided by createblog.com --><br /><br /><br /><!-- begin code provided by createblog.com --> <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 --><br /><br /><!-- begin code provided by createblog.com --><br /><STYLE><br />/*<br />transparent blog<br />*/<br /><br />.blogbody, {<br /><br /><br />/* opacity maximum 100 */<br />filter: alpha(style=0,opacity=60);<br />}<br /></STYLE> <br /><!-- end code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />/*<br />Blog Background Color <br />*/<br /><br />.blogbody {background-color: #000000;};<br /></style><br /><!-- end code provided by createblog.com --><br /><br /><!-- begin code provided by createblog.com --><br /><STYLE><br /><br />table.left {<br />/* opacity maximum 100 */<br />filter: alpha(style=0,opacity=60);<br />}<br /></STYLE> <br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

in website stats:

<!-- begin code provided by createblog.com --><br />script type='text/javascript'><br />document.title = ('My Globetrekking Journey')</script>;<br /><!-- begin code provided by createblog.com --><br /> <br /><!-- begin code provided by createblog.com --><br /><!-- Script by Paul Chen --><br /><td id="customRight" style="display:none" vAlign="top" width="200"><br /><!-- module:start --> <br /><table class="left" cellSpacing="0" cellPadding="4" width="150" border="1"><br /> <tr><th class="left" vAlign="top" align="center"> <br /><br /><b>Who am I?</b><br></br><br />My name is Matt and I am 24 year old graduate student from Boston, Mass. I am studying to work in an environmental non-profit. I love to travel, cooking, politics, Dave Matthews Band, exotic locations, the environment, working out, the outdoors, movies, and losing at poker. Next year I will be traveling around the globe. <br /></th></tr> <br /><tr><td class="left" vAlign="top"><br /></td></tr><br /></table><br /><br/> <br /><br /><!-- module:end --><br /><!-- module:start --><br /><table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1"><br /> <tr><th class="left" vAlign="top" align="center"> <br /><b>Links</b><br /> </th></tr> <br /> <tr><td class="left" vAlign="top"><br /><b>Travel</b><br><br /><a href="http://www.lonelyplanet.com">Lonely Planet</a><br><br /><a href="http://www.eurotrip.com">EuroTrip</a><br /><br><a href="http://www.statravel.com">STA Travel</a></br><br /><b>News</b><br><br /><a href="http://www.cnn.com">CNN</a></br><br /><a href="http://www.newsweek.com">Newsweek</a><br><br /><a href="http://www.time.com">Time Magazine</a></br><br /><b>Important Organizations</b></br><br /><a href="http://www.idealist.org">All your Non-Profit info!</a></br><br /><a href="http://www.sierraclub.org">Sierra Club</a></br><br /><a href="http://www.childreach.org">Childreach</a></br><br /><a href="http://www.theonecampaign.org">The ONE Campaign</a></br><br /><a href="http://www.wwf.org">World Wildlife Fund</a></br><br /></td></tr><br /></table> <br /><br/><br /><!-- module:end --><br /></td><br /><script><br />extra=false;<br />j=document.getElementById('MoreoverModule1_lblModuleTitle')<br />if(j){extra=true}<br />index=0;<br />var mytds = document.getElementsByTagName ('td');<br />var i = 0;<br />for(i=0;i<mytds.length-1;i++){<br /> if(mytds[i].width=="200"){<br />  index++;<br />  if(index==(extra ? 2 : 1)){break;}}<br />}<br />var sidebar = (extra ? mytds[i]: mytds[i].parentNode)<br />var tsibpc = document.getElementById('customRight');<br />var rightSide = tsibpc.cloneNode(true);<br />rightSide.style.display = "block";<br />sidebar.appendChild(rightSide);<br /></script><br /><!-- end code provided by createblog.com -->  <br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />.custom{<br />width: 510px; <br />height: 200px; <br />z-index: 100; <br />overflow: auto;<br />border: px #ffffff solid; <br />background: #ffffff; <br />}</style><br /><!-- end code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><script><br />var tds = document.getElementsByTagName ('a');<br />for (var i = 0; i < tds.length; i++) {<br />timeString = tds[i].innerText;<br />if(timeString.match(/\d+:\d+ [ap]m\b/i)){<br />if(!tds[i].parentNode.parentNode.parentNode.parentNode.parentNode.tagName.match(/table/i)){break;}<br /> table = tds[i].parentNode.parentNode.parentNode.parentNode.parentNode;<br />stuff = tds[i].parentNode.parentNode.parentNode.previousSibling.lastChild; <br />inner = stuff.innerHTML<br />stuff.innerHTML="";<br />stuff.insertAdjacentHTML('afterBegin','<div class="custom">'+inner+'</div>');<br /> <br />}<br />}<br /></script><br /><!-- end code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /></td></tr></table><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

(ps- This code was hapazardly put together...if you see anything that needs cleaning up let me know!!)

[moorepocket]

well duh, the left and right module are higher because the blog has the date, which pushes it down a little. It's fine.

and what do you want with the opacity?

[talcumpowder]

... Edit the textarea. =)
(Yes, the filter was ripped from your code..)
(Oh, and you should merge all the little bits of the stylesheets...)

CODE

<style="text/css">textarea{filter: alpha(style=0,opacity=60); background-color: #FFFFFF;}</style>