TutorialMS Community Forum

Full Version: New Skin but 1 Problem
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hi Community!

First of all i´d like to thank you for this great cms and also say sorry for my bad english Wink

I started to create a new Hobby website for my friends and some other interested people.
I created a style and coded it quickly.
You can see the new Style here: http://pixel4tune.de

The only problem i have is the category view.

I didnt changed a thing instead of the language in these files so i wonder why i have this problem now.

You can see what i mean by clicking here:
http://www.pixel4tune.de/view_tutorials/...nd_Banner/

Im not shure about but for my layout i only edited (header, footer, style.css).


I hate to ask this question but can someone help me out please?
Im shure it must be the file: view_tut_desc


PS:
I hope you like the Style and the integrated phpbb and banner featuresd Wink
Site is down, I can't view it.
uhm...
I browse it at the moment.
Its working fine.
Please try it again - maybe a server overkill or something else.
Hi.

Nice looking site! Smile

The only place I see a problem is when you have the subcategory view. List <li> items have a 5px padding all the way around in css, but the source shows inline scripting of a 5px padding all the way around again.

css:
Code:
li {
    padding: 5px 5px 5px 5px;
    color:#2bb9a9;
    font-size:10px;
}
subcategory view (in source):
Code:
<li style="padding: 5px 5px 5px 5px; ... etc
It seems the additional padding is throwing your 3 column layout off balance - that's the only element that differs that page view from all others.

Hope this helps.
I tried it by editing the part in the css but this wasn´t the problem.
Im not shure but could it be that a <td>...</td> or something else is missing in the file?
http://validator.w3.org/check?verbose=1&..._Banner%2F

I would look over the results of the validation, it is rather messy. You can ignore the alt="" on images since it doesn't affect the layout but it seems there is unclosed </divs> and some other general mistakes.
Hi,

First, that's a great site link, Scott. It reveals a lot. Smile

Zeronix, I looked at your source in my editor and found the following:
Code:
<div id="columnmain">
    <div class="thead"><img src="http://www.pixel4tune.de/images/icons/1.gif" width="16" height="16" style="margin-right:10px;" />
                <strong><a href="http://www.pixel4tune.de/view_tutorials/Adobe_Photoshop/All/">
        Adobe Photoshop</strong></a>
         <span class="normaltext">(17)</span></td>
    </div>
<div class="genmcontainer"></div>
<p>Du bist inn der Adobe Photoshop Tutorial Sektion. Die folgenden Tutorials
sind nach dem Alter sortiert und das neuste wird als erstes gezeigt. Um sie
anders zu betrachten nutze bitte unser Sortierungs System.</p>
</div>
The </td> shows as a mismatched tag, and the "genmcontainer" div was closed as soon as it was opened.

Delete the </td> tag and the </div> tag that follows "<div class="genmcontainer">":
Code:
<div id="columnmain">
    <div class="thead"><img src="http://www.pixel4tune.de/images/icons/1.gif" width="16" height="16" style="margin-right:10px;" />
                <strong><a href="http://www.pixel4tune.de/view_tutorials/Adobe_Photoshop/All/">
                          Adobe Photoshop</strong></a>
         <span class="normaltext">(17)</span>
    </div>
<div class="genmcontainer">
<p>Du bist inn der Adobe Photoshop Tutorial Sektion. Die folgenden Tutorials
sind nach dem Alter sortiert und das neuste wird als erstes gezeigt. Um sie
anders zu betrachten nutze bitte unser Sortierungs System.</p>
</div>
Hopefully that helps.
Hi, again,

As a follow up, the </td> is in the "view_tut_desc_break" template and the </div> tag is either at the end of that same template, or at the start of "view_tut_desc" template.
You found the problem!!! :o

Thank you so much for this great support!
Now the site looks as it should be Wink

By the way:
A matchhing phpbb skin is also done Wink
Reference URL's