[erledigt]Falche Darstellung des Menüs

scheibenbrot · Beitrag von **scheibenbrot** » 18.06.2007 18:24

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

OnFire · Beitrag von **OnFire** » 18.06.2007 18:40

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.

scheibenbrot · Beitrag von **scheibenbrot** » 18.06.2007 18:49

Danke, es scheint zu funktionieren...

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

scheibenbrot · Beitrag von **scheibenbrot** » 19.06.2007 22:17

Keine ne Idee?

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

StarWolf3000 · Beitrag von **StarWolf3000** » 20.06.2007 16:13

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>

phpBB.de

[erledigt]Falche Darstellung des Menüs

[erledigt]Falche Darstellung des Menüs

Re: Falche Darstellung des Menüs