Help - Search - Members - Calendar
Full Version: Help with Code
Forums > Resource Center > Support Center > Livejournal Support > Livejournal Resolved Topics
hiromi
I had read the thread on how to make the livejournal FF-compatible, but there's simply one problem: I have no clue where and how I put the !important; part of the code.

CODE
GLOBAL_HEAD<=


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

body {
overflow-x: visible;
margin-top: 750px;
background: #000000;
overflow:-moz-scrollbars-vertical;
background-image: url(http://i24.photobucket.com/albums/c46/jl_toshee/LJ%20layout/jltoshee022kz.jpg);
background-repeat: repeat-y !important;

}

a:visited {
text-decoration: none;
color: #000000;
font-weight: bold;
}

a:link {
text-decoration: none;
color: #000000;
font-weight: bold;
}

a:active {
text-decoration: none;
color: #000000:
font-weight: bold}

a:hover {
cursor: crosshair;
text-decoration: none;
color: #000000;
}

table {
width: 480px;
margin-left: 45px;
margin-right: 100%;
}

table.entrybox td {
font-size: 9;
}

table table table td.meta {
font-size: 9;
}

.comments {
font-size: 9;
}

p table table td.caption {
font-weight: bold;
letter-spacing: 3px;
text-transform: uppercase;
}

table, tr, td, .shadowed {
background: transparent;
}

table table {
width: 100%;
margin:0;
border:0;
}
table table table {
width: auto;
}

.side {
position: absolute;
top: 1000px;
left: 0px;
width: 584px;
z-index: 15;
visibility: visible;
text-align: justify;
background: #;
border: 0px solid #;
}

.sidetitle {color: #000000; font-weight: bold;}


body, td, font, div, p {
font-family: verdana;
font-size: 9;
color: #000000;
letter-spacing: 1px;
}

tr.caption{
display:none
}

.shadowed img{
visibility:hidden;position:absolute;top:0
}

.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}

p table table td.caption, td.index {
height: 24;
padding: 3;
background-color: #;
}

.index {
font-size: 9;
}
.meta {
font-size: 9;
}

-->
</style>
<=GLOBAL_HEAD

FRIENDS_WEBSITE<=
<img src="http://i24.photobucket.com/albums/c46/jl_toshee/LJ%20layout/jltoshee018rx.jpg" border="0" usemap="#jltoshee01.jpg" class="x" style="
visibility: visible;
position: absolute;">

<map name="jltoshee01.jpg">
<area shape="rect" coords="34,172,93,183" href="http://www.livejournal.com/userinfo.bml?user=jl_toshee&mode=ful" target="" alt="" />
<area shape="rect" coords="36,187,97,205" href="http://livejournal.com/users/jl_toshee/friends" target="" alt="" />
<area shape="rect" coords="33,211,94,222" href="http://www.livejournal.com/users/jl_toshee/calendar" target="" alt="" />
<area shape="rect" coords="484,2,575,8" href="http://xanadu-dreams.net" target="" alt="" />

</map>

<style type="text/css">
<!--
.x {
position:absolute; left:0px; top:0px; z-index: -12; }

table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}

.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}

-->
</style>
<=FRIENDS_WEBSITE

CALENDAR_WEBSITE<=
<img src="http://i24.photobucket.com/albums/c46/jl_toshee/LJ%20layout/jltoshee018rx.jpg" border="0" usemap="#jltoshee01.jpg" class="x" style="
visibility: visible;
position: absolute;">

<map name="jltoshee01.jpg">
<area shape="rect" coords="34,172,93,183" href="http://www.livejournal.com/userinfo.bml?user=jl_toshee&mode=ful" target="" alt="" />
<area shape="rect" coords="36,187,97,205" href="http://livejournal.com/users/jl_toshee/friends" target="" alt="" />
<area shape="rect" coords="33,211,94,222" href="http://www.livejournal.com/users/jl_toshee/calendar" target="" alt="" />
<area shape="rect" coords="484,2,575,8" href="http://xanadu-dreams.net" target="" alt="" />

</map>
<style type="text/css">
<!--
.x {
position:absolute; left:0px; top:0px; z-index: -12; }

table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}

.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}

-->
</style>
<=CALENDAR_WEBSITE

LASTN_WEBSITE<=
<img src="http://i24.photobucket.com/albums/c46/jl_toshee/LJ%20layout/jltoshee018rx.jpg" border="0" usemap="#jltoshee01.jpg" class="x" style="
visibility: visible;
position: absolute;">

<map name="jltoshee01.jpg">
<area shape="rect" coords="34,172,93,183" href="http://www.livejournal.com/userinfo.bml?user=jl_toshee&mode=ful" target="" alt="" />
<area shape="rect" coords="36,187,97,205" href="http://livejournal.com/users/jl_toshee/friends" target="" alt="" />
<area shape="rect" coords="33,211,94,222" href="http://www.livejournal.com/users/jl_toshee/calendar" target="" alt="" />
<area shape="rect" coords="484,2,575,8" href="http://xanadu-dreams.net" target="" alt="" />

</map>

<style type="text/css">
<!--
.x {
position:absolute; left:0px; top:0px; z-index: -12; }

table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}

.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}

-->
</style>
<=LASTN_WEBSITE
Libertie
In this case..

QUOTE
.x {
position:absolute; left:0px; top:0px; z-index: -12; }


You have that in your LASTN_WEBSITE, etc. (it should show up four times). Remove the part that's bold.

Then, add this code into your GLOBAL_HEAD:

CODE
.shadowed img.x{
z-index: 1!important;
z-index: -10;
}
table, .shadowed div{
z-index: 80;
}
html>body table{
position: relative;
}


That should make the header image show up in Firefox.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.