phpBB.de

Verfasst: **02.07.2013 13:26**

Huhu.

Mein Forum nimmt Gestalt an und über Firefox aufgerufen, sieht auch alles stehts korrekt aus. Wenn ich das Forum jedoch mit IE10 aufrufe, habe ich diverse Optikfehler, die mich mir nicht erklären kann. Wo könnten dort die Fehler sein?

Ein Beispiel:

Navleiste(Overall Header), Globale Ankündigung(index_body) und Forenindex via Internet Explorer10: [ externes Bild ]
Navleiste(Overall Header), Globale Ankündigung(index_body) und Forenindex via Firefox 22.0: [ externes Bild ]

Forum: http://erudin.bplaced.net/forum/index.php
Style: http://demo.phpbb3styles.net/Cerulean

Wie bekomme ich das nun hin, dass die Darstellung in möglichst allen Browsern fehlerfrei funktioniert?
(Ich muss dazu erwähnen, dass ich noch recht neu bin was PHP, HTML und CSS angeht, mich daher noch nicht so toll auskenne..)

Und wenn wir gleich dabei sind .. Ich habe es geschafft die globale Ankündigung in so eine schicke Box zu stecken. Doch sollte "Bekanntmachungen" genau wie im ersten Forenindexregister wo "SERVER/TECHNIK" steht, so einen schönen Hintergrund haben. Was immer ich bisher probierte, führte nur zu Optikfehlern. Wie stelle ich das an?

Das hier ist der Abschnitt der globalen Ankündigung:

Code: Alles auswählen

<!-- IF S_ANNOUNCE_INDEX -->
<!-- IF .topicrow -->
<div class="contentwrapper">
	<div class="cw2"><div class="cw3"><div class="cw4"><div class="cw5">
	<table class="tablebg" width="100%" cellspacing="1">
	<tr>
		<td class="cat" style="text-align: center;" colspan="7"><span class="nav">{L_ANNOUNCEMENTS}</span></td>
	</tr>
	<tr>
		<th colspan="3">&nbsp;{L_TOPICS}&nbsp;</th>
		<th>&nbsp;{L_AUTHOR}&nbsp;</th>
		<th>&nbsp;{L_REPLIES}&nbsp;</th>
		<th>&nbsp;{L_VIEWS}&nbsp;</th>
		<th>&nbsp;{L_LAST_POST}&nbsp;</th>
	</tr>
<!-- BEGIN topicrow -->
	<tr>
		<td class="row1" width="25" align="center">{topicrow.TOPIC_FOLDER_IMG}</td>
		<td class="row1" width="25" align="center"><!-- IF topicrow.TOPIC_ICON_IMG --><img src="{T_ICONS_PATH}{topicrow.TOPIC_ICON_IMG}" width="{topicrow.TOPIC_ICON_IMG_WIDTH}" height="{topicrow.TOPIC_ICON_IMG_HEIGHT}" alt="" title="" /><!-- ENDIF --></td>
		<td class="row1">
	        <a title="{L_POSTED}: {topicrow.FIRST_POST_TIME}" href="{topicrow.TOPIC_LINK}" class="topictitle">{topicrow.TOPIC_TITLE}</a>			 
		</td>
		<td class="row2" width="130" align="center"><p class="topicauthor">{topicrow.TOPIC_AUTHOR_FULL}</p></td>
		<td class="row1" width="40" align="center"><p class="topicdetails">{topicrow.REPLIES}</p></td>
		<td class="row2" width="50" align="center"><p class="topicdetails">{topicrow.VIEWS}</p></td>
		<td class="row1" width="140" align="center">
			<p class="topicdetails" style="white-space: nowrap;">{topicrow.LAST_POST_TIME}</p>
			<p class="topicdetails">{topicrow.TOPIC_LAST_AUTHOR}
				<!-- IF not S_IS_BOT --><a href="{topicrow..U_LAST_POST}">{LAST_POST_IMG}</a><!-- ENDIF -->
			</p>
		</td>
	</tr>
<!-- END topicrow -->
	</table>
	</div></div></div></div></div>
</div>

	<br clear="all" />
	<!-- ENDIF -->
<!-- ENDIF -->
<!-- INCLUDE forumlist_body.html -->

Großes Danke schonmal!

Verfasst: **02.07.2013 16:32**

Hi Velaja, zunächst verweist dein Link zum Style auf eine phpBB3-Version 3.0.7. Wir befinden uns derzeit bei der Version 3.0.11. Wobei ich bereits eine 3.0-9er-Version sehe: http://www.gamexe.net/forum/viewtopic.php?f=1&t=3328
Das bedeutet, du solltest deinen Style der Version 3.0.7 ggf. händisch updaten. Warum? Meines Wissens werden die Seiten http://www.gamexe.net/ irgendwann abgeschaltet

http://www.gamexe.net/

News and Updates
5th of September, 2005 - 24th of December, 2012

After 7 years, Gamexe.net is coming to a close. It's been a great run, and a huge learning experience. We've had a small but thriving community for a long time now, with a lot of dedicated and talented members. After closing the forums for maintenance, I really thought hard about the direction of the site and its current state. Gamexe.net is long past its glory days, and a lot of its most dedicated members have moved on - I guess myself included.

I'll keep the website up for a while; the site still gets over 800 unique visitors a day despite its inactivity, so people are still visiting and flipping through its pages. The forums will stay disabled, though, and at some point I may delete them.

And of course, I'd like to take this opportunity to thank all those who've played a part in this site's history. You've made running it a lot of fun, and your contributions are what made Gamexe.net so great. Hopefully I'll keep in touch with some of you, and best of luck to everyone.

Thanks!

Posted by: Daniel St. Jules on Monday 24th of December 2012 05:37:16 PM

und Updates der wunderbaren Styles von Daniel St. Jules sind m.W. noch immer fraglich. Demnach wird es ggf. keine aktuelle Version des Styles geben....

Wissen tue ich es jedoch nicht genau.....

Ein Style-Update ist anhand der Codechanges möglich ( Cerulean basiert auf Prosilver ):
The following files have been changed in the update from 3.0.7 to 3.0.11: https://area51.phpbb.com/code-changes/3.0.7/

Ich setze mal voraus, dass deine Systemdateien aktuell sind und insofern wären lediglich die Styledateien dem Update zu unterziehen.
Sprich, via per FTP herunterladen, editieren (speichern musst du in der Kodierung utf 8-ohne BOM!) und hochladen. Im ACP / Styles / ---- > Grafiksammlung, Theme und Template aktualisieren. Nach erneutem Seitenaufruf Browsercaches bereinigen (Strg und F5).

Des Weiteren wird ein phpBB-Board "strict valide" ausgezeichnet. Wenn du dir also Scripte, Codes im Netz suchst, müssen sie möglichst darauf basieren.
W3C meckert an einigen Stellen und ich denke, du solltest tätig werden, bevor wir Fehler suchen.

Ferner kannst du eine separate Linkklasse nutzen, um Links = Verweise abweichend zu formatieren.

Siehe: http://de.selfhtml.org/html/verweise/definieren.htm
Beispiel

CSS:

Code: Alles auswählen

a.linknavbar:link {
    color:#0066CC;
    font-weight:bold;
    text-decoration:underline;
    }

    a.linknavbar:visited {
    color:#0066CC;
    font-weight:bold;
    text-decoration:underline;
    }

    a.linknavbar:hover {
    color:#0066CC;
    font-weight:bold;
    text-decoration:underline;
    }

HTML, ohne Berücksichtigung etwaiger ggf. phpBB3-konformer Bedingungen:

Code: Alles auswählen

<a href="#" class="linknavbar">Dein Link</a>

Beste Grüße

Edit: Beispiel ergänzt

Verfasst: **02.07.2013 18:51**

Danke schonmal für die Hilfe!

Nun habe ich nurnoch einen Fehler laut W3C und auch im IE wird alles korrekt angezeigt.
Nur.. wie mache ich das nun, dass die Legende mittig angezeigt wird? Ich arbeite derzeit mit <div align="center">, laut Self HTML sollte es aber <center>Text</center> sein. Nur spuckt mit W3C dann wieder endlos viele Fehler aus.
Ich bekomme es einfach nicht weg ..

Code: Alles auswählen

<div align="center">
	<table border="1" cellpadding="10" cellspacing="0" width="400">
<tr>
	<td>{FORUM_UNREAD_IMG}</td>
	<td><span class="gensmall">{L_UNREAD_POSTS}</span></td>
	<td>{FORUM_IMG}</td>
	<td><span class="gensmall">{L_NO_UNREAD_POSTS}</span></td>
	<td>{FORUM_LOCKED_IMG}</td>
	<td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
</tr>
</table>

Das ist die ganze Forenlegende. Wie bekomme ich das ohne <div align="center"> mittig, wenn nicht mit <center>Text</center>?

Und wie sah es mit meiner ersten Frage mit der Box aus? Weißt du dafür eine Lösung Talk19zehn?

Danke jedenfalls schonmal bis hierhin!

Verfasst: **02.07.2013 19:15**

Hi,

align-Attribut und <center> ist beides HTML-Steinzeit.

Versuchs mal mit dem hier:

Code: Alles auswählen

<div styles="margin-left: auto; margin-right: auto; width: 80%;">

Die Breite muss kleiner 100% sein, sonst sieht man nix zentriertes.

Grüße

Verfasst: **02.07.2013 19:35**

Hallo
Eine andere Mödlichkeit ist das hier:
Füge in die index_body.html das hier ein:

Code: Alles auswählen

		<div class="contentwrapper">
			<div class="cw2"><div class="cw3"><div class="cw4"><div class="cw5">
			<div class="cfill">
            <div class="legend">
			<ul>
				 <li class="forum-unread">{L_NEW_POSTS}</li>
				 <li class="forum-read">{L_NO_NEW_POSTS}</li>
				 <li class="forum-locked">{L_FORUM_LOCKED}</li>
				 <li class="forum-unread-locked">{L_NEW_POSTS_LOCKED}</li>
				 <li class="forum-link">{L_FORUM_LINK}</li>
			</ul>
		 </div></div>
				<div class="clear"></div>
			</div></div></div></div>
		</div>

Öffen die common.css deines Styles und füge am Ende das hier ein:

Code: Alles auswählen

/* Adding Forum and Topic Icons
---------------------------------------- */
div.legend {
	padding-top: 18px;
	padding-bottom: 18px;
	text-align: center;
}

div.legend ul li {
	list-style: none;
	display: inline;
	background-repeat: no-repeat;
	background-position: left center;
	padding: 10px 15px 10px 40px;
}

.forum-unread {
	background-image: url('{IMG_FORUM_UNREAD_SRC}');
}

.forum-read {
	background-image: url('{IMG_FORUM_READ_SRC}');
}

.forum-locked {
	background-image: url('{IMG_FORUM_READ_LOCKED_SRC}');
}

.forum-unread-locked {
	background-image: url('{IMG_FORUM_UNREAD_LOCKED_SRC}');
}

.forum-link {
	background-image: url('{IMG_FORUM_LINK_SRC}');
}

Zum Schluß deinen template,theme und Browsercache leeren.

Verfasst: **02.07.2013 20:36**

WOW Danke Kirk!

Na DAS sieht ja jetzt mal richtig gut aus!

Jetzt brauche ich nurnoch Hilfe bei der Box der globalen Ankündigung und ich habe eben auch ein Problem mit meiner Flashseite entdeckt. FF zeigt alles korrekt an, Chrome ebenso, aber IE zeigt nur einen schwarzen Kreis, statt den Button. Und wenn ich dann W3C nutze und die vorgeschlagenen Lösungen einbaue, geht es weder auf FF, noch auf IE. Dann mache ich das Objekt komplett kaputt..

Code: Alles auswählen

  <object width="100" height="100" codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000">
	<param value="transparent" name="wmode"/>
	<param name="movie" value="http://myinstants.com/media/bt/genericInstant_event.swf" />
    <param name="bgcolor" value="#000000" />
	<embed src="http://myinstants.com/media/bt/genericInstant_event.swf"
    <embed  flashvars="color=ff0000&sound=http://myinstants.com/media/sounds/badumtss.swf.mp3" wmode="transparent"
			width="100" height="100"
           pluginspage="http://www.macromedia.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash">
    </embed>
  </object>

Was fehlt dort, damit das auch auf IE angezeigt wird?

Verfasst: **02.07.2013 21:02**

Hi, das geht ja, wie das Brötchen backen....

Zur Box.... - du nutzt ein Tabellenkonstrukt anstatt das einer Liste.

Das kann zwar funktionieren, setzt jedoch Kenntnisse voraus. Tabellen und Listen sind ja quasi bereits via CSS "vorformatiert". Klassen, die in der Liste zur Anwendung kommen, findest du ja im entsprechendem Template.

Die Mühe eines Umbaus würde ich mir gar nicht machen und den Standard nutzen. Von daher richtest du einen Forumsbereich "Bekanntmachungen" ein und du bist das Problem auf einen Schlag los. In einer Kategorie, wie bspw. "Mitgliederbereich" wäre ein geeigneter Platz dafür.....

Zudem kannst du den Zugriff durch die Rechte direkt steuern. Wenn du dann lediglich einen auffälligen Link zu dem Forum "Bekanntmachungen" setzt, damit dieser Forumsbereich (ggf. immer) gelesen würde, ist doch alles gut. Den Link würde ich evtl. sogar nur anzeigen, wenn die Benutzer eingeloggt sind. Dafür eignen sich so manche Ideen für die overall_header.html oder index_body.html. Bots würde ich evtl. ausschließen.

Du schaffst das, wie ich sehe... ( freu !).

LG

Edit:

Legende
Es ist ein Icon zuviel, wenn du eine 800er-Auflösung berücksichtigst. Bei mir gibt´s einen Umbruch. Evtl. ist´s zweizeilig besser?

Verfasst: **02.07.2013 22:55**

Wo ist denn da ein Icon zu viel?

Ich finde die Legende eigentlich schön so wie sie ist. Ich kann es ja aber gerne mit dem Umbruch testen, wenn du mir grade verrätst wie du es lösen würdest.

Verfasst: **02.07.2013 23:04**

Ja klar ist die Legende schick. Das ganze Design ist ja schon eine Augenweide!!

Zweizeilig - nur so eine Idee:

Code: Alles auswählen

<div class="legend">
         <ul>
             <li class="forum-unread">Neue Beiträge</li>
             <li class="forum-read">Keine neuen Beiträge</li>
             <li class="forum-locked">Forum gesperrt</li><br /><br />
             <li class="forum-unread-locked">Neue Beiträge [ gesperrt ]</li>
             <li class="forum-link">Forums-Link</li>
         </ul>
</div>

LG

Verfasst: **02.07.2013 23:10**

Hm ne.. das sieht unsymmetrisch aus mit 3 Icons in der ersten Reihe und 2 drunter. Da siehts in einer Reihe schöner aus. Aber großen Dank an dich, du hast mir bisher sehr geholfen, Talk19zehn! Und auch nochmal Danke an Kirk, ohne den ich so manches jetzt nicht im Forum hätte. *Thumbs Up*

EDIT: Nun noch das Forum nochmal neu aufsetzen und dann nur die wichtigsten Mods installieren, denn wieder einmal machte sich ein eigentlich deinstallierter Gendermod im Forum breit und hier und da veränderten sich Datein wie durch Zauberhand (trotz cachelöschung) und in gewissen Datein und Templates waren urplötzlich wieder Gender Einträge. Allein die memberlist.php habe ich inzwischen 5x davon bereinigt und spätestens 2std später sind diese Einträge wieder da. Grmpf. Nun aber richtig und ohne diese alles zerstörende Gendermod. ...aber auch erst wenn ich von der Arbeit zurück bin..

phpBB.de

Optikfehler?

Optikfehler?

Re: Optikfehler?

Re: Optikfehler?

Re: Optikfehler?

Re: Optikfehler?

Re: Optikfehler?

Re: Optikfehler?

Re: Optikfehler?

Re: Optikfehler?

Re: Optikfehler?