Log in

No account? Create an account
16 June 2002 @ 02:00 pm
[punquin] Content Table Resizing and Realignment (version 2)  
The following will make Punquin content tables thinner and move them to the right, which might be necessary for displaying a background image.

<style type="text/css">
hr { width:100%; }

<div style="position:absolute; left: 25%; right:0%; width:75%">


The reason for this new vesrion is because the Punquin style contains an <HR> tag that forces the journal table width to be no less than 500 pixels. This will override any table width definition of less than 70% (as in the original version of the override http://www.livejournal.com/talkread.bml?journal=howto&itemid=5315).

To change the width of the content tables, change the highlighed percentage to the percentage value you prefer. By default, the journal alignment is to the left, to move your content tables to the right, replace the value where highlighted in yellow, with either a percentage or pixel value. You can alter the total width of the table content by replacing the value where highlighted in lightblue.

NOTE: If using both alignment and resizing elements, make sure that then sum of both values (indicated in yellow and lightblue does not exceed 100%.

This override uses GLOBAL_HEAD to change all four page views; the results might not be as expected for the calendar view. You can also use this override with the individual page views. Caution: this override is designed specifically for the Punquin style, and might have unintended effects under any of the other style templates.

This override uses the <div> HTML tag without properly closing it with its corresponding </div> HTML tag, making the style non-compliant with HTML standards on proper HTML structuring. In the end, it is far easier to accomplish something like this with a paid membership, and paid members have even further control over the style and structure of their pages than even this simple adjustment. Even so, basic re-sizing and shifting does remain possible via override.

Variable Reference:GLOBAL_HEAD
Additional References:
  • Merging Your GLOBAL_HEAD

  • What are overrides? How do they work?

  • Only one override is permitted for each specific override block.
    If you are currently using a GLOBAL_HEAD override to accomplish other customizations,
    this would need to be combined with that existing override.
    Ariearie on June 16th, 2002 03:15 pm (UTC)
    Egplant dike assbertho on June 16th, 2002 04:21 pm (UTC)
    Did you mean to put this in your journal?

    How was the trip?
    Life is a Highwayhighway on June 16th, 2002 05:19 pm (UTC)
    Yeah, I meant to put this in my journal because it used broken HTML which howto doesn't like doing.

    The trip was great and I have the sunburned back to prove it ;)
    revolution, inc.wreckingboy on June 17th, 2002 05:05 pm (UTC)
    just wanted to say thanks for the fix i got from you via the Support Request area. maybe a tiny thing, but so helpful. thanks a lot.

    ps: do you mind telling me what html you use to highlight your text? (e.g.; the blue and yaller, above.) i have an older html book that doesnt seem to list it...
    Life is a Highwayhighway on June 17th, 2002 05:14 pm (UTC)
    I used the <span> HTML tags which uses CSS calls within the structure to display specific elements.

    For example:

    <span style="background-color:lightblue">This text is highlighted in lightblue</span> will show up like this ... This text is highlighted in lightblue