• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Navi ausrichten?

cobrastyle

Mitglied
Hallo

Ich habe eine navigation gearade auf meine homepage gemacht nur das problem ist das ich sie nicht rechts ausrichten kann


Hier die HP bassimpulse.eu

ich hab die navi jetzt im conntent drinnen will sie aber in die rechte spalte haben!!

Wie bekomm ich das nun hin??

Danke
 
Werbung:
Werbung:
Du hast die Navi mit absoluten Werten positioniert. Deshalb wird sie bei unterschiedlichen Fenstergrößen auch an unterschiedlichen Stellen in Relation zur Seite angezeigt, bzw. immer an der gleichen Stelle jedoch unterschiedlich zur Seite bzw. zum Hintergrund.

Positioniere deshalb besser mit float- und margin-Angaben und lass die absoluten Werte weg.
 
Du hast die Navi mit absoluten Werten positioniert. Deshalb wird sie bei unterschiedlichen Fenstergrößen auch an unterschiedlichen Stellen in Relation zur Seite angezeigt, bzw. immer an der gleichen Stelle jedoch unterschiedlich zur Seite bzw. zum Hintergrund.

Positioniere deshalb besser mit float- und margin-Angaben und lass die absoluten Werte weg.

hmm irgendwie klappt das nicht...

kannst du mir den code machen !??

hier meine HTML
HTML:
<!--Navigation-->
<div ><ul id="navigation">
<ul>
<li><a href="index.html"><img src="images/navi/home.png"></a></li>
<li><a href="aboutus.html"><img src="images/navi/aboutus.png"></a></li>
<li><a href="partner.html"><img src="images/navi/partner.png"></a></li>
<li><a href="flyer.html"><img src="images/navi/flyer.png"></a></li>
<li><a href="contacts.html"><img src="images/navi/contacts.png"></a></li>
</ul>
</ul></div>

die css:
HTML:
ul#navigation li{
float:right; 
margin-right:10px;

}

Danke
 
Wozu ist das div? Löschen.

Was klappt denn nicht? So werden die Listenpunkte nebeneinander ausgerichtet, mit Außenabstand zum nächsten Element von 10px.
 
Werbung:
Mach dein Navigationscode ersmals so. Das reicht völlig aus.:
Code:
[COLOR=#000080]<ul id=[COLOR=#0000ff]"navigation"[/COLOR]>[/COLOR]

[COLOR=#000080]<li>[/COLOR][COLOR=#008000]<a href=[COLOR=#0000ff]"index.html"[/COLOR]>[/COLOR][COLOR=#800080]<img src=[COLOR=#0000ff]"images/navi/home.png"[/COLOR]>[/COLOR][COLOR=#008000]</a>[/COLOR][COLOR=#000080]</li>[/COLOR]
[COLOR=#000080]<li>[/COLOR][COLOR=#008000]<a href=[COLOR=#0000ff]"aboutus.html"[/COLOR]>[/COLOR][COLOR=#800080]<img src=[COLOR=#0000ff]"images/navi/aboutus.png"[/COLOR]>[/COLOR][COLOR=#008000]</a>[/COLOR][COLOR=#000080]</li>[/COLOR]
[COLOR=#000080]<li>[/COLOR][COLOR=#008000]<a href=[COLOR=#0000ff]"partner.html"[/COLOR]>[/COLOR][COLOR=#800080]<img src=[COLOR=#0000ff]"images/navi/partner.png"[/COLOR]>[/COLOR][COLOR=#008000]</a>[/COLOR][COLOR=#000080]</li>[/COLOR]
[COLOR=#000080]<li>[/COLOR][COLOR=#008000]<a href=[COLOR=#0000ff]"flyer.html"[/COLOR]>[/COLOR][COLOR=#800080]<img src=[COLOR=#0000ff]"images/navi/flyer.png"[/COLOR]>[/COLOR][COLOR=#008000]</a>[/COLOR][COLOR=#000080]</li>[/COLOR]
[COLOR=#000080]<li>[/COLOR][COLOR=#008000]<a href=[COLOR=#0000ff]"contacts.html"[/COLOR]>[/COLOR][COLOR=#800080]<img src=[COLOR=#0000ff]"images/navi/contacts.png"[/COLOR]>[/COLOR][COLOR=#008000]</a>[/COLOR][COLOR=#000080]</li>[/COLOR]
[COLOR=#000080]</ul>[/COLOR]

Css sollte auch stimmen, sofern du einen Content-DIV hast indem der Linke und der Rechte Teil drinn ist
 
Zurück
Oben