WordPress.org

Ready to get started?Download WordPress

Forums

Frontpage cut off before header ends (7 posts)

  1. joelwalsh
    Member
    Posted 8 years ago #

    for http://upmarketnewsletters.com

    the front page of the site is cut off in the middle of the top navbar before the top table can be completed. When you look at the source, it just shows it as missing everything after a certain point, where the search function should be. Note that every other page on the site is displaying fine, and yet the source code is broken off during the header, which is the exact same for every page of the site.

    I have tried removing every function in the header bit by bit, and nothing changes.

    Any idea at all what could be causing this?

    Below: HTML from frontpage as it displays in browser:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <title>UpMarket Content</title>

    <style type="text/css" media="screen">
    @import url( http://upmarketnewsletters.com/wp-content/themes/tannaghcolors/style.css );
    </style>

    <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://upmarketnewsletters.com/feed/" />
    <link rel="alternate" type="text/xml" title="RSS .92" href="http://upmarketnewsletters.com/feed/rss/" />

    <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="http://upmarketnewsletters.com/feed/atom/" />

    <link rel="pingback" href="http://upmarketnewsletters.com/xmlrpc.php" />
    <link rel='archives' title='September 2005' href='http://upmarketnewsletters.com/2005/09/' />

    <!-- Added by "del.icio.us - Bookmark this!", a WordPress Plugin of Arne Brachhold, v1.0 -->
    <script type="text/javascript" language="JavaScript">
    //Bookmark on del.icio.us
    function dbt_bookmark() {
    //URL of this document
    var loc=location.href;
    //Strip out any anchors
    var apos=loc.indexOf('#');
    loc=(apos>0?loc.substring(0,apos):loc);
    //Redirect to del.icio.us
    location.href='http://del.icio.us/post?v=2&url='
    + encodeURIComponent(loc)
    +'&title='
    +encodeURIComponent(document.title);
    //Return false so the link won't be activated.
    return false;
    }
    </script>
    <meta name="description" content="Market your business with high-quality content." />
    <script type="text/javascript">
    if ( top.location != location )
    top.location.href = document.location.href;
    </script>
    <script type="text/javascript" src="http://upmarketnewsletters.com/wp-content/plugins/tw-touched/tw-touch_JS.php?blogurl=http://upmarketnewsletters.com"></script><style type="text/css" media="screen">

    /* Begin Contact Form CSS */

    .contactform {
    width: 100%;
    position: relative;
    }

    .contactleft {
    width: 25%;
    text-align: right;
    clear: both;
    float: left;
    display: inline;
    padding: 4px;
    margin: 5px 0;
    }

    .contactright {
    width: 70%;
    float: right;
    display: inline;
    padding: 4px;
    margin: 5px 0;
    }

    .contacterror {
    border: 1px solid #ff0000;
    }
    /* End Contact Form CSS */

    </style>

    <script language="javascript" type="text/javascript">// Scarlet Blaze Article Tool
    // By: Jose Mulia
    // http://www.scarletblaze.com
    // Version: 1.1

    ns4 = document.layers;
    ie = document.all;
    moz = document.getElementById && !document.all;

    function changeFontSize (id, isIncrease) {
    // 1 = increase
    // 0 = decrease
    var obj;
    var size;

    if (ns4) { alert ("Sorry, but NS4 does not allow font changes."); return false;

    } else if (ie) {
    // tested on ie6
    // the font value is increased/decreased in em;
    obj = document.getElementById(id);
    size = obj.currentStyle.fontSize;

    if (isIncrease) { size = parseFloat(size) + .1; // increase
    } else { size = parseFloat(size) - .1; // decrease
    }
    obj.style.fontSize = size + "em";

    } else if (moz) {
    // only tested on firefox
    // The next 2 lines work, but only return font size in px!
    // So the font value is increased/decreased in px;
    obj = window.getComputedStyle(document.getElementById(id), '');
    size = obj.getPropertyValue('font-size'); // value only in px

    if (isIncrease) { size = size = parseFloat(size) + 1; // increase
    } else { size = size = parseFloat(size) - 1; // decrease
    }

    document.getElementById(id).style['fontSize'] = size + "px";
    }

    if (!obj) { alert("unrecognized ID"); return false; }

    return true;
    }

    function changeAlignment (id, alignment) {
    // align: "right", "left", "justify"
    var obj;

    if (ns4) { alert ("Sorry, but NS4 does not allow alignment change."); return false;

    } else if (ie) {
    // tested on ie6
    // the font value is increased/decreased in em;
    obj = document.getElementById(id);
    obj.style.textAlign = alignment;

    } else if (moz) {
    // only tested on firefox
    obj = window.getComputedStyle(document.getElementById(id), '');
    document.getElementById(id).style['textAlign'] = alignment;
    }

    if (!obj) { alert("unrecognized ID"); return false; }

    return true;
    }

    function Bookmark(docUrl, docTitle) {
    if(document.all)
    {
    window.external.AddFavorite(docUrl, docTitle);
    }
    else
    {
    alert ("I'm sorry. Your browser: "+navigator.appName+" "+navigator.appVersion+ "\n doesn't support automatic bookmarking.\n You have to manually bookmark this page.");
    }
    }

    function toPrint() {
    window.print();
    }</script>
    </head>

    <body>

    <div id='container'>
    <div id='logobox'><img src="http://upmarketnewsletters.com/wp-content/themes/tannaghcolors/images/logo.gif" border="0" title="UpMarket Content"></div>
    <div id='topbar'><table border="0" cellpadding="3" cellspacing="1" width="100%">
    <tbody>
    <tr align="center" valign="middle" width="100%">
    <td ><img src="http://upmarketnewsletters.com/wp-content/themes/tannaghcolors/images/resize-font.jpg" border="0" title="Bigger text"></td>

    <td align="left" >+</td>

    <td ><img src="http://upmarketnewsletters.com/wp-content/themes/tannaghcolors/images/resize-font.jpg" border="0" title="Smaller text"></td>
    <td align="left" >-</td>

    <td align="left" >','email','width=650,height=700,left=0,top=0,toolbar=no,menubar=no,resizable=yes,scrollbars=yes,location=no,status=yes'); return false;"><img src="http://upmarketnewsletters.com/wp-content/themes/tannaghcolors/images/email.jpg" border="0" title="Email Article"></td>
    <td align="left" >','email','width=650,height=700,left=0,top=0,toolbar=no,menubar=no,resizable=yes,scrollbars=yes,location=no,status=yes'); return false;">Fwd</td>

    <td align="left" >','email','width=650,height=700,left=0,top=0,toolbar=no,menubar=no,resizable=yes,scrollbars=yes,location=no,status=yes'); return false;"><img src="http://upmarketnewsletters.com/wp-content/themes/tannaghcolors/images/link.jpg" border="0" title="Link to Article"></td>
    <td align="left" >','email','width=650,height=700,left=0,top=0,toolbar=no,menubar=no,resizable=yes,scrollbars=yes,location=no,status=yes'); return false;">Link</td>

    <td align="left" width="50%">

    ********the header code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

    <title><?php
    if (is_home()) {
    bloginfo('name');}
    else {wp_title();}
    ?>
    </title>

    <?php
    /* Part I of old method for doing meta descriptions, improvised by myself
    if (is_single()) {
    get_posts('numberposts=1');
    foreach ($posts as $post) :
    $post_excerpt = $post->post_excerpt;
    endforeach;}
    This was part II:
    <meta name="description" content="<?php echo htmlentities($post_excerpt); ?>" />
    */
    ?>

    <?php /* removed to avoid having this site filtered in search results for being a blog...
    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats please -->
    */
    ?>
    <style type="text/css" media="screen">
    @import url( <?php bloginfo('stylesheet_url'); ?> );
    </style>

    <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
    <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />

    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <?php wp_get_archives('type=monthly&format=link'); ?>
    <?php //comments_popup_script(); // off by default ?>
    <?php wp_head(); ?>
    <script language="javascript" type="text/javascript"><?php include (TEMPLATEPATH . '/sb.js'); ?></script>
    </head>

    <body>

    <div id='container'>
    <div id='logobox'><img src="<?php bloginfo('stylesheet_directory'); ?>/images/logo.gif" border="0" title="UpMarket Content"></div>
    <div id='topbar'><table border="0" cellpadding="3" cellspacing="1" width="100%">
    <tbody>
    <tr align="center" valign="middle" width="100%">
    <td ><img src="<?php bloginfo('stylesheet_directory'); ?>/images/resize-font.jpg" border="0" title="Bigger text"></td>
    <td align="left" >+</td>

    <td ><img src="<?php bloginfo('stylesheet_directory'); ?>/images/resize-font.jpg" border="0" title="Smaller text"></td>
    <td align="left" >-</td>

    <td align="left" >/email.php?<?php if (is_single()) {echo "p="; the_ID();} elseif (is_page()) {echo "page_id="; the_ID();}?>" onClick="window.open('<?php bloginfo('stylesheet_directory'); ?>/email.php?<?php if (is_single()) {echo "p="; the_ID();} elseif (is_page()) {echo "page_id="; the_ID();}?> ?>','email','width=650,height=700,left=0,top=0,toolbar=no,menubar=no,resizable=yes,scrollbars=yes,location=no,status=yes'); return false;"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/email.jpg" border="0" title="Email Article"></td>
    <td align="left" >/email.php?<?php if (is_single()) {echo "p="; the_ID();} elseif (is_page()) {echo "page_id="; the_ID();}?>" onClick="window.open('<?php bloginfo('stylesheet_directory'); ?>/email.php?<?php if (is_single()) {echo "p="; the_ID();} elseif (is_page()) {echo "page_id="; the_ID();}?> ?>','email','width=650,height=700,left=0,top=0,toolbar=no,menubar=no,resizable=yes,scrollbars=yes,location=no,status=yes'); return false;">Fwd</td>

    <td align="left" >/link.php?<?php if (is_single()) {echo "p="; the_ID();} elseif (is_page()) {echo "page_id="; the_ID();}?>" onClick="window.open('<?php bloginfo('stylesheet_directory'); ?>/link.php?<?php if (is_single()) {echo "p="; the_ID();} elseif (is_page()) {echo "page_id="; the_ID();}?> ?>','email','width=650,height=700,left=0,top=0,toolbar=no,menubar=no,resizable=yes,scrollbars=yes,location=no,status=yes'); return false;"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/link.jpg" border="0" title="Link to Article"></td>
    <td align="left" >/link.php?<?php if (is_single()) {echo "p="; the_ID();} elseif (is_page()) {echo "page_id="; the_ID();}?>" onClick="window.open('<?php bloginfo('stylesheet_directory'); ?>/link.php?<?php if (is_single()) {echo "p="; the_ID();} elseif (is_page()) {echo "page_id="; the_ID();}?> ?>','email','width=650,height=700,left=0,top=0,toolbar=no,menubar=no,resizable=yes,scrollbars=yes,location=no,status=yes'); return false;">Link</td>

    <td align="left" width="50%"><?php include (TEMPLATEPATH . '/searchform.php'); ?></td>
    </tr>
    </tbody>
    </table></div>
    <div id='header'><div id='blogTitle'><?php bloginfo('description'); ?></div></div>
    <div id='header_nav'><?php if ( function_exists('sem_header_nav') ) sem_header_nav(); ?></div>
    <div id='page' class='clearfix'>
    <div id='posts'>

  2. TechGnome
    Moderator
    Posted 8 years ago #

    1) It would be easier to follow if the forum didn't actualy try to render the html code. Try pasting it into pastebin or something.
    2) I get a "Page cannot be displayed" error when visiting the link.
    3) Normaly when I get this problem, it's due to some bad code or a bad plugin that causes the rendering to stop prematurely. Any of these apply? It's sometimes difficult to tell, since most don't generate error messages. How ever, I've found that the best way to determine if this is the case is to turn off all of the plugins. If the problem still persis, then it's proly code in the file itself. If it fixes itself, then it's a plugin issue, turning them on one by one until the problem shows up again will tell you which one is the problem.

    -tg

  3. joelwalsh
    Member
    Posted 8 years ago #

    1. The html above is exactly as it appears in the final source code; no part of it has been rendered. I'm not sure if you just mean that the code is long and ungainly when pasted in the forum. what is pastebin?

    2. I don't know why when I first tried to acccess the site just now it gave a not found error, but when I clicked refresh I got the page, exactly as I had decribed it above.

    3. I was turning off new plugins one by one until I was just left with the ones I've had all along, but I guess I can try again with all of them.

  4. http://pastebin.com/

    Please use it when posting lots of code. ;)

  5. joelwalsh
    Member
    Posted 8 years ago #

    Hmm...it was the Semiologic Fancy Excerpt plugin, which has never given me trouble before...trying to figure out why...any thoughts?

  6. TechGnome
    Moderator
    Posted 8 years ago #

    Have no idea, never used that plugin before. BTW: This is the first chance I've had to view the site since you got it up the other day. I have to say, I'm impressed with what you did with the template. While I recognize it, it hardly looks like the original. Uber cool.

    Anyways, it seems to render OK now, it either bacause the plugin is turned off, or whatever was causing it has worked itself out.

    -tg

  7. joelwalsh
    Member
    Posted 8 years ago #

    Thanks for the nod, TG, that was an amazing theme you did, and it is still essentially the same in the important parts. The other website I made using your theme is now finished as far as the design (though not the content) goes: http://endometrialcancer.org

    Any idea on a location above the main page body but just below the header where I could put the font size, link, and forward links? The obvious place would be either on the bottom of the topbar navigation (the black box that originally was used for the tagline), but that box is pretty full already and anyway it's not an ideal location, either.

    A little explanation...

    The reason I like this theme so much is that I think it's great how the overlapping rectangles make it immediately clear what is what: body, navigation, etc., and also what relationship they have with each other--for instance, the top bar, side bar, and footer navigation are all obviously disconnected from the page, while the pull-quote box which I'm using for post-specific text controls is obviously relevant to that specific post and not the site as a whole.

    The one semi-break with the logical organization of all this is the icons I placed on the top of the page, for text size, permalink, and forward--they do all apply to the entire page, sidebars as well as page body (with the exception of the header), since the text on the entire page will increase, and the other two functions will provide a link to the entire page, rather than just the article. Meanwhile, the free-reprint and print options which are kept alongside the post, inline, will only let you print or reprint the single post, not the entire webpage with sidebar and footer.

    The reason the location of the font-size, reprint, and link links up top is a break in the logical organization is that while they do affect the entire webpage and not just the post, they do not affect the entire website--that is, when you go to the next page, the text is back to normal. Logically, then, these controls should go above the page-specific elements (post, footer, and sidebar, all of which can change somewhat from webpage to webpage) but below the header (which remains the same throughout the site). The reason I put the controls way up top is simply because that's where there was space available, which is not at all a good reason from a usability standpoint.

Topic Closed

This topic has been closed to new replies.

About this Topic