[nb79]

Hi,
ich möchte einen button in css gestalten. Soweit ist es kein Problem.
Nur soll mein Button einen Innenrahmen von 1px in weiß haben und zudem 1px abstand zum Button ende.
Kann mir da jemand helfen. Wäre echt lieb.
Bisher habe ich ihn so.

.button {
font-family:Arial, Helvetica, sans-serif;
display:block;
float:left;
text-align:left;
padding-left:10px;
padding-top:3px;
padding-bottom:3px;[/code]
padding-right:10px;
background:#006c8c url(arrow2.gif) 5px 4px no-repeat;
border:1px;
border-color:#FFFFFF;
font-size: 11px;
line-height:16px;
font-weight:bold;
color: #ffffff;
text-decoration:none;
}

[heiko_rs]

[nb79]

Anbei die Grafik.
Abbildung Button

... (zu font, padding, border), so dass sich ihre Zahl am Ende etwa halbiert *zwinker*...
Wie kann ich das verstehen??

[buchstabensuppe]

Also einen doppelten Border bekommst du mit nur einer Klasse nicht hin denke ich.

Die Padding-Werte sind im Uhrzeigersinn angeordnet, beginnend mit top.

Ich würde den Rest so lösen:

[buchstabensuppe]

[heiko_rs]

Bei font kann noch line-height dazu - 11px/16px - und die Anführungszeichen können raus (bei der generischen Schriftfamilie müssen sie sogar raus), und padding kann hier auch padding: 3px 10px; lauten (da horiz. & vert. jeweils gleich).

Zum Hauptproblem: Das Ganze wird ja sicher ein Menü, also hast Du eh 2 Elemente (li & a), denen Du jeweils eine border zuweisen kannst - li bekommt eine blaue border (alternativ padding bei blauem Hintergrund), a eine weiße und blau als Hintergrund.

Man könnte noch versuchen, mit border-style: double; zu tricksen, aber das haut hier nur auf weißem Hintergrund hin, und außerdem ist es im konkreten Fall auch nicht nötig.

[nb79]

@ buchstabensuppe:
ich benutze diesen button als einfaches element. er ist auch nicht teil eines menüs.
habe das jetzt mal mit deinem stil ausgeführt, nun müsst ich nur noch einen Hintergrund
in blau legen, als css stil. mhh

[buchstabensuppe]

Ich weiss nicht, ob ich dich richtig verstehe.
Aber du könntest es doch dann in etwa so machen:

CSS: