Forums > Alignment...

Forums > Resource Center > Support Center > Livejournal Support > Livejournal Resolved Topics

Sakuya

Jan 27 2006, 08:49 PM

So I recently got a LJ... finally. Anyway, so right away, I go, hey I can make a div layout on this thing right? Then I realize I need all these random codes/head tags or whatever they are... I'm. Totally confused.

This is what I have so far:

<!-- begin code provided by createblog.com --><br />GLOBAL_HEAD<=<br /><style type="text/css"><br /><!--<br />table, tr, td, .shadowed {<br />background: transparent;<br />}<br /><br />body <br />{ <br />font-family: verdana; <br />font-size: 7pt;<br />color: 000000; <br />background-color: #252525; <br />cursor: help;<br />scrollbar-arrow-color: #252525;<br />scrollbar-track-color: #252525;<br />scrollbar-face-color: #C4D1CE;<br />scrollbar-highlight-color: #252525;<br />scrollbar-3dlight-color: #252525;<br />scrollbar-darkshadow-color: #252525;<br />scrollbar-shadow-color: #252525;<br />background: url('http://img.photobucket.com/albums/v11/orangcitruz/ljbg.gif');<br />background-repeat: repeat-y;<br />margin-top: 0px;<br />margin-left: 0px;<br />text-align: justify;}<br /><br />table {<br />width: 415px;<br />margin-left: 220px;<br />margin-top: 390px;<br />height: 100%;<br />}<br /><br />table table {<br />width: 100%;<br />margin-left: 0px;<br />margin-top: 0px;<br />}<br />table table table {<br />width: auto;<br />} <br />html body .shadowed img.x{<br />z-index: -1;<br />}<br />table, .shadowed div{<br />z-index: 80;<br />}<br />html>body table{<br />position: relative;<br />}<br /><br />.shadowed img{<br />display:none;<br />}<br /><br />table table table table .meta {visibility:hidden;position:absolute;top:1px}<br />table table table table table .meta {visibility:visible;position:relative;top:1px}<br /><br />tr.caption{<br />display:none<br />}<br />.shadowed td div{<br />visibility: hidden;<br />position: absolute;<br />top: 1px<br />}<br /><br />.x{<br />position:absolute;<br />top:0px;<br />width: 650px;<br />height: 500px;<br />left:0px;<br />margin-left:0px;}<br /><br />.navhead <br />{ <br />font-family: times new roman; <br />font-size: 12pt; <br />font-weight: bold;<br />color: 071B1B; <br />padding-top: 0px;<br />line-height: 20px;<br />background: url('');<br />background-repeat: no-repeat;<br />background-color: E2E8E7;<br />letter-spacing: -1px;<br />text-transform: uppercase;<br />cursor: help;<br />padding-left: 5px;<br />}<br /><br />#navcontent<br />{<br />background-color: E2E8E7;<br />font-color: 000000;<br />padding-left: 2px;<br />padding-right: 2px;<br />}<br /><br />B{<br />color:4B666C;<br />text-transform: uppercase;<br />}<br /><br />I{<br />color:27362C;<br />font-weight: bold;<br />}<br /><br />U{<br />color:000000;<br />font-weight: none;<br />border-bottom: 1px dotted;<br />}<br /><br />p .index {<br />color: #071B1B;<br />}<br />p table table td.caption {<br />font-family: times new roman; <br />font-size: 12pt; <br />font-weight: bold;<br />color: ffffff; <br />padding-left: 5px;<br />padding-top: 0px;<br />line-height: 20px;<br />background: url('');<br />background-repeat: no-repeat;<br />background-color: 071B1B;<br />letter-spacing: 1px;<br />text-transform: uppercase;<br />cursor: help;<br />border-bottom: 0px dotted #4EA245; <br />}<br />.comments {<br />font-size: 7pt;<br />font-family: Verdana;<br />}<br /><br />BODY, TD {font-family:verdana;color:#000000;font-size:7pt;}<br /><br />a:link, a:visited, a:active {<br />color: 3E5454; <br />text-decoration: none; <br />font-size: 7pt;<br />font-family: verdana;<br />cursor: help; <br />}<br />a:hover{<br />color: #black; <br />text-decoration: overline; <br />letter-spacing: 1px;<br />background-color: none; <br />font-size: 7pt;<br />font-family: lucida console; <br />text-transform: uppercase;<br />cursor: help; <br />}<br />.entrybox td{<br />text-align: justify;<br />font-family: verdana;<br />}<br />.entrybox td.index {<br />text-align: right;<br />}<br />--><br /></style><br /><=GLOBAL_HEAD<br /><br />LASTN_WEBSITE<=<br /><br /><BODY BGCOLOR=#252525 BACKGROUND="http://img.photobucket.com/albums/v11/orangcitruz/ljbg.gif" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0><br /><IMG SRC="http://img.photobucket.com/albums/v11/orangcitruz/ljtop.gif" WIDTH=650 HEIGHT=500 BORDER=0 CLASS=x><br /><br /><br /><div style="position: absolute; top: 390px; left: 65px; width: 150px;"><br /><div id="navcontent"><br /><p class="navhead">Hello There</p><br />How are you today? I'm fine, thanks. <br /><br><br><br />15. Pepsi. <b>Harry Potter</b>. Daniel Radcliffe. Web Design. Mr. Miller-ish pointing. Red. Talking. Shopping. Being <br />sarcastic. Nail Polish. Purple Cows. <br /><br><br><br />Notice how I capitalized that? That's right. <br /></CENTER><br /><BR><br /></div><br /><br /><div id="navcontent"><br /><p class="navhead">Travel</p><br />&raquo; <a href="http://sakuyamzugrof.livejournal.com">Refresh</a><br /><br>&raquo; <a href="http://www.livejournal.com/friends/add.bml?user=sakuyamzugrof">Add me</a><br /><br>&raquo; <a href="http://www.livejournal.com/modify.bml">Fix-it</a><br /><br>&raquo; <a href="http://livejournal.com/users/sakuyamzugrof/friends">Friends</a><br /><br>&raquo; <a href="http://www.livejournal.com/tools/memories.bml?user=sakuyamzugrof">Memories</a><br /><br>&raquo; <a href="http://www.livejournal.com/userinfo.bml?user=sakuyamzugrof&amp;mode=full">Profile</a><br /><br>&raquo; <a href="http://mrs-radcliffe.com" target="blank">Mrs. Radcliffe</a><br /></center><br /><br><br /></div><br /><br /><div id="navcontent"><br /><p class=navhead> What is this?</p><br />Layout, coding, graphics, me. <br /><br>Version 1<br /><br>The Trio<br /></center><br /><br><br /><br /><center><br /><a href="http://t.extreme-dm.com/?login=mrsrad"<br />target="_top"><img src="http://t1.extreme-dm.com/i.gif"<br />name="EXim" border="0" height="6" width="7"<br />alt="eXTReMe Tracker"></img></a><br /><script type="text/javascript" language="javascript1.2"><!--<br />EXs=screen;EXw=EXs.width;navigator.appName!="Netscape"?<br />EXb=EXs.colorDepth:EXb=EXs.pixelDepth;//--><br /></script><script type="text/javascript"><!--<br />var EXlogin='mrsrad' // Login<br />var EXvsrv='s9' // VServer<br />navigator.javaEnabled()==1?EXjv="y":EXjv="n";<br />EXd=document;EXw?"":EXw="na";EXb?"":EXb="na";<br />EXd.write("<img src=\"http://e0.extreme-dm.com",<br />"/"+EXvsrv+".g?login="+EXlogin+"&amp;",<br />"jv="+EXjv+"&amp;j=y&amp;srw="+EXw+"&amp;srb="+EXb+"&amp;",<br />"l="+escape(parent.document.referrer)+"\" height=1 width=1>");//--><br /></script><noscript><img height="1" width="1" alt=""<br />src="http://e0.extreme-dm.com/s9.g?login=mrsrad&amp;j=n&amp;jv=n"/><br /></noscript><br /></center><br /></div><br /><br><br><br /></div><br /><br /><br /><style type="text/css"><br /><!--<br />table table table table .meta <br /><br />{visibility:hidden;position:absolute;top:1px}<br />table table table table table .meta <br /><br />{visibility:visible;position:relative;top:1px}<br /><br />tr.caption{<br />display:none<br />}<br />.shadowed td div{<br />visibility: hidden;<br />position: absolute;<br />top: 1px<br />}<br />--><br /></style><br /><=LASTN_WEBSITE<br /><br /><!-- end code provided by createblog.com -->

So basically, I don't know how to get my entries to align properly and for some reason, you can keep scrolling down for like 5 million years even though there really isn't anything there...

Could someone help me sort this out? Sorry if I'm asking for a bit much.

but I'm pretty much totally lost.

Libertie

Jan 28 2006, 12:41 PM

Hmm.. Did you get your code from everything_lj?

What I suggest is (if you're following the same tutorial) just using everything from that page and getting it working first, and then add in the other stuff little by little and keep previewing it to make sure none of the code is messing it up. At this point, I can get it to work in FF, but something is making it not work in IE.
http://community.livejournal.com/carriep63_stuff/14889.html
http://community.livejournal.com/everything_lj/3804169.html

Also, LJ doesn't support javascript.. It sucks, cause that makes it difficult to do link rollovers. :(

Sakuya

Jan 28 2006, 01:44 PM

Thanks! XD
Well now it's aligned at my resolution, but the entry table shifts around.

edit//
nevermind. fixed it.

LSwizzo

Feb 5 2006, 04:21 PM

I just put a new layout on my LJ, but the allignment is totally off. You can't move from side to side to see the rest of what I've written in the entries.

Plus, half the image is cut off. I did everything right. Changed all the custom colors, and copy/pasted the overrride.

I don't know what's going on? Please help.

Libertie

Feb 5 2006, 08:35 PM

I sent you a PM in reply to the one you sent me, but make sure you've got Generator as your layout style.

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.