View Full Version : cant seem to do the div


isavedlatin
05-19-2005, 01:12 AM
I have livejournal, and I am trying to customize my page..
I have included my style sheet..

THE TROUBLE is..
DIV layers.
I can do them with ease normally, as I use them a lot for myspace..

but It doesn't seem to work for livejournal.. was wondering what I am doing wrong?

where should I be putting the div layer?

it is coming up up the page, the text appears, but it isn't where i've positioned the layer. it comes up at the very top, edge of the page.

THIS is the code i am using for the div layer:



<div style="position: absolute; left: 263; top: 92; width: 385; height: 145; z-index: 2">
TEXT HERE
</div>


AND.. my style is:


GLOBAL_HEAD<=


<style type="text/css">
<!--
body {
background-color:white;
background-image: url(http://img267.echo.cx/img267/8117/cnvrgbkgrnd8zw.jpg) ;
background-repeat: no-repeat;
background-attachment: scrolling;
background-position:0% top;
}
div {
background-image:
background-repeat: no-repeat;
background-position: 304px left;
padding-top:;
text-align: topcenter;
}
/* currents (mood, music) and bottom banner navigation links */
table table table td.meta {
font-size:7pt;
font-family:tahoma;
color: #d2d2d1;
line-height:10pt;
}
/* display of date and time */
p .index {
font-family:tahoma;
font-size:7pt;
color:#C9C9C7;
font-weight:normal;
text-transform:uppercase;
}

/* comment links */
.comments {
font-size:7pt;
line-height:8px;
background-color:;
font-family:tahoma;
font-weight:normal;
color: #C9C9C7;
border:;
}
/* displayed user name in top banner */
td div {
font-size:0pt;
font-family:tahoma;
line-height:10px;
color:;
}

hr{width:40%;color:D1FF43;height:1;}

A:link,A:visited{font-family:terminal;
color:#F983DF;
font-size:7pt;
font-weight:bold;
border-bottom:solid #32F7FE 0px;}

A:active{color:gray;text-decoration:normal;font-family:terminal;font-size:7pt;font-weight:bold border-bottom:solid gray 1px;line-height:8px}
A:hover{color:black;border:none; arrow left:default;arrow left; height:; letter-spacing:; font-weight:bold;text-decoration:none; font-family:;font-size:7pt;line-height:8px;background:;}}
b{color:#C9C9C7;font-family:tahoma;font-size:7pt;font-weight:bold}
tt{color:black;font-family:terminal;font-size:7pt;font-weight:bold;font-style:bold;background-color:#E60092;border:solid 3px #E60092;}
i{color:black;font-family:arial;font-size:9pt;font-weight:normal;font-style:normal;}
big{font-family:tahoma;font-weight:bold;color: #d2d2d1;letter-spacing:-3.5px;font-size:24pt}}

/* subject of journal entries */
p table table td.caption {
font-family:tahoma;
font-weight:bold;color:
#E0E0E0;
letter-spacing:-3.5px;
font-size:24pt;
}
div div { background: none; width: auto; height: auto; padding:1; }
div table { width: 430; }
div table table { width: 100%; }
div table table table { width: auto; }
div table table table table { width: 100&; }
-->

<!--
body, td, font, div, p {
font-family: tahoma;
font-size: 7pt;
color: #d2d2d1;
line-height:7pt;
}
body,tr,td,p {
margin:3pt;
}

}
table {
width:800px;
height: 0%;
margin-left: -10%;
margin-right: 0%;
border:solid white 20px;

}
table table {
width: 100%;
margin:0;
border: 0;
}
table table table {
width:100%;
}
-->
&lt;style type="text/css">
<!--
body {
scrollbar-base-color: eeeeee;
scrollbar-track-color:white;
scrollbar-highlight-color:white;
scrollbar-3dlight-color:white;
scrollbar-darkshadow-color:white;
scrollbar-shadow-color:white;
scrollbar-arrow-color: silver;
}
-->



<!--
body,td,p {
cursor:pointer;
}
-->

<style type="text/css">
<!--
.shadowed td div {
visibility: hidden;
position: absolute;
top: -2px
}
-->


<style type="text/css">
<!--
tr.caption{visibility:hidden;position:absolute;top :1px}
-->


<!--
body {
margin-top:150px;
}
-->


<style type="text/css">
<!--
tr.caption{visibility:hidden;position:absolute;top :1px}
-->


<style type="text/css">
<!--
table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}
-->



</style>

<=GLOBAL_HEAD

Snow White
05-21-2005, 11:52 PM
<div style="position: absolute; left: 263; top: 92; width: 385; height: 145; z-index: 2">
TEXT HERE
</div>

I'm unsure if this will make a difference, but, we'll see, hehe. You should try adding px to your numbers. So your code should look like
<div style="position: absolute; left: 263px; top: 92px; width: 385px; height: 145px; z-index: 2">

Hope that works! :)