Radiobuttons / Dropdown formatieren

[w3-media]

Da müsstest du mit padding, bzw. padding-top spielen oder die Schrift ein bisschen größer machen.

Das hatte ich ja alles schon versucht, naja, muss ich nochmal weiter schauen...

noRiddle, das funktioniert super! Danke, danke, danke

Kriege ich den die radios etwas tiefer? Mit nem padding-top funzt es leider nicht... Ich finds eh total nervig, dass man die Dinger nicht so formatieren kann, wie man will (also mit rein css, ohne js...)

[noRiddle (revilonetz)]

Die sch... Dropdowns lassen sich fast gar nicht und auf keinen Fall cross-Browser stylen.
Eigentlich geht es nur über die Schriftgrösse, wie h-h-h schon sagte.
Es lassen sich zwar die select option mit paddings versehen aber nicht innerhalb des sichtbaren select-fields.

line-height hat entgegen meiner Vermutung keine Wirkung.

Was willst du denn überhaupt erreichen ?
Reicht nicht die Schriftgrösse zu bestimmen ?

Hat das mit den label geklappt ?

So, jetz' iss abba jenuuch...

Grüsse,
noRiddle

[w3-media]

Die sch... Dropdowns lassen sich fast gar nicht und auf keinen Fall cross-Browser stylen.
Eigentlich geht es nur über die Schriftgrösse, wie h-h-h schon sagte.
Es lassen sich zwar die select option mit paddings versehen aber nicht innerhalb des sichtbaren select-fields.

Ich weiß 

line-height hat entgegen meiner Vermutung keine Wirkung.

genau

Was willst du denn überhaupt erreichen ?
Reicht nicht die Schriftgrösse zu bestimmen ?

Ist halt unschön, weil alles einheitlich sein soll... Kundenwünsche...

Hat das mit den label geklappt ?

Jap, hatte ich ja schon geschrieben^^ ich krieg die ollen radio Teile nur nicht 2px tiefer, ich muss wohl schummeln, indem ich die Texte drumherum anpasse, ist nur nicht so das, was ich wollte..

[h-h-h]

  Wenn wir doch nur schauen könnten, gäbe es sehr schnell eine Lösung. Mit Firebug macht es schon Spaß da eben zu schauen.

Gruß

h-h-h

[w3-media]

OK, hier der Link, werd ich nachher aber wieder rausnehmen, muss für den Kd. nicht sein...

[EDIT: h-h-h - Link entfernt]

[h-h-h]

Dropdown:

Code: CSS  [Auswählen]

#create_account option {
padding:1px 16px;
}
 

Die Variante für die Positionierung der Radios von noRiddle finde ich nicht so gut, da id="gender" zweimal vergeben wird.

Gruß

h-h-h

[w3-media]

Ok, ich ändere das nachher nochmal.
Danke

[noRiddle (revilonetz)]

Das ist wahr h-h-h, ich Idi... 
Muß 'ne Klasse sein...

@w3-media
Sieht ja schmuck aus...

Radio-Button vertikal mittig:

Code: CSS  [Auswählen]

input[type="radio"] {
    vertical-align: middle;
}

Sollte so gehen...

Grüsse und gute Nacht,
noRiddle

[w3-media]

Sieht ja schmuck aus...

Steckt auch viel Arbeit drin

Danke Euch
Gute Nacht

[Modulfux]

Diesen Satz

Privatpersonen können sich bei shop.de leider nicht anmelden! Wir bitten um Ihr Verständnis!

würde ich aber der Usability wegen ganz nach oben setzen. Ich wäre ein wenig angesäuert, wenn ich mühsam mit dem Zwei-Finger-Adler-Such-System meine Daten eingetragen hätte, um dann mitgeteilt zu bekommen, dass ich mich als Privatperson gar nicht anmelden darf.

Gruß
Ronny

[w3-media]

@ Ronny
Meinst Du generell oder bei der Registrierung? Bei der Registrierung ist nämlich schon geplant, dass der ganz oben noch reinkommt Aber Danke

@ noRiddle: v-align funzt nicht
EDIT: egal, margin-top funktioniert

Nur das Dropdown macht im ie noch Mist...

[noRiddle (revilonetz)]

Normalerweise sollte vertical-align auch nur für die Ausrichtung an inline-elements gehen, also Text und Images, aber genau das wollen wir ja hier; und
bei mir funktioniert's  

noRiddle

*EDIT*
IE

[w3-media]

Ja, ich hasse ie!
Vor allem, wenn man das Dropdown aufklappt, das mach er wg. padding-left - . -

Welcher ie Hack funktioniert eigenlich, irgendwie ist das auch immer mal so - mal so, kann das sein?

[noRiddle (revilonetz)]

Mich hat's ja jetzt auch mal interessiert.
Hier hat mal jemand alles durchgetestet:
http://www.456bereastreet.com/archive/200410/styling_even_more_form_controls/
Im unteren Bereich der Seite gibt es Links zu Screenshots für alle möglichen Browser...

Gruß,
noRiddle

[w3-media]

Mich hat's ja jetzt auch mal interessiert.
Hier hat mal jemand alles durchgetestet:
http://www.456bereastreet.com/archive/200410/styling_even_more_form_controls/
Im unteren Bereich der Seite gibt es Links zu Screenshots für alle möglichen Browser...

Gruß,
noRiddle

Das sieht sehr interessant aus, schau ich mir morgen mal genauer an.