*~*Jeannie*~* (pinkdiamonds31) wrote in component_help,
*~*Jeannie*~*
pinkdiamonds31
component_help

Page Stretching and Scrollbar issue - only on most recent entries page though...

I am so incredibly sorry to bother you all again, as I only posted this query a few days ago - but I'm still stuck!!

I took advice offered here, after explaining my dilemma, which was to put pictures that may be causing page stretching behind a cut.

I have recently just helped my friend out - violentnitemare - to get her journal looking spiffy!!

The problem is still the same though - there is a huge scrollbar along the bottom of the page, stretching everything.

I took the advice offered here, and I have put every picture on that first page behind a cut, I checked every entry on that page, to make sure the auto format was on - it is - and I checked the overrides again (layers) and the width is correct.

I am still so very stumped!! One thing I have noticed though, which is, this page stretching and scroll bar are only occuring on the first page, the most recent entries - when I went back through her entries - 20 at a time - this problem is not happening. Can anybody solve this dilemma? I'm so stuck, I have tried everything, and as I mentioned before, I am trying very hard to learn more html and spreadsheets, but I'm so not getting what I've done wrong here!!!

Here are the codes again, in case they may be needed?

layerinfo "type" = "theme";

layerinfo "name" = "Additional Customizations";



set lineheight = 12;



function Page::print_custom_head() {

"""

<style type="text/css">

body {





background-image: url(http://i2.photobucket.com/albums/y4/poisongummies/Johnny%20Depp%20Graphics/violentnitemaresheader.gif) ;

background-repeat: no-repeat ;

background-attachment: scroll ;

background-position: top ;

margin-top: 300px ; # replace HHH with your image height in pixels

font-size: 7px ;

}

.header {text-align: center;}

html {
scrollbar-base-color: #000000;

scrollbar-track-color: #ffffff;

scrollbar-face-color: #000000;

scrollbar-highlight-color: #ffffff;

scrollbar-3dlight-color: #000000;

scrollbar-darkshadow-color: #ffffff;

scrollbar-shadow-color: #000000;

scrollbar-arrow-color: #ffffff;

}


</style>

""";

}


function print_profile(Page p) {

print_comp_header("My Info");
"""
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="50%" align="center">
<div class="shortLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>
<div class="shortLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>
</td>
<td align="center"><a
href="http://www.livejournal.com/allpics.bml?user=violentnitemare">$p.journal.default_pic
</a></td>
<td width="50%" align="center">
<div class="shortLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>
<div class="shortLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>
</td>
</tr>
<tr>
<td colspan="3" class="compContent">
<div><b>User:</b> <span class='ljuser' style='white-space:nowrap;'><a
href='http://www.livejournal.com/userinfo.bml?user=violentnitemare'><img scr='http://i2.photobucket.com/albums/y4/poisongummies/Johnny%20Depp%20Graphics/userinfo.gif'
alt='userinfo' width='17' height='17'
style='vertical-align:bottom;border:0;' /></a><a
href='http://www.livejournal.com/users/violentnitemare/'><b>violentnitemare</b></a></span></div>
<div><b>Name:</b> Kerry</div>
<div><b>Website:</b> <a
href="http://profiles.myspace.com/users/10208479">My Space.</a></div>
<div><b>Age:</b> 24</div>
<div><b>Location:</b> Suwanee, GA, USA</div>
<div><b>Mini Bio:</b> Happily in love with Brian and will be for the rest of our lives. I love my family and friends very much! I have 10 piercings - ears gauged, eyebrow, tongue, nose, labret and belly button. 7 tattoos, will eventually start working on more. I'm a natural redhead, non-smoker. I do love to drink though! I have several things I'm crazy about - my baby Brian, Halloween, Autumn, Twiztid, Johnny Depp, my digi cam, (I take it everywhere with me!) sushi, coffee, and bats. I have a pug (puppy) named Muggs. He's the cutest thing in the worlddddd!! Mama's boy all the way! I love him sooooo much!!</div>

<tr><td colspan="3">
<div class="medLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>
<div class="ltLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div></td></tr>


<tr><th colspan="3"><u>LiveJournal</u></th></tr>
<tr><td><a href="http://www.livejournal.com/friends/add.bml?user=violentnitemare">
<img src="http://i2.photobucket.com/albums/y4/poisongummies/Johnny%20Depp%20Graphics/addfriend.gif"
alt="Add me" style="border: 0;" /></a></td>
<td style="text-align: right;"><a
href="http://www.livejournal.com/friends/add.bml?user=violentnitemare">+add
me</a></td></tr>

<tr><td colspan="3">
<div class="medLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>
<div class="ltLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div></td></tr>

<tr><td><a href="http://www.livejournal.com/todo/?user=violentnitemare">
<img src="http://i2.photobucket.com/albums/y4/poisongummies/Johnny%20Depp%20Graphics/btn_todo.gif"
alt="my Todo list" style="border: 0;" /></a></td>
<td style="text-align: right;"><a
href="http://www.livejournal.com/todo/?user=violentnitemare">my to do
list</a></td></tr>

<tr><td colspan="3">
<div class="medLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>
<div class="ltLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div></td></tr>

<tr><td><a href="http://www.livejournal.com/tools/memories.bml?user=violentnitemare">
<img src="http://i2.photobucket.com/albums/y4/poisongummies/Johnny%20Depp%20Graphics/memories.gif"
alt="my Memories" style="border: 0;" /></a></td>
<td style="text-align: right;"><a
href="http://www.livejournal.com/tools/memories.bml?user=violentnitemare">my memories</a></td></tr>

<tr><td colspan="3">
<div class="medLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>
<div class="ltLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div></td></tr>

<tr><td><a href="http://www.livejournal.com/tools/tellafriend.bml?user=violentnitemare">
<img src="http://i2.photobucket.com/albums/y4/poisongummies/Johnny%20Depp%20Graphics/tellfriend.gif"
alt="Tell someone about me" style="border: 0;" /></a></td>
<td style="text-align: right;"><a
href="http://www.livejournal.com/tools/tellafriend.bml?user=violentnitemare">tell
someone about me</a>
</td>
</tr>
</table>

""";

print_comp_footer();
}


function print_free_text(Page p) {

print_comp_header($*free_text_text);

"""$*free_text""";

print_comp_footer();


print_comp_header("Fav TV Shows");

"""

The Sopranos<br>
<div class="medLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>
<div class="ltLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>

The Dead Zone<br>
<div class="medLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>
<div class="ltLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>

Deadwood<br>
<div class="medLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>
<div class="ltLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>

Dark Angel<br>
<div class="medLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>
<div class="ltLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>

Wonderfalls<br>
<div class="medLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>
<div class="ltLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>

Smallville<br>
<div class="medLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>
<div class="ltLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>

House M.D.<br>
<div class="medLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>
<div class="ltLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>

Hi Hi Puffy Ami Yumi<br>
<div class="medLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>
<div class="ltLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>

Family Guy<br>
<div class="medLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>
<div class="ltLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>

South Park<br>
<div class="medLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>
<div class="ltLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>

Buffy the Vampire Slayer<br>
<div class="medLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>
<div class="ltLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>

Dead Like Me<br>
<div class="medLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>
<div class="ltLine"><img
src="http://www.livejournal.com/palimg/component/clear.gif" width="1"
height="1" alt="" border="0" /></div>

21 Jump Street<br>


</div>

""";

print_comp_footer();

print_comp_header("Fav Music");

"""

All kinds!!<br>

</div>
""";


print_comp_footer();

print_comp_header("Fav Books");

"""

Harry Potter<br>
True Crime<br>
Biographies<br>

</div>
""";
print_comp_footer();



}


function page_layout(Page p) {

# Set this to the width that you want both the navbar (if it exists) and the whole journal to be

# may be percentage (60%) or number of pixels (600px).

var string k1Swidth = "600px";



# Start the html document and print the head section which controls the page title, stylesheet information,

# server supplied head content, and custom header informtion from the print_custom_head function.

var string title = $p->title();

"""

<html>

<head>

<link rel="stylesheet" href="$p.stylesheet_url" type="text/css"/>

$p.head_content

"""; $p->print_custom_head(); """

<title>Violentnitemares....Do You Dare?</title>

</head>

""";



# Start the body section of the html document which controls the visible parts of the page.

"""<body style="text-align:center;">""";



if($k1Swidth != "") {

"""<table style="border: 0px; margin: auto; padding: 0px; width:$k1Swidth;"><tr><td>""";

}



# If you want a picture to be at the top of your journal, edit and decomment this section.

# """<div align="center"><img src="http://www.yourdomain.com/yourimage.jpg" alt="jkl" title="jkl" /></div>""";



# Print the navigation bar if it is needed. This can be incorporated into any other tutorials which override

# the page_layout() function, and should be placed immediately after the <body> tag above.

if (not $*comp_navbar or $*comp_state=="none") {

""" <div class="header">""";

print "<span class=\"header-item\"><a href=\""+$p.view_url{"recent"}+"\">$*nav_entries_text</a></span>";

print "<span class=\"header-item\"><a href=\""+$p.view_url{"friends"}+"\">$*nav_friends_text</a></span>";

print "<span class=\"header-item\"><a href=\""+$p.view_url{"archive"}+"\">$*nav_calendar_text</a></span>";

print "<span class=\"header-item\"><a href=\""+$p.view_url{"userinfo"}+"\">$*nav_info_text</a></span>";

if ($p.journal.website_url != "") {

print "<span class=\"header-item\"><a href=\"$p.journal.website_url\">$p.journal.website_name</a></span>";

}

$p->lay_viewspec_nav(); # prints previous / next links including arrow images

"""

</div>

""";

}



# Print a spacer at the top of the page above the components and main area.

"""<div><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></div>""";



# Start the table which lays out the components and main area in side-by-side layout

"""

<table cellspacing="0" cellpadding="0" valign="top">

<tr valign="top" width="100%">

<td width="3">

<img src="http://www.livejournal.com/palimg/component/clear.gif" width="3" height="1" alt="" border="0" />

</td>

""";



# If the components are supposed to be on the left side of the page, then print them, followed by a column

# with a spacer which is to seperate the components and the main area.

if ($*comp_state == "left") {

print_my_components($p);

"""

<td width="3">

<img src="http://www.livejournal.com/palimg/component/clear.gif" width="3" height="1" alt="" border="0" />

</td>

""";

}



# Print the main area of the page.

print_my_entries($p, $title);



# If the components are supposed to be on the right side of the page, then first print a column with a spacer

# and then print the components after the spacer.

if ($*comp_state == "right") {

"""

<td width="3">

<img src="http://www.livejournal.com/palimg/component/clear.gif" width="3" height="1" alt="" border="0" />

</td>

""";

print_my_components($p);

}



# Finish off the table for the body

"""

<td width="3">

<img src="http://www.livejournal.com/palimg/component/clear.gif" width="3" height="1" alt="" border="0" />

</td>

</tr>

</table>

""";



if($k1Swidth != "") {

"""</td></tr></table>""";

}



# End the body section and end the html document

"""

</body>

</html>

""";

}

Thank you to anyone that can clue me in to what on earth I'm doing so wrong!! I will be so grateful!! Thank you for your time.
Subscribe
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

  • 5 comments