Forums > What's wrong with my CODE? *screwed layout*

Full Version: What's wrong with my CODE? *screwed layout*
Forums > Resource Center > Support Center > Livejournal Support > Livejournal Resolved Topics
RoyalRiver
Jan 19 2006, 08:26 PM
I found this layout and modified the header and as you can see, my entries are all the way at the top of the banner instead of being in that gray box. I have no idea what to change in the html code. Please help me. Look at my layout

CLICK HERE: my layout
<!-- begin code provided by createblog.com --><br />FRIENDS_WEBSITE<=<br /><br /><!--YOUR SIDEBAR STUFF HERE--><br /><div id="sidebar"><br /><span class="nav"><a href="http://www.livejournal.com/~lorien_maiden/" class="a">Recent</a><a href="http://www.livejournal.com/userinfo.bml?user=lorien_maiden" class="a">UserInfo</a><a href="http://www.livejournal.com/~lorien_maiden/friends" class="a">Friends</a><a href="http://www.livejournal.com/~lorien_maiden/calendar" class="a">Calendar</a><a href="http://www.livejournal.com/tools/memories.bml?user=lorien_maiden" class="a">Memories</a><a href="http://www.livejournal.com/allpics.bml?user=lorien_maiden" class="a">UserIcons</a></span><br><br><br /><span style="letter-spacing: 5; font-size: 12; color: #000000; text-transform: uppercase;">Name</span><br>Here's a section where you can post some info about yourself! Type as much or as little as you want.<br><br><span style="letter-spacing: 5; font-size: 12; color: #000000; text-transform: uppercase;">Filters</span><br><br /><a href="">Filter</a><br><a href="">Filter</a><br><a href="">Filter</a><br><a href="">Filter</a><br><br><br /><span style="letter-spacing: 5; font-size: 12; color: #000000; text-transform: uppercase;">Other</span><br>Put anything else you want here. :)<br><br><br /><span style="letter-spacing: 5; font-size: 12; color: #000000; text-transform: uppercase;">Layout</span><br>This layout features graphics and coding by <a href="http://www.livejournal.com/userinfo.bml?user=icon_maiden"><img height="17" border="0" src="http://www.livejournal.com/img/userinfo.gif" title="icon_maiden" alt="icon_maiden" align="absmiddle" width="17" style="visibility: visible; position: relative;"></a><a style="FONT-WEIGHT: 800" href="http://www.livejournal.com/~icon_maiden/">icon_maiden</a>. Do not steal this layout or remove this part of the layout!<br><br /></div><br /><div id="sidebartwo"><br /><span style="letter-spacing: 0; font-size: 25; color: #FFFFFF; text-transform: uppercase;">username@livejournal.com</span><br><br /><span style="letter-spacing: 5; font-size: 12; color: #000000; text-transform: uppercase;">livejournal subtitle goes here!</span><br /></div><br /><br /><!--This fixes a bug in Internet Explorer--><br /><div> </div><br /><br /><!--HEADER IMAGE--><br /><img src="http://img.photobucket.com/albums/1003/Jchris34232/ljbanner.jpg" class="x" style="display:inline;"><br /><br /><=FRIENDS_WEBSITE<br /><br />LASTN_TALK_LINKS<=<br /><tr><td colspan="2" width="100%" class="comments" style="text-align: center"><br />%%readlink%%  <a href="%%urlpost%%"><img src="http://img138.imageshack.us/img138/6936/bluegreycomment6vn.png" border="0"></a>  <a href="http://livejournal.com/tools/memadd.bml?%%itemargs%%"><img src="http://img138.imageshack.us/img138/2695/bluegreyadd3kb.png" border="0"></a>  <a href=http://www.livejournal.com/editjournal_do.bml?%%itemargs%%><img src="http://img138.imageshack.us/img138/8560/bluegreyedit9ha.png" border="0"></a><br /></td></tr><br /><=LASTN_TALK_LINKS<br /><br />GLOBAL_HEAD<=<br /><title>Gimme Some Skin</title><br /><style type="text/css"><br /><!--<br />/*MISCELLANESOUS*/<br />.meta {<br />text-align: center;<br />cursor: default;<br />font-family: arial;<br />font-size: 7pt;<br />}<br />.caption {<br />cursor: default;<br />font-family: arial;<br />font-size: 7pt;<br />}<br />.index {<br />cursor: default;<br />font-family: arial;<br />font-size: 7pt;<br />color: #E7E3E7;<br />}<br />.index2 {<br />cursor: default;<br />font-family: arial;<br />font-size: 7pt;<br />color: #E7E3E7;<br />}<br />p table table td.caption {<br />color: #000000;<br />font-weight: none;<br />letter-spacing: 2; <br />font-size: 12; <br />text-transform: uppercase;<br />}<br />td, .shadowed {<br />background: transparent;<br />}<br />.entrybox a.index font {<br />color: #4AA0AA;<br />font-weight: bold;<br />}<br />p .index {<br />color: #E7E7E7;<br />font-color: #000000;<br />}<br />td .index {<br />color: #4AA0AA;<br />}<br />body, font, td {<br />font-family: arial; <br />color: #000000;<br />font-size: 7pt;<br />}<br />.nav a.a {<br />font-family: arial;<br />font-size: 10pt;<br />text-transform: uppercase;<br />border-bottom: 1px dashed #FFFFFF;<br />text-decoration: none;<br />display: block;<br />}<br />.nav a.a:hover {<br />font-family: arial;<br />font-size: 10pt;<br />text-transform: uppercase;<br />border-bottom: 1px dashed #000000;<br />text-decoration: none;<br />display: block;<br />}<br /><br />/*GETS RID OF ICON*/<br />.shadowed img{<br />display:none;<br />}<br /><br />/*HIDES YOUR NAVIGATION*/<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 /><br />/*ENTRIES ON TOP OF HEADER IMAGE*/<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 /><br />FRIENDS_WEBSITE<=<br /><br /><!--YOUR SIDEBAR STUFF HERE--><br /><xx-div id="sidebar"><br /><xx-span class="nav"><xx-a href="http://www.livejournal.com/~lorien_maiden/" class="a">Recent</a><xx-a href="http://www.livejournal.com/userinfo.bml?user=lorien_maiden" class="a">UserInfo</a><xx-a href="http://www.livejournal.com/~lorien_maiden/friends" class="a">Friends</a><xx-a href="http://www.livejournal.com/~lorien_maiden/calendar" class="a">Calendar</a><xx-a href="http://www.livejournal.com/tools/memories.bml?user=lorien_maiden" class="a">Memories</a><xx-a href="http://www.livejournal.com/allpics.bml?user=lorien_maiden" class="a">UserIcons</a></span><xx-br><xx-br><br /><xx-span style="letter-spacing: 5; font-size: 12; color: #000000; text-transform: uppercase;">Name</span><xx-br>Here's a section where you can post some info about yourself! Type as much or as little as you want.<xx-br><xx-br><xx-span style="letter-spacing: 5; font-size: 12; color: #000000; text-transform: uppercase;">Filters</span><xx-br><br /><xx-a href="">Filter</a><xx-br><xx-a href="">Filter</a><xx-br><xx-a href="">Filter</a><xx-br><xx-a href="">Filter</a><xx-br><xx-br><br /><xx-span style="letter-spacing: 5; font-size: 12; color: #000000; text-transform: uppercase;">Other</span><xx-br>Put anything else you want here. :)<xx-br><xx-br><br /><xx-span style="letter-spacing: 5; font-size: 12; color: #000000; text-transform: uppercase;">Layout</span><xx-br>This layout features graphics and coding by <xx-a href="http://www.livejournal.com/userinfo.bml?user=icon_maiden"><xx-img height="17" border="0" src="http://www.livejournal.com/img/userinfo.gif" title="icon_maiden" alt="icon_maiden" align="absmiddle" width="17" style="visibility: visible; position: relative;"></a><xx-a style="FONT-WEIGHT: 800" href="http://www.livejournal.com/~icon_maiden/">icon_maiden</a>. Do not steal this layout or remove this part of the layout!<xx-br><br /></div><br /><xx-div id="sidebartwo"><br /><xx-span style="letter-spacing: 0; font-size: 25; color: #FFFFFF; text-transform: uppercase;">username@livejournal.com</span><xx-br><br /><xx-span style="letter-spacing: 5; font-size: 12; color: #000000; text-transform: uppercase;">livejournal subtitle goes here!</span><br /></div><br /><br /><!--This fixes a bug in Internet Explorer--><br /><xx-div> </div><br /><br /><!--HEADER IMAGE--><br /><xx-img src="http://img.photobucket.com/albums/1003/Jchris34232/ljbanner.jpg" class="x" style="display:inline;"><br /><br /><=FRIENDS_WEBSITE<br /><br />LASTN_TALK_LINKS<=<br /><xx-tr><xx-td colspan="2" width="100%" class="comments" style="text-align: center"><br />%%readlink%%  <xx-a href="%%urlpost%%"><xx-img src="http://img138.imageshack.us/img138/6936/bluegreycomment6vn.png" border="0"></a>  <xx-a href="http://livejournal.com/tools/memadd.bml?%%itemargs%%"><xx-img src="http://img138.imageshack.us/img138/2695/bluegreyadd3kb.png" border="0"></a>  <xx-a href=http://www.livejournal.com/editjournal_do.bml?%%itemargs%%><xx-img src="http://img138.imageshack.us/img138/8560/bluegreyedit9ha.png" border="0"></a><br /></td></tr><br /><=LASTN_TALK_LINKS<br /><br />GLOBAL_HEAD<=<br /><title>J O U R N A L   T I T L E   G O E S   H E R E</title><br /><style type="text/css"><br /><!--<br />/*MISCELLANESOUS*/<br />.meta {<br />text-align: center;<br />cursor: default;<br />font-family: arial;<br />font-size: 7pt;<br />}<br />.caption {<br />cursor: default;<br />font-family: arial;<br />font-size: 7pt;<br />}<br />.index {<br />cursor: default;<br />font-family: arial;<br />font-size: 7pt;<br />color: #E7E3E7;<br />}<br />.index2 {<br />cursor: default;<br />font-family: arial;<br />font-size: 7pt;<br />color: #E7E3E7;<br />}<br />p table table td.caption {<br />color: #000000;<br />font-weight: none;<br />letter-spacing: 2; <br />font-size: 12; <br />text-transform: uppercase;<br />}<br />td, .shadowed {<br />background: transparent;<br />}<br />.entrybox a.index font {<br />color: #4AA0AA;<br />font-weight: bold;<br />}<br />p .index {<br />color: #E7E7E7;<br />font-color: #000000;<br />}<br />td .index {<br />color: #4AA0AA;<br />}<br />body, font, td {<br />font-family: arial; <br />color: #000000;<br />font-size: 7pt;<br />}<br />.nav a.a {<br />font-family: arial;<br />font-size: 10pt;<br />text-transform: uppercase;<br />border-bottom: 1px dashed #FFFFFF;<br />text-decoration: none;<br />display: block;<br />}<br />.nav a.a:hover {<br />font-family: arial;<br />font-size: 10pt;<br />text-transform: uppercase;<br />border-bottom: 1px dashed #000000;<br />text-decoration: none;<br />display: block;<br />}<br /><br />/*GETS RID OF ICON*/<br />.shadowed img{<br />display:none;<br />}<br /><br />/*HIDES YOUR NAVIGATION*/<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 /><br />/*ENTRIES ON TOP OF HEADER IMAGE*/<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 /><br />/*POSITION YOUR HEADER*/<br />.x{<br />position:absolute;<br />top: 0px;<br />left: 50%;<br />margin-left: -512px;<br />}<br /><br /><br />/*YOUR SIDEBAR*/<br />#sidebar{<br />position: absolute;<br />top: 475px;<br />left: 50%;<br />margin-left: -390px;<br />width: 157px;<br />height: 100%;<br />visibility: visible;<br />z-index: 2;<br />text-align: justify;<br />cursor: default;<br />font-family: arial;<br />font-size: 7pt;<br />}<br />#sidebar img{<br />display:inline;<br />}<br />#sidebartwo{<br />position: absolute;<br />top: 475px;<br />left: 50%;<br />margin-left: -225px;<br />width: 100%;<br />height: 100%;<br />visibility: visible;<br />z-index: 2;<br />text-align: justify;<br />cursor: default;<br />font-family: arial;<br />font-size: 7pt;<br />}<br />#sidebartwo img{<br />display:inline;<br />}<br /><br /><br />/*BACKGROUND IMAGE*/<br />body {<br />background-color: #52C3D6;<br />background-image: url("http://img.photobucket.com/albums/1003/Jchris34232/bluegreystarbg1gy.png");<br />background-attachment:fixed;<br />background-repeat: repeat-y;<br />background-position: top center;<br />font-family: arial;<br />font-size: 7pt;<br />overflow-x: hidden;<br />overflow:-moz-scrollbars-vertical;<br />margin-top: 185px;<br />}<br /><br /><br />/*YOUR ENTRIES*/<br />table, tr, td, .shadowed {<br />background: transparent;<br />}<br /><br />table {<br />width: 378px;<br />margin-left: -1px;}<br /><br />table table {<br />width: 100%;<br />margin:0;<br />}<br />table table table {<br />width: auto;<br />}<br /><br />/*JUSTIFIES TEXT*/<br />.entrybox td{<br />text-align: justify;<br />font-family: arial;<br />font-size: 7pt;<br />}<br />.entrybox td.index, .entrybox td.comments{<br />text-align: right;<br />}<br /><br />/*LINKS*/<br />a{<br />cursor: help; <br />font-family: arial;<br />font-size: 7pt;<br />border-bottom: 1px dashed #FFFFFF;<br />text-decoration: none; <br />color: #4AA0AA;<br />}<br />a:hover{<br />cursor: help; <br />font-family: arial;<br />font-size: 7pt;<br />border-bottom: 1px dashed #000000;<br />text-decoration: none; <br />color: #4AA0AA;<br />}<br />--><br /></style><br /><=GLOBAL_HEAD<br /><br />FRIENDS_TALK_LINKS<=<br /><tr><td colspan="2" width="100%" class="comments" style="text-align: center"><br />%%readlink%%  <a href="%%urlpost%%"><img src="http://img138.imageshack.us/img138/6936/bluegreycomment6vn.png" border="0"></a>  <a href="http://livejournal.com/tools/memadd.bml?%%itemargs%%"><img src="http://img138.imageshack.us/img138/2695/bluegreyadd3kb.png" border="0"></a>  <a href=http://www.livejournal.com/editjournal_do.bml?%%itemargs%%><img src="http://img138.imageshack.us/img138/8560/bluegreyedit9ha.png" border="0"></a><br /></td></tr><br /><=FRIENDS_TALK_LINKS<br /><br />LASTN_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%<img src="http://img138.imageshack.us/img138/9541/bluegreyread0wg.png" border="0"></a><br /><br />LASTN_DATE_FORMAT=><span style="color: #000000; font-family: verdana; font-size: 10pt;">%%mm%%.%%dd%%.%%yy%%</span><br /><br />FRIENDS_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%<img src="http://img138.imageshack.us/img138/9541/bluegreyread0wg.png" border="0"></a><br /><br />CALENDAR_WEBSITE<=<br /><br /><!--YOUR SIDEBAR STUFF HERE--><br /><div id="sidebar"><br /><span class="nav"><a href="http://www.livejournal.com/~lorien_maiden/" class="a">Recent</a><a href="http://www.livejournal.com/userinfo.bml?user=lorien_maiden" class="a">UserInfo</a><a href="http://www.livejournal.com/~lorien_maiden/friends" class="a">Friends</a><a href="http://www.livejournal.com/~lorien_maiden/calendar" class="a">Calendar</a><a href="http://www.livejournal.com/tools/memories.bml?user=lorien_maiden" class="a">Memories</a><a href="http://www.livejournal.com/allpics.bml?user=lorien_maiden" class="a">UserIcons</a></span><br><br><br /><span style="letter-spacing: 5; font-size: 12; color: #000000; text-transform: uppercase;">Name</span><br>Here's a section where you can post some info about yourself! Type as much or as little as you want.<br><br><span style="letter-spacing: 5; font-size: 12; color: #000000; text-transform: uppercase;">Filters</span><br><br /><a href="">Filter</a><br><a href="">Filter</a><br><a href="">Filter</a><br><a href="">Filter</a><br><br><br /><span style="letter-spacing: 5; font-size: 12; color: #000000; text-transform: uppercase;">Other</span><br>Put anything else you want here. :)<br><br><br /><span style="letter-spacing: 5; font-size: 12; color: #000000; text-transform: uppercase;">Layout</span><br>This layout features graphics and coding by <a href="http://www.livejournal.com/userinfo.bml?user=icon_maiden"><img height="17" border="0" src="http://www.livejournal.com/img/userinfo.gif" title="icon_maiden" alt="icon_maiden" align="absmiddle" width="17" style="visibility: visible; position: relative;"></a><a style="FONT-WEIGHT: 800" href="http://www.livejournal.com/~icon_maiden/">icon_maiden</a>. Do not steal this layout or remove this part of the layout!<br><br /></div><br /><div id="sidebartwo"><br /><span style="letter-spacing: 0; font-size: 25; color: #FFFFFF; text-transform: uppercase;">username@livejournal.com</span><br><br /><span style="letter-spacing: 5; font-size: 12; color: #000000; text-transform: uppercase;">livejournal subtitle goes here!</span><br /></div><br /><br /><!--This fixes a bug in Internet Explorer--><br /><div> </div><br /><br /><!--HEADER IMAGE--><br /><img src="http://img.photobucket.com/albums/1003/Jchris34232/ljbanner.jpg" class="x" style="display:inline;"><br /><br /><=CALENDAR_WEBSITE<br /><br />LASTN_WEBSITE<=<br /><br /><!--YOUR SIDEBAR STUFF HERE--><br /><div id="sidebar"><br /><span class="nav"><a href="http://www.livejournal.com/~lorien_maiden/" class="a">Recent</a><a href="http://www.livejournal.com/userinfo.bml?user=lorien_maiden" class="a">UserInfo</a><a href="http://www.livejournal.com/~lorien_maiden/friends" class="a">Friends</a><a href="http://www.livejournal.com/~lorien_maiden/calendar" class="a">Calendar</a><a href="http://www.livejournal.com/tools/memories.bml?user=lorien_maiden" class="a">Memories</a><a href="http://www.livejournal.com/allpics.bml?user=lorien_maiden" class="a">UserIcons</a></span><br><br><br /><span style="letter-spacing: 5; font-size: 12; color: #000000; text-transform: uppercase;">Name</span><br>Here's a section where you can post some info about yourself! Type as much or as little as you want.<br><br><span style="letter-spacing: 5; font-size: 12; color: #000000; text-transform: uppercase;">Filters</span><br><br /><a href="">Filter</a><br><a href="">Filter</a><br><a href="">Filter</a><br><a href="">Filter</a><br><br><br /><span style="letter-spacing: 5; font-size: 12; color: #000000; text-transform: uppercase;">Other</span><br>Put anything else you want here. :)<br><br><br /><span style="letter-spacing: 5; font-size: 12; color: #000000; text-transform: uppercase;">Layout</span><br>This layout features graphics and coding by <a href="http://www.livejournal.com/userinfo.bml?user=icon_maiden"><img height="17" border="0" src="http://www.livejournal.com/img/userinfo.gif" title="icon_maiden" alt="icon_maiden" align="absmiddle" width="17" style="visibility: visible; position: relative;"></a><a style="FONT-WEIGHT: 800" href="http://www.livejournal.com/~icon_maiden/">icon_maiden</a>. Do not steal this layout or remove this part of the layout!<br><br /></div><br /><div id="sidebartwo"><br /><span style="letter-spacing: 0; font-size: 25; color: #FFFFFF; text-transform: uppercase;">username@livejournal.com</span><br><br /><span style="letter-spacing: 5; font-size: 12; color: #000000; text-transform: uppercase;">livejournal subtitle goes here!</span><br /></div><br /><br /><!--This fixes a bug in Internet Explorer--><br /><div> </div><br /><br /><!--HEADER IMAGE--><br /><img src="http://img.photobucket.com/albums/1003/Jchris34232/ljbanner.jpg" class="x" style="display:inline;"><br /><br /><=LASTN_WEBSITE<br /><br /><br /><!-- end code provided by createblog.com -->
Libertie
Jan 19 2006, 11:09 PM
Where you have this:
QUOTE
/*BACKGROUND IMAGE*/
body {
background-color: #52C3D6;
background-image: url("http://img.photobucket.com/albums/1003/Jchris34232/bluegreystarbg1gy.png");
background-attachment:fixed;
background-repeat: repeat-y;
background-position: top center;
font-family: arial;
font-size: 7pt;
overflow-x: hidden;
overflow:-moz-scrollbars-vertical;
margin-top: 185px;
}
The bold part is what you need to change. Just make it bigger to move the text down. You probably need to make it anywhere from 600-700.
RoyalRiver
Jan 20 2006, 05:38 PM
Libertie: Thank you so much for helping me. I've posted this everywhere and no one even bothered. Thank you so much.

Is this nomal? Like, you know that link I provided at the top to my livejournal? Well when I clicked on it things are distorted but when I click on REFRESH everything is fine. Y does it do that.
Libertie
Jan 20 2006, 11:25 PM
It was probably cached, so sometimes when you make a change like that you need to refresh a couple of times to be able to see it. Everything looks normal now, though.
RoyalRiver
Jan 21 2006, 08:20 AM
Oh ok thanks again!
Libertie
Jan 21 2006, 02:37 PM
Topic Closed.

Yada yada, PM me if you want this reopened or need something else, or feel free to make a new topic.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.