Rp Tutorials

(Fake cut is fake)

Help! I'm trying to make a s1 generator layout. Previously this style hasn't made the fpage appear in browsers other than Firefox. This time it is appearing (yay!). No idea why but hey it works so that is important!

So obviously I've coded my own navigation and I've got it to work on my recent entries page but on the friends page... Is IJ's default navigation. So, wonderful people, what I'm wondering is what bit of code am I missing etc?

To see my attempts the layout code is

GLOBAL_HEAD<= <style type="text/css"> <!-- /* HIDES YOUR ICON */ .shadowed img{ display:none; } /* BACKGROUND IMAGE AND COLOR FOR THE PAGE */ /* MARGIN-TOP SHOULD BE AT LEAST THE HEIGHT OF YOUR HEADER */ body { background-color:#117788; background-image:url(http://i303.photobucket.com/albums/nn127/immortalaussie/Patterns/background1.png); background-repeat:repeat; background-attachment:fixed; background-position:top left; text-align:center; margin:0; margin-top:10px; padding:0; } /*HEADER IMAGE WIDTH IS THE WIDTH OF THE HEADER HEIGHT IS THE HEIGHT OF YOUR HEADER MARGIN LEFT IS THE NEGATIVE HALF WIDTH OF YOUR HEADER */ #header{ background-image:url(); position:absolute; visibility:visible; top:0px; width:600px; left:50%; margin-left:-300px; height:10px; text-align:center; font-size:20pt; } /* SUBJECT */ p table table td.caption { font-weight:bold; } /* SHIFTS THE ENTRYBOXES CLOSER TOGETHER */ p { margin:0; padding:0; } .entrybox p{ margin: 1.2em 0; } /* HIDES THE OLD DATE LINE AND THE DATE BRACKETS */ .entrybox td.index, .index3{ display:none; } /* DEFINES THE LOOK OF THE DATE LINE.*/ .index2{ width:100%; text-align:right; border-bottom:1px dotted grey; display:block; text-transform:uppercase; letter-spacing:1.5; font-size:8pt; } /* COMMENTS LINKS */ .comments{ text-align:center; padding-bottom:50px; } /* LINK APEAREANCE FOR COMMENTS */ .comments a, .comments a:visited,.comments a:hover{ color:#99ddee; } .comments img{ border:0; } /* TOP NAVIGATION YOU MIGHT HAVE TO CHANGE THE LEFT VALUE TO CENTER THE NAVIGATION LINKS UNDER THE HEADER*/ .nav1, .nav2{ padding-top:2; padding-bottom:2; position:relative; left:-2pt; display:block; } /* FIRST LINE OF TOP NAVIGATON */ .nav1{ background-color: #117788; text-transform:uppercase; word-spacing:14px; } /* DO NOT CHANGE ANYTHING HERE */ table table td.shadowed table{ width:100%; } table td, .entrybox .meta{ padding:0; } .entrybox td{ padding:5px 10px; } /* LINK APEAREANCE OF THE SECOND NAVIGATION LINK ROW */ .nav2 a, .nav2 a:active, .nav2 a:visited, .nav2 a:hover{ color:#99ddee; font-variant:small-caps; } /* THE OTHER LINKS */ a { color: #99ddee; text-decoration:none; } a:visited { color:#55aabb; } a:hover { text-decoration: underline; } /* SETS THE WIDTH OF THE TABLE (CHOOSE THE SAME WITH AS YOUR HEADER) AND BACKGROUND_COLOR */ div { margin:0 auto; width:600px; background:#117788; } div div { background: none; width: auto; height: auto; padding: 0; } div table { width: 98%; } div table table { width: 100%; } div table table table { width: auto; } div table table table table { width: 100%; } --> </style> <=GLOBAL_HEAD FRIENDS_WEBSITE<= <style type="text/css"> <!-- /* HIDES YOUR ICON */ .shadowed img{ display:none; } /* BACKGROUND IMAGE AND COLOR FOR THE PAGE */ /* MARGIN-TOP SHOULD BE AT LEAST THE HEIGHT OF YOUR HEADER */ body { background-color:#117788; background-image:url(http://i303.photobucket.com/albums/nn127/immortalaussie/Patterns/background1.png); background-repeat:repeat; background-attachment:fixed; background-position:top left; text-align:center; margin:0; margin-top:10px; padding:0; } /*HEADER IMAGE WIDTH IS THE WIDTH OF THE HEADER HEIGHT IS THE HEIGHT OF YOUR HEADER MARGIN LEFT IS THE NEGATIVE HALF WIDTH OF YOUR HEADER */ #header{ background-image:url(); position:absolute; visibility:visible; top:0px; width:600px; left:50%; margin-left:-300px; height:10px; text-align:center; font-size:20pt; } /* SUBJECT */ p table table td.caption { font-weight:bold; } /* SHIFTS THE ENTRYBOXES CLOSER TOGETHER */ p { margin:0; padding:0; } .entrybox p{ margin: 1.2em 0; } /* HIDES THE OLD DATE LINE AND THE DATE BRACKETS */ .entrybox td.index, .index3{ display:none; } /* DEFINES THE LOOK OF THE DATE LINE.*/ .index2{ width:100%; text-align:right; border-bottom:1px dotted grey; display:block; text-transform:uppercase; letter-spacing:1.5; font-size:8pt; } /* COMMENTS LINKS */ .comments{ text-align:center; padding-bottom:50px; } /* LINK APEAREANCE FOR COMMENTS */ .comments a, .comments a:visited,.comments a:hover{ color:#99ddee; } .comments img{ border:0; } /* TOP NAVIGATION YOU MIGHT HAVE TO CHANGE THE LEFT VALUE TO CENTER THE NAVIGATION LINKS UNDER THE HEADER*/ .nav1, .nav2{ padding-top:2; padding-bottom:2; position:relative; left:-2pt; display:block; } /* FIRST LINE OF TOP NAVIGATON */ .nav1{ background-color: #117788; text-transform:uppercase; word-spacing:14px; } /* DO NOT CHANGE ANYTHING HERE */ table table td.shadowed table{ width:100%; } table td, .entrybox .meta{ padding:0; } .entrybox td{ padding:5px 10px; } /* LINK APEAREANCE OF THE SECOND NAVIGATION LINK ROW */ .nav2 a, .nav2 a:active, .nav2 a:visited, .nav2 a:hover{ color:#99ddee; font-variant:small-caps; } /* THE OTHER LINKS */ a { color: #99ddee; text-decoration:none; } a:visited { color:#55aabb; } a:hover { text-decoration: underline; } /* SETS THE WIDTH OF THE TABLE (CHOOSE THE SAME WITH AS YOUR HEADER) AND BACKGROUND_COLOR */ div { margin:0 auto; width:600px; background:#117788; } div div { background: none; width: auto; height: auto; padding: 0; } div table { width: 98%; } div table table { width: 100%; } div table table table { width: auto; } div table table table table { width: 100%; } --> </style> <=FRIENDS_WEBSITE LASTN_WEBSITE<= <style type="text/css"> <!-- /*HIDES THE ORIGINAL NAVIGATION*/ 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; } /*ALLOWS YOU TO PUT IMAGES IN THE NAVIGATION LINES*/ .shadowed span.nav1 img, .shadowed span.nav2 img{ display: inline; visibility: visible; position: relative; } --> </style> <!--THIS DIV IS IMPORTANT IF YOU WANT A HEADERIMAGE . DO NOT REMOVE IT--> <div id="header"> <!--HEADER IMAGE, if you want to write something on top of it, do it here --> </div> <!--This fixes a bug in Internet Explorer--> <div> </div> <!--END OF HEADER DIV--> <!--START OF NEW NAVIGATION--> <tr><td colspan="5" width="100%"> <table cellspacing="0" border="0" cellpadding="0"> <tr><td class="meta"> <!--FIRST ROW OF NEW NAVIGATION LINKS--> <center> <font size="3" color="#44ddff">THIS IS YOUR JOURNAL NAME</font></br></br></br><span class="nav1"> <font color="#88bbcc">♥ <a href="http://journalname.insanejournal.com/info"><font color="#88bbcc">userinfo</font></a> ♥ <a href="http://www.insanejournal.com/users/journalname/friends"><font color="#88bbcc">friends</font></a> ♥ <a href="http://www.insanejournal.com/users/journalname/calander"><font color="#88bbcc">calander</font></a> ♥ <a href="http://www.insanejournal.com/users/journalname"><font color="#88bbcc">recent</font></a> ♥</font> <br /></span><br /> <!--END OF FIRST ROW OF NEW NAVIGATION LINKS--> <!--SECOND ROW OF NEW NAVIGATION LINKS--> <span class="nav2"> ♥ <a href="URL">LINK</a> ♥ <a href="URL">LINK</a> ♥ </span></center> <!--END OF SECOND ROW OF NEW NAVIGATION LINKS--> <br /><br /> <style type="text/css"> <!-- /*HIDES THE ORIGINAL NAVIGATION*/ 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; } /*ALLOWS YOU TO PUT IMAGES IN THE NAVIGATION LINES*/ .shadowed span.nav1 img, .shadowed span.nav2 img{ display: inline; visibility: visible; position: relative; } --> </style> </td></tr></table></td></tr> <=LASTN_WEBSITE

I've tried experimenting with it a bit but have had no luck. I feel like I'm missing something REALLY obvious though :P