ExpressionEngine CMS
Open, Free, Amazing

Thread

This is an archived forum and the content is probably no longer relevant, but is provided here for posterity.

The active forums are here.

XHTML Rendering

August 28, 2009 4:24pm

Subscribe [2]
  • #1 / Aug 28, 2009 4:24pm

    girlwonderful

    54 posts

    I’m working on a new layout visible here. For some reason, the xhtml formatting is not rendering and I’m wondering if anyone has any ideas as to why. I tried to remove the doctype to see if it would render but the only thing that seemed to fix said problem was changing entries to

    
    

    . The doctype is the following:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html >
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

    Thanks for your help all.

  • #2 / Aug 29, 2009 10:52am

    Focus Lab Dev Team

    1129 posts

    The link you gave doesn’t show any obvious errors on parsing data. Can you show us what it looks like when incorrect? Are you saying that the XHTML in your entries is not rendering?

  • #3 / Aug 29, 2009 11:28am

    girlwonderful

    54 posts

    Erik, yes - that’s what I was attempting to say. My entries on my main blog are rendering the xhtml fine. I’m not understanding why it’s not rendering.

  • #4 / Aug 30, 2009 12:54am

    brankin

    150 posts

    Did you get everything worked out?  Also when in xhtml make sure that your

    
    
    tags are
    
    

      😉

    Bryan

  • #5 / Aug 30, 2009 12:33pm

    girlwonderful

    54 posts

    Actually, no - it’s still rendering incorrectly. If you go to the main page inthelifeof.org - all the line and p breaks are being read/rendered the right way. I’m just curious as to why they’re like this in this particular template.

  • #6 / Aug 30, 2009 2:28pm

    brankin

    150 posts

    If the line breaks are correct what is not rendering correctly?  Also can you post the part of the template code that you are having trouble rendering and give an example of how you what it to behave?

    Thanks,
    Bryan

  • #7 / Aug 30, 2009 11:08pm

    girlwonderful

    54 posts

    I think I’m explaining myself poorly - stands to reason, this is not my realm of expertise for sure 😊 Thanks for the help in advance.

    If you go to the main page here, the paragraph breaks look fine. This is how the xhtml renders them. But in the new test layout - no breaks between paragraphs at all, but seems to work if I change an entry to
    instead of xhtml.

    The code for the template is as follows:

    {assign_variable:my_weblog="default_site"}
    {assign_variable:my_template_group="journal"}
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html >
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>inthelifeof</title>
    <style>
    
    * { padding: 0; margin: 0; }
    
    body{ background-color: #FFF;
    font-family: Trebuchet MS, Book Antiqua, Verdana, Serif;
    font-size: 11px;
    color: #000000;}
    
    #wrapper { 
     margin: 0 auto;
     width: 972px;
    }
    #leftcolumn { 
     color: #333;
     border: 1px solid #ccc;
     background: #E7DBD5;
     margin: 10px 5px 5px 0px;
     padding-bottom: 10px;
     padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
     height: auto;
     width: 195px;
     float: left;
    }
    #content { 
     float: left;
     color: #333;
     border: 1px solid #ccc;
     background: #F2F2E6;
     margin: 10px 5px 5px 0px;
     padding: 10px;
     height: auto;
     width: 506px;
    line-height: 20px;
    }
    #rightcolumn { 
     color: #333;
     border: 1px solid #ccc;
     background: #E7DBD5;
     margin: 10px 0px 5px 0px;
     padding: 10px;
     height: 500px;
     width: 195px;
     float: left;
     position: relative;
    }
    a:link {text-decoration : none; color : #000000; text-transform: uppercase;font-weight: bold;} 
    a:visited  {text-decoration : none; color : #888; text-transform: uppercase;} 
    a:active  {text-decoration : none; color : #000; text-transform: uppercase;font-weight: bold;} 
    a:hover     {text-decoration : none;  color : #D83152; text-transform: uppercase;} 
    
    .posted {
    margin-top: 15px;
    margin-bottom: 30px;
    font-family: Trebuchet MS, Book Antiqua, Verdana, Serif;
    font-size: 10px;
    color: #000000;
    text-align: right;
    }
    .title{
    font-family: georgia, trebuchet ms, tahoma, serif;
    font-size: 11px;
    color: #000;
    margin-bottom: 10px;
    }
    </style>
    </head>
    
    <body>
    
       <!-- Begin Wrapper -->
       <div id="wrapper">
             
     <div id="leftcolumn">
    blah blah blah left 
     </div>
            
     <div id="content">
    {exp:weblog:entries weblog="{my_weblog}" orderby="date" sort="desc" limit="3" paginate="bottom"}
    
    <div class="title">{entry_date format=' %l, %F %d, %Y '} | <em>{title}</em></div>
    {summary}
    {body}
    {extended}
    
    <div class="posted">
    Posted at {entry_date format='%h:%i %A'} in {categories}
    <a href="http://{path=journal/index}">{category_name}</a> | 
    {/categories}
    
    {if allow_comments}
    <a href="http://{entry_id_path=journal/comments}">_{comment_total} Comments</a>  | 
    {/if}
    <a href="http://{entry_id_path=journal/comments}">Permalink</a></div>
    {paginate}
    <div class="paginate">
    <span class="pagecount">Page {current_page} of {total_pages} pages</span>  {pagination_links}
    </div>
    {/paginate}
    {/exp:weblog:entries}
     </div>
            
     <div id="rightcolumn">
    blah blah blah right column
     </div>
    
             
       </div>
    
       
    </body>
    </html>

    Hope I did a little better in the explainage department this time 😉

  • #8 / Aug 31, 2009 11:30am

    brankin

    150 posts

    helloandgoodbye,
    Try removing the </p> in the following part of code.

    <div class="title">{entry_date format=' %l, %F %d, %Y '} | <em>{title}</em></div>
    {summary}
    {body}
    {extended}
    

    Later,
    Bryan

  • #9 / Aug 31, 2009 11:33am

    girlwonderful

    54 posts

    Aww man, I was so hoping that was going to be it - but it wasn’t. Ha!

  • #10 / Aug 31, 2009 11:39am

    brankin

    150 posts

    That is probably a start.  Are your blog fields set to XHTML or none?

  • #11 / Aug 31, 2009 11:41am

    girlwonderful

    54 posts

    xhtml - everything is good as gravy on the front page.

  • #12 / Aug 31, 2009 12:00pm

    brankin

    150 posts

    Your current layout has a 5px padding on th p tag which means 5px above and 5px below I do not see that on the new layout.  Maybe this will do it.

    p{
    padding: 5px;
    }

    Hopefully we got it this time.

    Bryan

  • #13 / Aug 31, 2009 12:11pm

    girlwonderful

    54 posts

    Man, I love smart people! That worked. Thanks for being awesome and troubleshooting with me, you’re a superstar.

  • #14 / Aug 31, 2009 12:16pm

    brankin

    150 posts

    You are welcome. I only know cause I’ve made worse mistakes, and someone helped me out.  😉

    Let me know if something else come up during the design.

    Later,
    Bryan

.(JavaScript must be enabled to view this email address)

ExpressionEngine News!

#eecms, #events, #releases