phpBB.de

phpBB.de - Die deutsche phpBB-Community
https://www.phpbb.de/community/

(gelöst) fehlerhafte Darstellung im index

https://www.phpbb.de/community/viewtopic.php?t=165931

Seite 1 von 3

(gelöst) fehlerhafte Darstellung im index

Verfasst: 27.02.2008 22:19
von Overhead
Hallo,

ich bekomme eine verschobe Darstellung im index nachdem ich das snippet für "Neue Beiträge" im Header eingebaut habe. Das Ganze sieht dann so aus, hat das schon einmal jemand gehabt und beheben können?


[ externes Bild ]

cu Overhead

Verfasst: 27.02.2008 23:01
von redbull254
Hallo, erstmal ;-)

ohne viel erkennen zu können, tippe ich mal auf einen falschen Link Einbau in der overall_header.html. 8)
Oder es stehen schon zu viele Links in der Leiste drin, wie ist deine Bildschirm-Auflösung?

Wenn es eng wird, wird nun mal "umgebrochen" :wink:

Verfasst: 27.02.2008 23:11
von Overhead
@ redbull254

das Problem ist anscheinend dass mein Name nicht mehr hinter das abmelden passt, es sind hier auf der rechten Seite nur die Sachen verbaut die man auf dem Bild sehen kann.

Code: Alles auswählen

<ul class="linklist leftside">
				<li class="icon-ucp">
					<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u">{L_PROFILE}</a>
						<!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF --> &bull; 
					<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> &bull; 
               <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>
					<!-- IF U_RESTORE_PERMISSIONS --> &bull;
					<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
					<!-- ENDIF -->
          <!-- IF U_MEETING --> &bull;
						<a href="{U_MEETING}">{MEETING_LINK}</a>
						<!-- ENDIF -->
				</li>
			</ul>
			<!-- ENDIF -->

Mit der Bildschirmauflösung hat das nichts zu tun die Anzeige erfolgt so in den verschiedensten Modis der screenshot ist von einer 1024 x 768...

btw. Du wolltest heute mittag wissen ob das mit den Rules funktioniert - es tut es. ;)

cu Overhead

Verfasst: 28.02.2008 13:21
von nickvergessen
Zeig mal die ganze Datei her. (KB:81)

Verfasst: 28.02.2008 14:03
von Overhead
@ nickvergessen

Danke das Du schauen willst... ;)

EDIT// Links entfernt - da die Files nicht mehr aktuell!


cu Overhead

Verfasst: 28.02.2008 15:02
von nickvergessen
finde

Code: Alles auswählen

			<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
			<ul class="linklist leftside">
				<p><li class="icon-ucp"></p>
					<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u">{L_PROFILE}</a> |
						<!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF --> 
						<br> <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> | 
               <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>
					<!-- IF U_RESTORE_PERMISSIONS --> |
					<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
					<!-- ENDIF -->
        <br>  <!-- IF U_MEETING --> 
				<a href="{U_MEETING}">{MEETING_LINK}</a>
						<!-- ENDIF -->
				</li>
			</ul>
			<!-- ENDIF -->
ersetze mit

Code: Alles auswählen

			<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
			<ul class="linklist leftside">
				<p><li class="icon-ucp"></p>
					<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u">{L_PROFILE}</a> |
						<!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF --> 
						| <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> | <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>
					<!-- IF U_RESTORE_PERMISSIONS --> |
					<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
					<!-- ENDIF -->
					<!-- IF U_MEETING --> 
						| <a href="{U_MEETING}">{MEETING_LINK}</a>
					<!-- ENDIF -->
				</li>
			</ul>
			<!-- ENDIF -->

Verfasst: 28.02.2008 15:43
von Overhead
@ nickvergessen,

Danke das sieht schon einmal viel besser aus als vorher.

// EDIT Zwar wird nun auch das Icon für Meeting nicht mehr angezeigt aber das wird sich schon irgendwo finden lassen....

Wenn ich dann rechts etwas dazu bauen sollte muss ich mich wohl an der Zeile für das Meeting orientieren..

cu Overhead

Verfasst: 01.03.2008 08:28
von Overhead
Wenn ich nun mit anderen Browsern zugreife sieht das aber nicht mehr toll aus....

Beispiel Opera:

[ externes Bild ]

Vor dem Login also wenn Gäste kommen...

[ externes Bild ]

Nach dem Login...

[ externes Bild ]

IE 7 nach dem Login

Hätte jemand eine Idee wie ich das so hinbekomme, dass Besucher mit IE, FF oder Opera das Ganze gleich sehen?

EDIT//

Ich habe mal die overall_header angeapasst nun sieht der Code so aus:

Code: Alles auswählen

<ul class="linklist rightside">
      		<li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li> |
            <li class="icon-gallery"><a href="{U_GALLERY_MOD}" title="{L_GALLERY_EXPLAIN}">{L_GALLERY}</a></li> |
			<li class="icon-faq"><a href="{U_RULES}" title="Regeln">{L_RULES}</a></li> <br>
			
			<img src="/testforum/styles/prosilver/theme/images/icon_filebase.gif" class="imagelink"><a href="{U_FILEBASE}" title="{L_FILEBASE}"accesskey="l">{L_FILEBASE}</a></li> |
			
			<img src="/testforum/styles/prosilver/theme/images/icon_meetings.gif" class="imagelink"><a href="{U_MEETINGS}" title="{L_MEETINGS}">{L_MEETINGS}</a></li> |
bei Opera sieht das dann so aus:

[ externes Bild ]

und bei IE 7 sieht das dann so aus:

[ externes Bild ]

cu Overhead

Verfasst: 01.03.2008 11:22
von Helmut
Hallo Overhead,

ich habe deinen Code für den overall_header.html an der entsprechenden Stelle noch etwas nachgebessert, jetzt sollte es gehen.

Code: Alles auswählen

			<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
			<ul class="linklist leftside">
				<li class="icon-ucp">
					<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u">{L_PROFILE}</a>
						<!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF --> 
					<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
					<a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>
					<!-- IF U_RESTORE_PERMISSIONS -->
					<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
					<!-- ENDIF -->
					<!-- IF U_MEETING --> 
					<a href="{U_MEETING}">{MEETING_LINK}</a>
					<!-- ENDIF -->
				</li>
			</ul>
			<!-- ENDIF -->

			<ul class="linklist rightside">
				<li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
				<li class="icon-gallery"><a href="{U_GALLERY_MOD}" title="{L_GALLERY_EXPLAIN}">{L_GALLERY}</a></li>
				<li class="icon-faq"><a href="{U_RULES}" title="{L_RULES_EXPLAIN}">{L_RULES}</a></li>
				<li><a href="{U_FILEBASE}" title="{L_FILEBASE}"accesskey="l">{L_FILEBASE}</a></li>
				<li class="icon-meeting"><a href="{U_MEETINGS}" title="{L_MEETINGS}">{L_MEETINGS}</a></li>				
				<!-- IF not S_IS_BOT -->
					<!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
					<!-- IF not S_USER_LOGGED_IN --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
					<li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></li>
				<!-- ENDIF -->
        			</ul>
Du hattest einige <br> und | drinnen, welche dir das ganze Design verhaut haben. Wenn du das | als Trennzeichen nehmen willst, dann muss es vor dem </li> kommen, sonst gibt es Probleme damit.

Gruß Helmut :wink:

Verfasst: 01.03.2008 14:48
von Overhead
Hallo Helmut

ausgehend von Deinem Code und Deinen Hinweis bezüglich | habe ich nun den Code so eingebunden:

Code: Alles auswählen

<!-- IF not S_IS_BOT and S_USER_LOGGED_IN --> 
         <ul class="linklist leftside"> 
            <p><li class="icon-ucp"></p> 
               <a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u">{L_PROFILE}</a> | 
                  <!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF --> 
                  | <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> | <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> 
               <!-- IF U_RESTORE_PERMISSIONS --> | 
               <a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a> 
               <!-- ENDIF --> 
               <!-- IF U_MEETING --> 
                  | <a href="{U_MEETING}">{MEETING_LINK}</a> 
               <!-- ENDIF --> 
            </li> 
         </ul> 
         <!-- ENDIF -->

			<ul class="linklist rightside">
      		<li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a> | </li> 
            <li class="icon-gallery"><a href="{U_GALLERY_MOD}" title="{L_GALLERY_EXPLAIN}">{L_GALLERY}</a> | </li> 
			<li class="icon-faq"><a href="{U_RULES}" title="Regeln">{L_RULES}</a> | </li> 
			<img src="/testforum/styles/prosilver/theme/images/icon_filebase.gif" class="imagelink"> <a href="{U_FILEBASE}" title="{L_FILEBASE}"accesskey="l">{L_FILEBASE}</a> |
			<img src="/testforum/styles/prosilver/theme/images/icon_meetings.gif" class="imagelink"> <a href="{U_MEETINGS}" title="{L_MEETINGS}">{L_MEETINGS}</a> |
				
				<!-- IF not S_IS_BOT -->
					<!-- IF S_DISPLAY_MEMBERLIST -->
					<li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a> | </li> 
<!-- ENDIF -->
					<!-- IF not S_USER_LOGGED_IN -->
					<li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a> | </li> 
					<!-- ENDIF -->
					<li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></li>
				<!-- ENDIF -->
        			</ul>

Ergebnis IE 7:

[ externes Bild ]


Ergebnis Opera:

[ externes Bild ]

Also das Opera Ergebnis ist eigentlich bisher ganz ok von der Darstellung (woher die Lü+cke wohl kommt??). Jedoch der IE 7 zeigt das Ganze noch total zerschossen an.

cu Overhead
Alle Zeiten sind UTC+02:00
Seite 1 von 3

Powered by phpBB® Forum Software © phpBB Limited

Deutsche Übersetzung durch phpBB.de