CSS:Bei allen Links immer auf der rechten Seite >> ein

doom4

Hi Forum,

ich habe fuer meine Links folgendes CSS:

Code

font-size: 14px;
padding: 0px 30px 0px 14px;
line-height: 30px;
margin-top: -3px;
margin-left: 10px;
text-decoration: none;
font-weight: normal;
border-top: 1px solid white;
border-bottom: 1px solid white;
font-family: Verdana;
color: white;
letter-spacing: 3px;
width: 200px;
display: block;

Alles anzeigen

Nun moechte ich noch das immer rechtsbuendig ueberall >> eingefuegt wird wie geht das? Ich habe schon list-item gesehen jedoch hier nur die Moeglichkeit gefunden alles links einzufuegen.

Vielen Danke fuer eure Hilfe

jojo87

Möglichkeit 1:
einfach hinter den linktext >> einfügen.
Möglichkeit 2:
>> als Grafik machen und per css-> background-image:url();

sejuma

So wie hier, nur müsstest du bei der Grafik die Pfeile rechts einbinden.

doom4

Danke fuer die Hilfe. Nun noch die Frage geht das auch mit getippten Text oder nur mit Bildern? Also mit euren Ansaetzen geht es ja nur mit vorgefertigten Bildern.

Gruss

sejuma

An diese Lösung hab ich auch zunächst gedacht, ist mir aber nichts eingefallen. span mit padding oder margin funktioniert nicht.
Folgende Konstruktion müsste klappen, wobei du an den Pixelwerten noch rumschrauben musst. Die habe ich auf ein anderes Menue bezogen und angepasst. Falls du kein Listenmenue hast, kannst du die li's weglassen.
Ist zugegeben nicht elegant, aber wenn's nützt....

Code

[*] [url='#']Link<span style="float: right; position: relative; top: -20px;margin-bottom: -17px;">>></span>[/url]

Tags