zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Tab Menü Problem

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 21.12.2008, 12:44
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.10.2008
Beiträge: 3
BloodHunger befindet sich auf einem aufstrebenden Ast
Standard 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>
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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 21.12.2008, 15:41
Benutzerbild von domsson
Rookie @ HTML/CSS/PHP/SQL
neuer user
 
Registriert seit: 11.02.2008
Ort: Berlin
Beiträge: 88
domsson wird schon bald berühmt werden
Standard

Ich habe mal eine aehnliche Navigation gemacht, sogar ziemlich aehnlich (auch links die normalen und rechts die Tabs zur Accountverwaltung). Dabei hatte ich auch einige Probleme, bis ich dann die zweite Navigation als separate Liste realisiert habe, die ich somit problemlos rechts floaten lassen konnte. Vielleicht ist das ja in deinem Fall auch eine moegliche Loesung.
__________________
Wenn Du mich fragst, was mir beim Erlenen von Webentwicklung am meisten Probleme bereitet, dann antworte ich: IE.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 21.12.2008, 15:55
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von BloodHunger Beitrag anzeigen
wenn ein User jedoch eingeloggt ist wird ein zusätzlicher Tab "MyAccount" angezeigt der als einziger rechtsbündig sein soll.
Zitat:
.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;

}
Die Hervorhebungen sind von mir. Vielleicht fällt dir selbst was ein dazu?

Bitte lies die Hinweise für Fragende. Immer vollständigen Code posten, keine Fragmente.
Mit Zitat antworten
  #4 (permalink)  
Alt 21.12.2008, 15:59
Benutzerbild von domsson
Rookie @ HTML/CSS/PHP/SQL
neuer user
 
Registriert seit: 11.02.2008
Ort: Berlin
Beiträge: 88
domsson wird schon bald berühmt werden
Standard

Zitat:
Zitat von fricca Beitrag anzeigen
Die Hervorhebungen sind von mir. Vielleicht fällt dir selbst was ein dazu?

Bitte lies die Hinweise für Fragende. Immer vollständigen Code posten, keine Fragmente.
Haha, Gruess dich fricca. Vermutlich wird sich meine Helfermentalitaet mit der Zeit wohl auch noch etwas wandeln, was?
__________________
Wenn Du mich fragst, was mir beim Erlenen von Webentwicklung am meisten Probleme bereitet, dann antworte ich: IE.
Mit Zitat antworten
  #5 (permalink)  
Alt 21.12.2008, 16:40
Benutzerbild von jw-lighting
bplaced User
neuer user
 
Registriert seit: 21.12.2008
Beiträge: 33
jw-lighting befindet sich auf einem aufstrebenden Ast
Standard

ä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)
Mit Zitat antworten
  #6 (permalink)  
Alt 21.12.2008, 16:48
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

SELFHTML: HTML/XHTML / Verweise (Links) / Tabulator-Reihenfolge und Tastaturkürzel für Verweise
Mit Zitat antworten
  #7 (permalink)  
Alt 22.12.2008, 17:04
Benutzerbild von jw-lighting
bplaced User
neuer user
 
Registriert seit: 21.12.2008
Beiträge: 33
jw-lighting befindet sich auf einem aufstrebenden Ast
Idee

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 <--
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:48 Uhr.