(gelöst) fehlerhafte Darstellung im index

Overhead · Beitrag von **Overhead** » 27.02.2008 22:19

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

Beitrag von **redbull254** » 27.02.2008 23:01

Hallo, erstmal

ohne viel erkennen zu können, tippe ich mal auf einen falschen Link Einbau in der overall_header.html.

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"

Overhead · Beitrag von **Overhead** » 27.02.2008 23:11

@ 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

Beitrag von **nickvergessen** » 28.02.2008 13:21

Zeig mal die ganze Datei her. (KB:81)

Overhead · Beitrag von **Overhead** » 28.02.2008 14:03

@ nickvergessen

Danke das Du schauen willst...

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

cu Overhead

Beitrag von **nickvergessen** » 28.02.2008 15:02

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 -->

Overhead · Beitrag von **Overhead** » 28.02.2008 15:43

@ 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

Overhead · Beitrag von **Overhead** » 01.03.2008 08:28

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

Helmut · Beitrag von **Helmut** » 01.03.2008 11:22

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

Overhead · Beitrag von **Overhead** » 01.03.2008 14:48

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