[phpBB2] Ausklappbare Menüleiste zentrieren?

von silberling So 16 Jun 2013 - 15:25

Ich habe die neue Menüleiste mit dieser Hilfe nach oben verschoben https://hilfe.forumieren.com/t32627-banner-oben-und-navileiste#212144 jedoch bräuchte ich eine Hilfe, wie ich diese in der Mitte zentrieren kann? Kann man bei den klappbaren Menüs die Untermenüs auch einen Code zuweisen, damit dies alle untereinander aufgelistet werden da diese derzeit zentriert werden?

Der Code für die Verschiebung der Menüleiste:

Code:: #navifix { height: 0px; left: 530; position: absolute; top: 385; width: 100%; z-index: 0; }

von #Frank So 16 Jun 2013 - 15:41

Du hast doch die Position deines ganzen Tabels hier mit left: 530; verschoben.
Auch deinen Menü hat ein CSS mit dem du das ganze Menü anpassen kannst.
Dort musst du doch nur die Einstellungen ändern.

von silberling So 16 Jun 2013 - 16:02

Stehe irgendwie auf der Leitung. Wenn ich den Code abändere, bekomme ich die Menüleiste zwar in die Mitte, jedoch wenn ich zb. vom Firefox das seitliche Lesezeichen wegmache verschwindet die Menüleiste wieder nach links? Beim CSS Code für die ausklappbare Menüleiste habe ich keine Code gefunden wo ich die Leiste positionieren kann?

Code vom CSS für die neue Menüleiste:

Code:: #cssmenu > ul {list-style:inside none; padding:0; margin:0;} #cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;} #cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:6px 20px; font: 18px/100% Arial, Helvetica, sans-serif; text-align:center; color:#7F7771; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); } #cssmenu > ul > li:first-child > a{border-radius:5px 5px 5px 5px;} #cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;} #cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:14px; right:6px; border:5px solid transparent; border-top:5px solid #fff; } #cssmenu > ul > li.has-sub:hover > a:before{top:19px;} #cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#B6FF00; padding-bottom:15px; padding-top:8px; top:-1px; z-index:999; } #cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;} #cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#B6FF00;} #cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; } #cssmenu ul li > ul{width:200px;} #cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} #cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); } #cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:#333333; background:-moz-linear-gradient(top, #333333 0%, #222222 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#222222)); background:-webkit-linear-gradient(top, #333333 0%,#222222 100%); background:-o-linear-gradient(top, #333333 0%,#222222 100%); background:-ms-linear-gradient(top, #333333 0%,#222222 100%); background:linear-gradient(top, #333333 0%,#222222 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 ); } #cssmenu{border-color:#fff;} #cssmenu > ul > li > a:after{border-color:#444;} #cssmenu > ul > li > a:hover{background:#333333;}

von #Frank So 16 Jun 2013 - 18:35

Um deinen Textlinks in den Untermenüs nun noch auszurichten, musst du dieses Stelle im CSS um das Grüne erweitern:

#cssmenu ul li > ul li a {
color: #FFFFFF;
font-family: Arial,Helvetica,sans-serif;
font-size: 10pt;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-align: left;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}

von #Frank So 16 Jun 2013 - 18:39

Und zum ausrichten der Tabelle in deren Mitte solltest du mal diese Zuweisung bei eintragen:

Code:: #navifix { height: 0; left: 50%; margin-left: -329px; position: absolute; top: 385px; width: 100%; z-index: 0; }

margin-left kannst du noch variieren. Das kannst du über Fierbug ganz leicht testen.

Edit um 19:00:27:
Ich sehe, das du nun alles eingesetzt hast und das es nun so in etwa deinen Vorstellungen entsprechen sollte.
Aus diesem Grund mache ich hier nun zu.

von #Frank So 16 Jun 2013 - 19:03

Noch einen Frage von silberling und deshalb noch mal geöffnet.

Eigentlich solltest du aber schon wissen, das wenn du solche Fremdcodes einsetzt was du wo wie anpassen musst.
Das sollte schon dort beschrieben sein, wo du diesen Code her hast.

von silberling So 16 Jun 2013 - 19:09

#Frank schrieb:Um deinen Textlinks in den Untermenüs nun noch auszurichten, musst du dieses Stelle im CSS um das Grüne erweitern:
#cssmenu ul li > ul li a {
color: #FFFFFF;
font-family: Arial,Helvetica,sans-serif;
font-size: 10pt;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-align: left;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}

Der Text ist jetzt links ausgerichtet wäre es auch möglich, dass man den gesamten Text vom Untermenü weiter nach rechts schiebt?

von #Frank So 16 Jun 2013 - 19:17

Versuchs doch mal mit
margin-left: 30px;

Wie wäre es wenn du für solche Sachen mal Firebug benutzt?

von silberling So 16 Jun 2013 - 19:45

danke nochmal!

	Neue Beiträge seit dem letzten Besuch.	
	Textbausteine des MODERATIONSTOOL	
	AB > PFAD > GENERATOR	
	FORUM > PFAD > GENERATOR	
	Unterstützung Lösungs-Probleme	
	Auffällige User	
	Der Runde Tisch	
	HÄUFIG GESTELLTE FRAGEN	

[phpBB2] Ausklappbare Menüleiste zentrieren?

[phpBB2] Ausklappbare Menüleiste zentrieren?

Re: [phpBB2] Ausklappbare Menüleiste zentrieren?

Re: [phpBB2] Ausklappbare Menüleiste zentrieren?

Re: [phpBB2] Ausklappbare Menüleiste zentrieren?

Re: [phpBB2] Ausklappbare Menüleiste zentrieren?

Re: [phpBB2] Ausklappbare Menüleiste zentrieren?

Re: [phpBB2] Ausklappbare Menüleiste zentrieren?

Re: [phpBB2] Ausklappbare Menüleiste zentrieren?

Re: [phpBB2] Ausklappbare Menüleiste zentrieren?