Hei Leute,
arbeite gerade an meiner Abiarbeit und bin auf n kleines Problem gestoßen das ich irgendwie nicht schaffe zu lösen. Hab mir n Tab Menü zusammengebastelt, das auch wunderbar funktioniert, das Problem ist, dass wenn niemand eingeloggt ist das Menü ganz normal linksbündig und alle Tabs hintereinander angeordnet werden sollen, das funktioniert auch, wenn ein User jedoch eingeloggt ist wird ein zusätzlicher Tab "MyAccount" angezeigt der als einziger rechtsbündig sein soll.
Hier mal der Code:
Templade Menü normal:
HTML-Code:
<div id="menu_container" class="basictab">
<ul>
<li><a href="index.php?nav=index" tabindex="8">Startseite</a></li>
<li><a href="index.php?nav=faq" tabindex="9">FAQ</a></li>
<li><a href="index.php?nav=registrieren" tabindex="10">Registrieren</a></li>
<li><a href="index.php?nav=support" tabindex="11">Support</a></li>
</ul>
</div>
Template Menü logged:
HTML-Code:
<div id="menu_container" class="basictab">
<ul>
<li><a href="index.php?nav=index" tabindex="8">Startseite</a></li>
<li><a href="index.php?nav=faq" tabindex="9">FAQ</a></li>
<!--<li><a href="index.php?nav=registrieren" tabindex="10">Registrieren</a></li>-->
<li><a href="index.php?nav=support" tabindex="11">Support</a></li>
<li><a href="index.php?nav=myaccount" class="myacc">My Account</a></li>
</ul>
</div>
Die dazugehörige CSS:
Code:
.basictab {
width: 795px;
float: left;
}
.basictab ul {
margin-right: 0px;
padding: 3px 0;
margin-left: 0;
font: 0.75em Verdana;
border-bottom: 0px solid gray;
list-style-type: none;
text-align: right;
}
.basictab li {
display: inline;
margin: 0;
}
.basictab li a {
text-decoration: none;
padding: 3px 7px;
margin-right: 6px;
border-bottom: none;
color: #2d2b2b;
background: url(images/menue_button.gif);
background-repeat: no-repeat;
float: left;
width: 90px;
text-align: center;
}
.basictab li a.myacc {
text-decoration: none;
padding: 3px 7px;
margin-right: 6px;
border-bottom: none;
color: #2d2b2b;
background: url(images/menue_button_myacc.gif);
background-repeat: no-repeat;
float: left;
width: 90px;
text-align: center;
}
.basictab li a:visited {
color: #2d2b2b;
}
.basictab li a:hover, .basictab li a.current, .basictab li a:active {
background-image:url(images/menue_button_hover.gif);
color: black;
}
Und hier noch 2 Screenshots zum Verständnis:
Menü normal:
http://bildupload.sro.at/a/images/menue_normal.jpg
Menü logged:
http://bildupload.sro.at/a/images/menue_logged.jpg
Thx für die Hilfe