|
|||
Tab Menü Problem
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> 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> 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; } 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 |
Sponsored Links |
Sponsored Links |
|
|||
Zitat:
Zitat:
Bitte lies die Hinweise für Fragende. Immer vollständigen Code posten, keine Fragmente.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
||||
Zitat:
__________________
Wenn Du mich fragst, was mir beim Erlenen von Webentwicklung am meisten Probleme bereitet, dann antworte ich: IE. |
|
||||
ähmm. ich gehe mal davon aus, das der code für eine Abiarbeit valide sein sollte. Ist "tabindex" als Attribut valide?
EDIT: Anscheinden ja. Welche Funktion hat dieses Attribut? werden die Links dadurch austomatisch horizontal angezeigt?
__________________
Mein Computer hat sich aufgehängt... Phsychologe: War er so frustriert? _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ jw-lighting: Tutorials zu Webprogrammierung, Lichttechnik und weiteren interessanten Themen. Demnächst --> hier <-- Geändert von jw-lighting (21.12.2008 um 16:44 Uhr) |
|
|||
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
||||
Vielen Dank, das wusste ich noch nicht
__________________
Mein Computer hat sich aufgehängt... Phsychologe: War er so frustriert? _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ jw-lighting: Tutorials zu Webprogrammierung, Lichttechnik und weiteren interessanten Themen. Demnächst --> hier <-- |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Problem bei flyout Menü | bolshi | CSS | 18 | 30.06.2010 13:27 |
hilfe: problem bei java script menü | peppi | Javascript & Ajax | 0 | 24.07.2007 19:51 |
Dropdown Menü -> Problem im FF | gr-ha | CSS | 1 | 04.08.2006 21:55 |
Das Menü und mein Problem | Sven | CSS | 1 | 13.03.2005 03:07 |