Twisted Sunshine - Help, I'm having trouble aligning the text... |
 Nov 16 2006, 05:53 PM
Post
#1
|
|
|
Newbie  Group: Member Posts: 1 Joined: Nov 2006 Member No: 480,813  |
I love, love this layout but I'm having trouble aligning the text I want to put the left column more to the left and to make the post column bigger... I tried everything but my knowledge of HTMl is somewhat restricted. If someone could help me...
Here goes the code CODE <!-- start code provided by createblog.com -->
<html> <head> <title>M.Y T.W.I.S.T.E.D S.U.N.S.H.I.N.E_____________/</title> <style type="text/css"> body { font-family:verdana; color: #B05802; font-size: 11px; scrollbar-arrow-color: #B05802; scrollbar-darkshadow-color: #F7D6A5; scrollbar-track-color:#F7D6A5; scrollbar-face-color: #B05802; scrollbar-shadow-color:#F7D6A5; scrollbar-highlight-color:#F7D6A5; scrollbar-3dlight-color: #F7D6A5; background-attachment:scroll; background-position:right; background-repeat:repeat-y; margin:0px; font-family:tahoma;} .header { font-family:tahoma; font-size: 10px; color:#841800; border-bottom:2px dotted #841800; text-decoration:none; letter-spacing:0.3em; font-weight:bold; text-align:center;} blockquote { border-top:2px dotted #C06800; border-bottom:2px dotted #C06800; width: 300px; margin: 0px; padding: 10px; background-color: #FAE6CA; } input, textarea { background:#FAE6CA; font-family: comic sans ms; color: #B05802; font-size: 12px; border-color: #C06800; border-style: solid; border-width: 1; } A:link{color:#822E00;text-decoration:none} A:visited{color:#822E00;text-decoration:underline} A:active{color:#822E00;text-decoration:none} A:hover{color:#FFFFFF;text-decoration:none;background-color:#3A0A00; text-transform: uppercase} </style> </head> <body background="http://i6.photobucket.com/albums/y204/uniquelyfern/mystique/ts/bgbg.gif" bgcolor=#FFFFDE> <div style="position:absolute; right:0px; top:0px"> <img src="http://layouts.cbimg9.com/30/15262c.gif"> </div> <div id="extra" style="position:absolute; right:480px; top:120px; width: 60px; height: 0px"> <center> <img src=http://layouts.cbimg9.com/30/15262d.gif> </center> </div> <div id="module" style="position:absolute; right:450px; top:400px; width: 170px; height: 0px"> <center> <p class=header>TWISTED SUNSHINE</p> welcome message here<br> disclaimer... etc <p class=header>ME.ME.ME</p> <img src=http://layouts.cbimg9.com/30/15262e.gif width=74 height=81 align=left> <p align=justify>your profile here anything? <3 my name is... i love to... bl blah blah blah bl blah bl blah blah blah blah blah </p> <p class=header>FRIENDS</p> <a href="url HERE">friend</a> + <a href="url HERE">friend</a> + <a href="url HERE">friend</a> + <a href="url HERE">friend</a> + <a href="url HERE">friend</a> + <a href="url HERE">friend</a> + <a href="url HERE">friend</a> + <p class=header>LINKS</p> <a href="url HERE">link</a> + <a href="url HERE">link</a> + <a href="url HERE">link</a> + <a href="url HERE">link</a> + <a href="url HERE">link</a> + <a href="url HERE">link</a> + <a href="url HERE">link</a> + <a href="url HERE">link</a> + <p class=header>NOW PLAYING</p> <embed src="http://www.filelodge.com/files/hdd6/143354/Chris%20Brown%20-%20Say%20Goodbye.mp3" width="150" height="20" autostart=false /> <br>Say Goodbye - Chris Brown <p class=header>ARCHIVES</p> <BloggerArchives> <a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a><br> </BloggerArchives> <p class=header>PREVIOUS POSTS</p> <BloggerPreviousItems> <a href="<$BlogItemPermalinkURL$>"> <$BlogPreviousItemTitle$> </a><br /> </BloggerPreviousItems> <p class=header>TAGBOARD</p> code here <p class=header>ETCETERA</p> anything here <p class=header>THANKS</p> [ Fonts © <a href="http://dafont.com/">DF</a>]<br> [ Base Image © <a href="http://pepokish.deviantart.com/gallery/photography/nature/flora/">DA</a>]<br> [ More @ <a href="http://aethereality.net">A</a>]<br> [ Layout designed by <a href="http://blogskins.com/me/mystique10">fe</a><a href="http://peculiar.iceglow.com">rn*</a>]<br><br> </div></div> <div id="blog" style="position:absolute; right:10px; top:350px; width: 400px; height: 0px"> <!---blogger code start!---> <p><td> <Blogger> <p align=right><font size=4><img src=http://layouts.cbimg9.com/30/15262f.gif><b><BlogDateHeader> <$BlogDateHeaderDate$> </BlogDateHeader></b></font></p> <center><p class=header><BlogItemTitle><$BlogItemTitle$><a name="<$BlogItemNumber$>"></a></p></font> </BlogItemTitle></b><div class="blogPost"><p align="justify"><$BlogItemBody$></p> <div class="byline"><p align=right><a href="<$BlogItemPermalinkURL$>" title="Permanent Link">#</a> random thougths @ <$BlogItemDateTime$> </p> </div> </blogger> <!---blogger code end!---> </div></div></div> </body> </html> <!-- end code provided by createblog.com --> |
|
|
|
Posts in this topic
rita_mi Twisted Sunshine - Help Nov 16 2006, 05:53 PM
moorepocket* try putting QUOTEtext-align:left; in the sidebar. Nov 17 2006, 11:26 AM  |
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: