postioning stuff ... |
![]() ![]() |
postioning stuff ... |
![]()
Post
#1
|
|
Senior Member ![]() ![]() ![]() Group: Member Posts: 45 Joined: Oct 2005 Member No: 279,128 ![]() |
could someone help me position some module thingies on my xanga please.
here is my xanga site. I want to adjust the positioning of the 3 mods at the bottom. I want to move them so that they are positioned level, and horizontally across, just underneath the blog. here is my html: CODE <img src="http://i1.tinypic.com/ofrf5d.jpg"> <style type="text/css"> .#rblEprops{display:none;} #pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops /* width of the comment page */ {width:245px;} .leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer {display: none;} </style> <style type="text/css"> /*Name of Your Skin*/ /*by YOU*/ body { background-image:http://i1.tinypic.com/ofrf5d.jpg; background-repeat: repeat-y; background-color: #000000; scrollbar-face-color: #ffffff; scrollbar-shadow-color: #888888; scrollbar-highlight-color: #000000; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #000000; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #000000; } #rblEprops, #pnlEnabled table, #pnlEprops table { width: auto !important; } table.blogbody { width:450px; font-family: tahoma; font-weight: none; font-size: 10pt; color: #ffffff; text-align: justify; padding: 0px; margin-top: 2px; } .caption, .blogheader { width: 450px; padding: 3px; font-family: tahoma; font-size: 14pt; text-align: center; color: #ffffff; background-color: transp; text-transform: lowercaps; margin-top: 10px; } div.smalltext{ width: 450px; padding: 3px; text-align: left; } P, B, I, TD, TH {font-family: tahoma; color: #ffffff; font-size: 8pt; } A:link, A:visited, A:active {color:#ffffff; text-decoration:underline; font-size:8pt;} a:hover {text-decoration: strike; color:#ffffff; font-size: 8pt; );} b, strong, i, u, { /* edit colors when bold italic underline */ font-family: tahoma; font-size: 8pt; color: #ffffff; font-weight: bold; text-transform: lowercaps; </style> <div style="position:absolute; margin-left: 0px;margin-top: -200px;border: 0px #ffffff; width: 175px; height: 400px;background: none; overflow: auto"> <table border="0" width=100%><tr> <td colspan=2> <b class=nav>[<33]--> About.Me.</> <tr> <td colspan=2><br> --> Lisa<br> --> 13 yrs old<br> --> 10.10.1992<br> --> Lives in Brum Brum, England<br> --> Brown hair//eyes<Br> --> Glasses<br> --> <3s Blink 182<Br> </tr> </table> </div> <div style="position:absolute; margin-left: -300px;margin-top: -200px;border: 0px #ffffff; width: 175px; height: 200px;background: none; overflow: auto"> <table border="0" width=100%><tr> <td colspan=2><br> <b class="nav">[<33]-->Navigation.</b><br> --> <a href="http://www.xanga.com/fishyphi">Phi</a><br> --> <a href="http://www.xanga.com/alittleteddy">Sally</a><br> --> <a href="http://www.xanga.com/juicy0_0lime">Joce</a><br> --> <a href="http://www.xanga.com/pepsi_maxx">Suvy</a><br> --> <a href="http://www.xanga.com/x__cArM4liFe">Carmen</a><br> --> <a href="http://www.xanga.com/waijay90">Nii-san</a><br> --> <a href="http://www.emxoxox.piczo.com">Emily</a> <br><Br> <a href="http://www.xanga.com/guestbook.aspx?user=loopy_turtle5">Sign my guestbook!</a><br> <a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=loopy_turtle5" target="blank">Add me!</a><br> </tr> </table> </div> <div style="position:absolute; margin-left: -400px;margin-top: -200px;border: 0px #ffffff; width: 175px; height: 200px;background: none; overflow: auto"> <table border="0" width=100%><tr> <td colspan=2><br> <b class="nav">[<33]-->Chat.</b> <tr> <td> <!-- Flooble chatterbox for sheep--xx start --> <script language="javascript"> var chatterbox = 'no'; </script> <script language="javascript" src="http://chatter.flooble.com/chatter.php?js=true&id=sheep--xx&sid=4123884"> </script><noscript> <a href="http://chatter.flooble.com/chatter.php?id=sheep--xx&sid=4123884&popup=true&w=480&h=400" target="flooblechatterbox" onClick="window.open('about:blank','flooblechatterbox','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,re izable=no,copyhistory=no,width=480,height=400');return true;"> <img src="http://img.flooble.com/images/chatter/chaticon.gif" border="0" align="absbottom">Talk</a> in my <a href="http://chatter.flooble.com/">flooble chatterbox, a free javascript chat tag board / shoutbox / tagboard program for your xanga, diary, blogger or weblog</a> | <a href="http://www.blackjack-primer.com/basic_rules.php">Blackjack Rules</a> </noscript> <script language="javascript"> if (!chatterbox || chatterbox != 'ok') { document.write('This <a href="http://chatter.flooble.com/">flooble chatterbox</a> is'); document.write(' temporarily unavailable. It will be back up shortly.'); } </script> <!-- Flooble chatterbox for sheep--xx end --> </tr> </table> </div> <div style="postion: absolute; overflow: auto; width: 550px; height: 350px; margin-top: -560px; margin-left: 0px;"> I mainly use firefox so if you could show me how to do it for that instead of IE it'd be really grateful! ![]() ![]() .. btw, feel free to do it all for me ![]() ![]() |
|
|
*digital.fragrance* |
![]()
Post
#2
|
Guest ![]() |
It looks like you have the first two underneath it already - you just have to move the flooble chatter box -
In your div layer above that code, increase the "margin-left" number.. -400px moves it too far left... try something like 10px |
|
|
![]() ![]() |