/ˈdʒeɪms ˈæd.kɒt/ (adcott) wrote in xxcustomization,
/ˈdʒeɪms ˈæd.kɒt/

  • Music:
I just noticed this, it's 4 days old now.

I understand that the general problem with overrides for navigation links in tabular is that there is no way to retain the skiplinks (short of placing a div ontop of everything else)
However in this particular question the user has expressed that she does not actually want the skiplinks in the first place.
So I have come up with the following:

<style type="text/css">
td b, table table, p table table table, p table table table td b {visibility:hidden; position:absolute; top:0px}
p td b, p table table, div table table, div td b, table table table td b {visibility:visible; position:relative}
table table table {visibility:visible; position: absolute; top:19px; left:5px; width:250px}
<tr><td colspan=2><b>LiveJournal for Valerie.</b></td></tr>
<tr><td>View:</td><td><a href="http://www.livejournal.com/users/nyami/friends">Friends</a></td></tr>
<tr><td>View:</td><td><a href="http://www.livejournal.com/userinfo.bml?user=nyami">User Info</a></td></tr>
<tr><td>View:</td><td><a href="%%url%%">Website (%%name%%)</a></td></tr>

This override respecifies the top banners content to whatever and keeps the bottom banner intact so skipping back is possible.

I have had some trouble with this however;

1. It does not display well in any browser other that IE
2. I was forced to use an absolute position for the table containing the overriden links

These two points are connected. IE renders the absolutely positioned table inside a table cell (?!?), instead of the body. NS renders it properly in the body. Opera is wacked and I have no idea what it thinks it's doing.
postion:relative does not work at all.

Anyway, I was wondering if any of you had any input regarding this?
  • Post a new comment


    default userpic

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.