Single-column Blog Layout -- Missing <div> tag |
|
RJ
|
I created a "Single-column Blog Layout" in Joomla for articles. I noticed that each entry successively indented from the left margin.
I looked at the html output and found that there is a missing </div> tag at the end of each article entry. Thus, it is successively picking up the style sheet classes in template.css:
.Post-body
{
position: relative;
z-index:1;
padding: 7px;
}
.Post
{
margin: 10px;
}
I reproduced this locally, and when I closed each block with the missing tag, the successive indents ceased.
So how do we get the proper closure in the code?
|
| |
Garry
|
Artisteer produce valid XHTML AND CSS, a theme or template can only pass the validation if it properly closes all the tags. You might have altered the template please try regenrating
|
| |
RJ
|
Quote Garry:
Artisteer produce valid XHTML AND CSS, a theme or template can only pass the validation if it properly closes all the tags. You might have altered the template please try regenrating
Really?
And how did you arrive at that brilliant conclusion?
I did not "alter" the template. In fact, I regenerated it with the latest Artisteer build. Sure, if I out put a template, it validates.
Perhaps, given the fact that you can't write English with proper syntax and grammar, the point of this post eluded you. And that is:
1) Joomla output articles form a database for a Blog Layout
2) It used the native template, not altered, and style sheet to do so
3) Upon further looking into this I found the following:
I could not find the class ".Post-inner" in the style sheet.
Here's the code output for each article block:
<div class="Post">
<div class="Post-body">
<div class="Post-inner">
<div class="PostHeaderIcons metadata-icons"></div>
<div class="PostContent">
<div class="article">Article title and text.</div>
<p><a class="Button" href="/tips/8-dynamic-rotating-header-images-for-artisteer">
<span class="btn">
<span class="l"></span>
<span class="r"></span>
<span class="t">Read more...</span></span></a></p>
<span class="article_separator"> </span>
</div>
<div class="cleared"></div>
</div>
</div>
</div>
Note that a closing </div> tag is missing. To correct the successive left margin indent, either the missing tag has to added, or the "<div class="Post-inner">" has to be removed.
So, now would you kindly explain to me how I altered this output?
|
| |
RJ
|
Here is the native template output for the discussion, and it's fine.
<?php if (artxHasMessages()) : ?>
<div class="Post">
<div class="Post-body">
<div class="Post-inner">
<div class="PostContent">
<jdoc:include type="message" />
</div>
<div class="cleared"></div>
</div>
</div>
</div>
<?php endif; ?>
Note that when I pull this output from my browser (see above post), we have an additional <div class="PostHeaderIcons metadata-icons">.
|
| |
Garry
|
You can contact: support@artisteer.com for it
|
| |
Peter
|
Erm, I count that there are 4 div tags that do not have the </div> at the end
At the end of the code there are 4 </div>
And that is from both bits of code you have posted, so deduction says that there is no missing </div>
|
| |
|
|