Seite 1 von 1

[erledigt]Falche Darstellung des Menüs

Verfasst: 18.06.2007 18:24
von scheibenbrot
Servus,
ich habe mir einen Header gecodet, mit eingebauten Menü.
Wenn ich gerade meine Cache geleert habe, wird das Menü oft falsch angezeigt, was nach dem Aktualisieren allerdings behoben ist.
Ich habe mal 2 Screenshots und den Quelltext dazu gelegt, damit ihr mir vielleicht helfen könnt dieses Problem zu lösen.
Vielleicht muss man die Bilder einfach durch eine andere Lösung so anordnen, denn es ist auch nicht die schönste Lösung, aber mir fällt im moment keine ein.

So wird es normalerweise angezeigt:
[ externes Bild ]

Und so fehlerhaft:
[ externes Bild ]

Das ist der nur der Quellcode des Menüs:

Code: Alles auswählen

<style type="text/css">
<!--

.menu_icon{
	   width:65px;
	   position:relative; 
	   margin-right:7px;
	   text-align:center;
	   float:left;
	   text-decoration:none
}

.menu_icon b{
	     position:absolute;
	     bottom:0;
	     left:0;
	     text-align:center;
	     width:65px
}

-->
</style>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><div align="center"><table border="0">
<tr>
<td><a class="menu_icon" href="{U_INDEX}"><img width="69" height="79" alt="Home" src="templates/BlueTouch/images/nav/home.gif" border="0"><b>Start</b></a>
<a class="menu_icon" href="#"><img width="69" height="79" alt="Chat" src="templates/BlueTouch/images/nav/chat.gif" border="0"><b>Chat</b></a>
<a class="menu_icon" href="#"><img width="69" height="79" alt="Spiele" src="templates/BlueTouch/images/nav/spiele.gif" border="0"><b>Spiele</b></a>
<a class="menu_icon" href="{U_MEMBERLIST}"><img width="69" height="79" alt="Mitglieder" src="templates/BlueTouch/images/nav/mitglieder.gif" border="0"><b>Mitglieder</b></a>
<a class="menu_icon" href="{U_SEARCH}"><img width="69" height="79" alt="Suchen" src="templates/BlueTouch/images/nav/suchen.gif" border="0"><b>Suchen</b></a>
<a class="menu_icon" href="{U_GROUP_CP}"><img width="69" height="79" alt="Gruppen" src="templates/BlueTouch/images/nav/gruppen.gif" border="0"><b>Gruppen</b></a>
<!-- BEGIN switch_user_logged_out -->
<a class="menu_icon" href="#"><img width="69" height="79" alt="Registrieren" src="templates/BlueTouch/images/nav/anmelden.gif" border="0"><b>Registrieren</b></a></td>
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
<a class="menu_icon" href="{U_LOGIN_LOGOUT}"><img width="69" height="79" alt="Logout" src="templates/BlueTouch/images/nav/logout.gif" border="0"><b>Logout</b></a></td>
<!-- END switch_user_logged_in -->
</tr>
</table></div>
</td>
			</tr>
		</td>
	</tr>
</table>
Ich brauche also eine andere Methode das Menu genauso anzeigen zu lassen wie jetzt in richtiger Form.
Danke

mfg

Re: Falche Darstellung des Menüs

Verfasst: 18.06.2007 18:40
von OnFire

Code: Alles auswählen

<style type="text/css">
.menu_icon{
	   width:65px;
	   position:relative; 
	   margin-right:7px;
	   text-align:center;
	   float:left;
	   text-decoration:none;
           display:inline;
}

.menu_icon b{
	     position:absolute;
	     bottom:0;
	     left:0;
	     text-align:center;
	     width:65px;
           display:inline;
}
So müsste es gehen. Vorsicht ungetestet. ;)

Verfasst: 18.06.2007 18:49
von scheibenbrot
Danke, es scheint zu funktionieren... :wink:


edit: Ups, jetzt musste ich gerade feststellen, dass es doch nicht geholfen hat...

Verfasst: 19.06.2007 22:17
von scheibenbrot
Keine ne Idee?


edit: Problem behoben, es fehlten nur ein paar <td>'s und </td>'s :oops:

Verfasst: 20.06.2007 16:13
von StarWolf3000
Ich hab noch ne Frage:
Ist

Code: Alles auswählen

<style type="text/css">
<!--
...
Stil-Anweisungen
...
</style>
<br><br><br>...
wirklich so? Oder hast du nur die betreffenden Code-Abschnitte hier rein kopiert?
Wenn du das wirklich so in deiner Datei stehen hast, rate ich dir, das zu korrigieren, denn: CSS-Anweisungen haben innerhalb von <style></style> im Body nichts zu suchen

Stattdessen müsste es so lauten:

Code: Alles auswählen

<html>
<head>
<style type="text/css">
/* Stil-Anweisungen */
</style>
</head>
<body>
...Seiteninhalt, u.a. die Navigation
</body>
</html>