dyeathrose
11-26-2005, 10:10 PM
Just recently, I have switched browsers from Internet Explorer to Firefox, and when I load my livejournal (http://www.livejournal.com/users/sappy_vcv)on Firefox, the image doesn't show, as well as the table being distorted. In IE, the background is a darkblue, which I have put in the override, instead of the default lightblue in my custom colors. It's very hard to see in Firefox, but I can see the very light border around the box where the picture should be, but instead the table where my links for info, friends, etc is there. Also, I'm not sure how the mood and music became so squished up. I've never played with Firefox before, so I wouldn't know where to start trying to fix the problem. I had tried the tip with adding the '!important' in a duplicated command under the original, but I wasn't sure what I needed to fix.
I appreciate any help I can get.
kittycat
11-26-2005, 10:32 PM
Look in your overrides for this:
<style>
<!--
and remove it (should be before the body section)
That's the only error I can see there, it helps more to see what you're putting as overrides though instead of just the page
dyeathrose
11-26-2005, 10:42 PM
Thank you so much for the tip, it has helped clean up my layout. I'm going to have to split the code into two posts, because I keep getting an error saying the text is too long.
FRIENDS_OPT_ITEMS=>14
FRIENDS_WEBSITE<=
<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}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}
tr.caption{
display:none
}
-->
</style>
<tr><td colspan="5" width="100%">
<table style="float:right" cellspacing="0" border="0" cellpadding="0">
<tr><td class="meta">
<center>I. <a href="http://www.livejournal.com/users/sappy_vcv/">H O U R G L A S S</a> II. <a
href="http://www.livejournal.com/users/sappy_vcv/friends/">S H A D O W S</a> III. <a
href="http://www.livejournal.com/users/sappy_vcv/calendar/">K N O W L E D G E</a> IV. <a
href="http://www.livejournal.com/users/sappy_vcv/info/">V O I D </a></center></td></tr></table></td></tr>
<=FRIENDS_WEBSITE
DAY_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%%<a href="%%urlpost%%">the encounter</a> // ←
</td>
</tr> </span>
<=DAY_TALK_LINKS
DAY_WEBSITE<=
<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}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}
tr.caption{
display:none
}
-->
</style>
<tr><td colspan="5" width="100%">
<table style="float:right" cellspacing="0" border="0" cellpadding="0">
<tr><td class="meta">
<center>I. <a href="http://www.livejournal.com/users/sappy_vcv/">H O U R G L A S S</a> II. <a
href="http://www.livejournal.com/users/sappy_vcv/friends/">S H A D O W S</a> III. <a
href="http://www.livejournal.com/users/sappy_vcv/calendar/">K N O W L E D G E</a> IV. <a
href="http://www.livejournal.com/users/sappy_vcv/info/">V O I D </a></center></td></tr></table></td></tr>
<=DAY_WEBSITE
LASTN_TALK_LINKS<=
<tr>
<td colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments" style="text-align: right">
%%readlink%%<a href="%%urlpost%%">the encounter</a> // ←
</td>
</tr></span>
<=LASTN_TALK_LINKS
GLOBAL_HEAD<=
<style type="text/css">
<!--
.shadowed img{
visibility:hidden;position:absolute;top:0
}
body {
background-image: url('http://i22.photobucket.com/albums/b326/demorose/layout/MikageLayout.jpg') !important;
background-repeat:no-repeat;
background-position:top center;
background-attachment:scroll;
margin-top: 428 px;
background-color:#17161B;
scrollbar-track-color:#17161B;
scrollbar-highlight-color:#D3D0E8;
scrollbar-shadow-color:#D3D0E8;
scrollbar-face-color:#D3D0E8;
scrollbar-3dlight-color:#D9DDEE;
scrollbar-darkshadow-color:#D9DDEE;
scrollbar-arrow-color:#D9DDEE;
cursor:help;}
dyeathrose
11-26-2005, 10:43 PM
Here's the rest of the code:
body,div,font,p,td {
color:#1C1D22;
font-size: 7.5pt;
line-height: 8.7pt;}
/* universal font face */
body, td, font, div, p {
font-family: Verdana;
}
/* displayed title of livejournal */
td.caption {
font-size:7.5pt;
}
/* top right navigation links */
.index {
font-size:7.5pt;
}
/* displayed user name in top banner */
td div {
font-size:7.5pt;
}
/* top banner main navigation links */
table table table table td.meta {
font-size:7.5pt;
}
/* display of date and time */
p .index {
font-size:7.5pt;
}
/* subject of journal entries */
p table table td.caption {
font-size:7.5pt;
}
/* displayed text in journal entries */
table.entrybox td {
font-size:7.5pt;
}
/* currents (mood, music) and bottom banner navigation links */
table table table td.meta {
font-size:7.5pt;
}
/* comment links */
.comments {
font-size:7.5pt;
}
b {color:#9EA0B5;}
a:link,a:active,a:visited {color:#9EA0B5; font-weight:bold; cursor:default; text-decoration:none; font-size:7.5pt;}
a:hover {text-decoration:none; cursor:move; color:#DFE0F6; font-size:7.5pt; font-weight:bold;}
table {
width: 495px;
margin-left: .1%;
margin-right: 0%;
border: 1px solid #D8DAEA;}
table table {
width: 495;
margin:0;
border: 0;}
table table table {
width: 0;
border: 0;}
-->
</style>
<=GLOBAL_HEAD
FRIENDS_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%%<a href="%%urlpost%%">the encounter</a> // ←
</td>
</tr> </span>
<=FRIENDS_TALK_LINKS
LASTN_OPT_ITEMS=>7
LASTN_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%%</b></a> // </span>
LASTN_DATE_FORMAT=>%%monlong%% %%dd%%, %%yyyy%% // %%12h%%:%%min%%%%ampm%%
FRIENDS_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%%</b></a> // </span>
CALENDAR_WEBSITE<=
<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}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}
tr.caption{
display:none
}
-->
</style>
<tr><td colspan="5" width="100%">
<table style="float:right" cellspacing="0" border="0" cellpadding="0">
<tr><td class="meta">
<center>I. <a href="http://www.livejournal.com/users/sappy_vcv/">H O U R G L A S S</a> II. <a
href="http://www.livejournal.com/users/sappy_vcv/friends/">S H A D O W S</a> III. <a
href="http://www.livejournal.com/users/sappy_vcv/calendar/">K N O W L E D G E</a> IV. <a
href="http://www.livejournal.com/users/sappy_vcv/info/">V O I D </a></center></td></tr></table></td></tr>
<=CALENDAR_WEBSITE
FRIENDS_DATE_FORMAT=>%%monlong%% %%dd%%, %%yyyy%% // %%12h%%:%%min%%%%ampm%%
LASTN_WEBSITE<=
<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}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}
tr.caption{
display:none
}
-->
</style>
<tr><td colspan="5" width="100%">
<table style="float:right" cellspacing="0" border="0" cellpadding="0">
<tr><td class="meta">
<center>I. <a href="http://www.livejournal.com/users/sappy_vcv/">H O U R G L A S S</a> II. <a
href="http://www.livejournal.com/users/sappy_vcv/friends/">S H A D O W S</a> III. <a
href="http://www.livejournal.com/users/sappy_vcv/calendar/">K N O W L E D G E</a> IV. <a
href="http://www.livejournal.com/users/sappy_vcv/info/">V O I D </a></center></td></tr></table></td></tr>
<=LASTN_WEBSITE
DAY_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%%</b></a> // </span>
I also forgot to add, I had to change the layout's main picture from photobucket, because it wouldn't show up at all, but the code I had saved as backup didn't reflect the change.
kittycat
11-27-2005, 05:19 AM
The picture shows up for me in FF now. For the navigation you might want to try setting a width for that cell to see if it will stretch the way you want it to
dyeathrose
11-27-2005, 11:49 PM
I really appreciate all the help you are giving me, kittycat. I've been trying to lower the navigation table, because the picture I'm using has a border on the top and bottom to keep everything kind of floaty looking. The only other problems I am having on my FF is the mood and music still srunched up, and I think it might have to do with the navigation, because everything is going vertically for me. Again, I really appreciate the patience and all the help you've been giving me, I'd never gotten this far without it.