rechtsbündige Navi

hallo zusammen,

bin hier noch recht neu und sitze derzeit an erste anfänge von typo3. denke, dass ich recht weit ofrtgeschritten bin. nun folgendes problem: meine topnavi will einfach nicht rechtsbündig sein #angry#

hier das ts:

   TOP-MENU = HMENU
   TOP-MENU {
      special = directory 
      special.value = 57
      entryLevel = 0
      #stdWrap.wrap = <ul>|</ul>
      1 = TMENU
      1 {
      noBlur = 1
      expAll = 1
      wrap = <ul>|</ul>
      NO.wrapItemAndSub = <li>|</li>
      NO.ATagTitle.field = abstract // description // title
      ACT = 1
      ACT.wrapItemAndSub = <li class="akt">|</li>
      ACT.ATagTitle.field = abstract // description // title
      CUR = 1
      CUR.doNotLinkIt = 1
      CUR.wrapItemAndSub = <li class="cur">|</li>
      }
   }

und die css-datei:

#top {
	margin-top: 0px;
	padding: 0;
	position: absolute;
	top: 143px;
	left: 0px;
	width: 100%;
	height: 66px;
	background: #FFFFFF;
}

#top-menu {
	position: relative;
	height: 20px;
	background-image: url(../img/hg2.jpg);
	/*background: #E6E6E6;*/
	/*margin-bottom: 6px;*/
}

#top-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#top-menu ul a, #top-menu ul .cur {
	float: left;
	display: block;
	line-height: 20px;
	text-decoration: none;
	/*background-color: #4C936B;*/
	/*border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #4C936B;*/
	padding: 0 12px;
	margin: 0;
	font-family: verdana;
	font-weight: bold;
	font-size: 1.0em;
	color: #666;
}

#top-menu ul a:hover, #top-menu ul .akt a, #top-menu ul .cur {
	color: #4C936B;
	/*background-color: #C91A00;*/
}

#top-menu li {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #4C936B;
	float: left;
	margin: 0;
	padding: 0;
}

habe schon x-mal gesagt: right, aber nix passiert. denke, dass ist nur ein minimaler fehler :o 😢

WebNancy schrieb

habe schon x-mal gesagt: right, aber nix passiert. denke, dass ist nur ein minimaler fehler

Wo?
Ich finde keine Deklarition in deinem CSS, welche irgend etwas rechtsbündig ausrichten würde.

habs wieder rausgelöscht, weil es ja nix gebracht hat. 😢 #angry#

so jetzt hab ich mal im oberen teil right eingegeben in meiner css-datei

#top {
	margin-top: 0px;
	padding: 0;
	position: absolute;
	top: 143px;
	left: 0px;
	width: 100%;
	height: 66px;
	background: #FFFFFF;
	text-align: right;
}

#top-menu {
	position: relative;
	height: 20px;
	background-image: url(../img/hg2.jpg);
	/*background: #E6E6E6;*/
	/*margin-bottom: 6px;*/
	text-align: right;
}

aber da passiert nix. hab jetzt zig sachen ausprobiert und stunden davor gesessen ... das muss aber rechts gehen. zumal im robert meyer buch das auch geht. bin kurz vorm verzweifeln #angry#

änder mal float: left; in float: right; hast du an zwei Stellen stehen...

Kitsunet schrieb

änder mal float: left; in float: right; hast du an zwei Stellen stehen...

hab ich gemacht - glaub, das hatte ich schonmal; blicke da nicht mehr durch - dann steht das zwar rechts, aber alles untereinander und das sollte alles in einer zeile stehen 😢

dem ul ne Breite verpassen, float nur auf die li nicht auf a , das sollte eigentlich reichen.

im moment ist das noch immer untereinander anstatt in einer linie -

Bild: internetdesign-erkner.de/top.jpg

mmm, zur Sicherheit den li mal ein display: inline; verpassen... Hast du dem ul eine Breite verpasst?

Kitsunet schrieb

mmm, zur Sicherheit den li mal ein display: inline; verpassen... Hast du dem ul eine Breite verpasst?

ja hatte ich ... aber irgendwie die falsche breite. aber jetzt hab ich n bissl rumprobiert und: es geht 😃 #giggle#

danköööööööööö. manchmal ist man doch echt blöde und hat echt nen riesen brett vorm kopf 😉 :o

hab noch ne andere frage zu ner anderen navi - werd ich aber mal nen extra thread aufmachen ....