3 statt 2 Spalten!

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Benutzeravatar
Miriam
Mitglied
Beiträge: 12310
Registriert: 13.10.2004 07:18
Kontaktdaten:

Re: 3 statt 2 Spalten!

Beitrag von Miriam »

Da nicht für... und es ist ja auch bald Weihnachten :-P
Gruss, Miriam.
Ich schmeiß' alles hin und...
... lasse es liegen
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5016
Registriert: 08.06.2009 12:03

Re: 3 statt 2 Spalten!

Beitrag von Talk19zehn »

Hi Titanic, bei mir sind momentan Spalten teils nicht "im Ganzen" lesbar und Teile der Ansicht sind verschoben.
Evtl. liegt´s derzeit an kleineren HTML-Fehlerchen: http://validator.w3.org/check?verbose=1 ... orum.de%2F
Errors found while checking this document as XHTML 1.0 Strict!

Result: 10 Errors
Line 160, Column 52: document type does not allow element "div" here; assuming missing "li" start-tag
<div class="forabg" style="width:100%;">

Error Line 599, Column 52: document type does not allow element "div" here; assuming missing "li" start-tag
<div class="forabg" style="width:100%;">

Error Line 692, Column 6: end tag for "li" omitted, but OMITTAG NO was specified
</div>

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
Info Line 599, Column 13: start tag was here
<div class="forabg" style="width:100%;">

Error Line 692, Column 6: end tag for "ul" omitted, but OMITTAG NO was specified
</div>
You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
Info Line 169, Column 17: start tag was here
<ul class="topiclist forums">

Error Line 720, Column 7: end tag for "li" omitted, but OMITTAG NO was specified
</body>

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
Info Line 160, Column 13: start tag was here
<div class="forabg" style="width:100%;">

Error Line 720, Column 7: end tag for "ul" omitted, but OMITTAG NO was specified
</body>

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
Info Line 140, Column 17: start tag was here
<ul class="topiclist forums">

Error Line 720, Column 7: end tag for "div" omitted, but OMITTAG NO was specified
</body>

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
Info Line 132, Column 17: start tag was here
<div class="inner"><span class="corners-top"><span></span></spa…

Error Line 720, Column 7: end tag for "div" omitted, but OMITTAG NO was specified
</body>

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
Info Line 131, Column 13: start tag was here
<div class="forabg" style="width:100%;">

Error Line 720, Column 7: end tag for "div" omitted, but OMITTAG NO was specified
</body>

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
Info Line 126, Column 2: start tag was here
<div id="page-body">

Error Line 720, Column 7: end tag for "div" omitted, but OMITTAG NO was specified
</body>

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
Info Line 84, Column 1: start tag was here
<div id="wrap">
:wink:

Viele Grüße
Adventereigniskalender für phpBB 3.3.x,
Meine persönliche Meinung im Jahr 2024: Im Zenit seiner Popularität wirkt KI zunächst wie eine Blaupause und lässt sich aufgrund der Vielschichtigkeit nicht auf eine einzige Botschaft reduzieren. Präteritum, Perfekt, Präsens, Futur & Plusquamperfekt werden nicht fehlerfrei genutzt, gar missverstanden.
Titanic
Mitglied
Beiträge: 325
Registriert: 24.11.2012 18:15
Kontaktdaten:

Re: 3 statt 2 Spalten!

Beitrag von Titanic »

Hi Talk19zehn,

Bei mir wird alles korrekt angezeigt.Vielleicht liegt`s an den Browser den Du verwendest.ich benutze jahrelang den Firefox.

Nun noch eine Frage an Miriam:

Kann man das auch für den Style Subsilver2 programmieren? (Ist aber nicht so wichtig)
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5016
Registriert: 08.06.2009 12:03

Re: 3 statt 2 Spalten!

Beitrag von Talk19zehn »

jepp, ich auch und nicht nur diesen... :wink:

Nur kurz zwei Beispiele FF 17.01 anbei:
1366x768px
http://img543.imageshack.us/img543/3434 ... ff1701.jpg
1024x768px
http://img20.imageshack.us/img20/1566/f ... f1701b.jpg


Beste Grüße
Adventereigniskalender für phpBB 3.3.x,
Meine persönliche Meinung im Jahr 2024: Im Zenit seiner Popularität wirkt KI zunächst wie eine Blaupause und lässt sich aufgrund der Vielschichtigkeit nicht auf eine einzige Botschaft reduzieren. Präteritum, Perfekt, Präsens, Futur & Plusquamperfekt werden nicht fehlerfrei genutzt, gar missverstanden.
Titanic
Mitglied
Beiträge: 325
Registriert: 24.11.2012 18:15
Kontaktdaten:

Re: 3 statt 2 Spalten!

Beitrag von Titanic »

Bei mir sieht das so aus:

http://img545.imageshack.us/img545/43/forumrb.jpg

auch der untere Teil zeigt bei mir alles ok an.
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5016
Registriert: 08.06.2009 12:03

Re: 3 statt 2 Spalten!

Beitrag von Talk19zehn »

Die ermittelten W3C-Fehler würde ich bereinigen und die Auflösung ist wahrscheinlich bei dir momentan eine andere...... :wink:
Bitte siehe von daher bei Bedarf in deinem anderen Thema:
viewtopic.php?p=1289835#p1289835


Ohne Fehler-Bereinigung ist eine Beurteilung wirklich schwer möglich. Viel Glück für dein Vorhaben und beste Grüße
Du schaffst das!
Adventereigniskalender für phpBB 3.3.x,
Meine persönliche Meinung im Jahr 2024: Im Zenit seiner Popularität wirkt KI zunächst wie eine Blaupause und lässt sich aufgrund der Vielschichtigkeit nicht auf eine einzige Botschaft reduzieren. Präteritum, Perfekt, Präsens, Futur & Plusquamperfekt werden nicht fehlerfrei genutzt, gar missverstanden.
Titanic
Mitglied
Beiträge: 325
Registriert: 24.11.2012 18:15
Kontaktdaten:

Re: 3 statt 2 Spalten!

Beitrag von Titanic »

Meine Auflösung ist 1280 x 1024.Wie behebe ich diese fehler?
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5016
Registriert: 08.06.2009 12:03

Re: 3 statt 2 Spalten!

Beitrag von Talk19zehn »

Hi, bei der Bearbeitung deiner HTML-Templates haben sich Fehler eingeschlichen. Die Zeilen werden dir benannt.
Gehe die Modifikationen noch einmal durch, um die Fehlerchen zu finden.

Prüfe nach jeder Änderung via HTML-W3C-Validator erneut.

Wenn in Folge dein Konstrukt valide ist:
Sodann müssten ggf. Abstände und u.U. vielerlei mehr erneut geprüft und angepasst werden, um die Darstellung ab einem gewissen Mindestmaß im Standard der Auflösung zu gewährleisten. Validität dabei erneut immer vorausgesetzt.

Bei einer Konzeption darfst du nicht von deiner eigenen Bildschirmauflösung ausgehen. Prosilver ist dynamisch angelegt und strict valide.
Adventereigniskalender für phpBB 3.3.x,
Meine persönliche Meinung im Jahr 2024: Im Zenit seiner Popularität wirkt KI zunächst wie eine Blaupause und lässt sich aufgrund der Vielschichtigkeit nicht auf eine einzige Botschaft reduzieren. Präteritum, Perfekt, Präsens, Futur & Plusquamperfekt werden nicht fehlerfrei genutzt, gar missverstanden.
Titanic
Mitglied
Beiträge: 325
Registriert: 24.11.2012 18:15
Kontaktdaten:

Re: 3 statt 2 Spalten!

Beitrag von Titanic »

Talk19zehn hat geschrieben:Hi, bei der Bearbeitung deiner HTML-Templates haben sich Fehler eingeschlichen. Die Zeilen werden dir benannt.
Gehe die Modifikationen noch einmal durch, um die Fehlerchen zu finden.

Prüfe nach jeder Änderung via HTML-W3C-Validator erneut.

Wenn in Folge dein Konstrukt valide ist:
Sodann müssten ggf. Abstände und u.U. vielerlei mehr erneut geprüft und angepasst werden, um die Darstellung ab einem gewissen Mindestmaß im Standard der Auflösung zu gewährleisten. Validität dabei erneut immer vorausgesetzt.

Bei einer Konzeption darfst du nicht von deiner eigenen Bildschirmauflösung ausgehen. Prosilver ist dynamisch angelegt und strict valide.
Irgendwie komme ich nicht so richtig klar damit.Wenn Du mir etwas helfen könntest,wäre ich dankbar.
Benutzeravatar
Miriam
Mitglied
Beiträge: 12310
Registriert: 13.10.2004 07:18
Kontaktdaten:

Re: 3 statt 2 Spalten!

Beitrag von Miriam »

Ich habe mal noch ein wenig weiter gebastelt.
Der Austauschcode sieht jetzt so aus:

Code: Alles auswählen

    <!-- IF forumrow.S_IS_CAT or forumrow.S_FIRST_ROW  or forumrow.S_NO_CAT  -->
        <div class="forabg" style="width:100%; min-width:800px;">
            <div class="inner"><span class="corners-top"><span></span></span>
            <ul class="topiclist">
                <li class="header">
                    <dl class="icon">
                        <dt><!-- IF forumrow.S_IS_CAT --><a href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a><!-- ELSE -->{L_FORUM}<!-- ENDIF --></dt>
                    </dl>
                </li>
            </ul>
            <ul class="topiclist forums">
    <!-- ENDIF -->
    <!-- IF not forumrow.S_IS_CAT -->
        <li class="row" style="display:inline-block; display:-moz-inline-stack; *display:inline; width:33%; vertical-align:top; border-bottom:none; border-top: 1px solid gray; min-height:150px;">
            <dl class="icon" style="background-image:url({forumrow.FORUM_FOLDER_IMG_SRC}); background-repeat:no-repeat; display:table-cell; width:100%; padding-right:50px;">
                <dt title="{forumrow.FORUM_FOLDER_IMG_ALT}" style="width:100%;">
                <!-- IF S_ENABLE_FEEDS and forumrow.S_FEED_ENABLED --><!-- <a class="feed-icon-forum" title="{L_FEED} - {forumrow.FORUM_NAME}" href="{U_FEED}?f={forumrow.FORUM_ID}"><img src="{T_THEME_PATH}/images/feed.gif" alt="{L_FEED} - {forumrow.FORUM_NAME}" /></a> --><!-- ENDIF -->

                    <!-- IF forumrow.FORUM_IMAGE --><span class="forum-image">{forumrow.FORUM_IMAGE}</span><!-- ENDIF -->
                    <a href="{forumrow.U_VIEWFORUM}" class="forumtitle">{forumrow.FORUM_NAME}</a><br />
                    {forumrow.FORUM_DESC}
                    <br />
                    {L_TOPICS}: {forumrow.TOPICS} &bull; {L_POSTS}: {forumrow.POSTS}
                    <!-- IF forumrow.MODERATORS -->
                        <br /><strong>{forumrow.L_MODERATOR_STR}:</strong> {forumrow.MODERATORS}
                    <!-- ENDIF -->
                    <!-- IF forumrow.SUBFORUMS and forumrow.S_LIST_SUBFORUMS --><br /><strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}<!-- ENDIF -->
                    <!-- IF forumrow.CLICKS -->
                    <span class="redirect"><span>{L_REDIRECTS}: {forumrow.CLICKS}</span></span>
                    <!-- ELSEIF not forumrow.S_IS_LINK -->
                    <span class="lastpost"><span>
                        <!-- IF forumrow.U_UNAPPROVED_TOPICS --><br /><a href="{forumrow.U_UNAPPROVED_TOPICS}">{UNAPPROVED_IMG}</a><!-- ENDIF -->
                        <!-- IF forumrow.LAST_POST_TIME --><br />{L_LAST_POST}: {L_POST_BY_AUTHOR} {forumrow.LAST_POSTER_FULL}
                        <!-- IF not S_IS_BOT --><br /><a href="{forumrow.U_LAST_POST}">{LAST_POST_IMG}</a> <!-- ENDIF -->{forumrow.LAST_POST_TIME}<!-- ELSE -->{L_NO_POSTS}<br />&nbsp;<!-- ENDIF --></span>
                    </span>
                <!-- ENDIF -->
                </dt>
            </dl>
        </li>
    <!-- ENDIF -->
Zum Feintuning kommen wir, wenn das Layout paßt.

@Titanic: Du hast da was falsch umgesetzt. Nimm mal diese forumlist_body.html als Ersatz für Deine jetzige.
Gruss, Miriam.
Ich schmeiß' alles hin und...
... lasse es liegen
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“