Radiobuttons / Dropdown formatieren

[w3-media]

Huhu,

ich habe echt viel gesucht und bin leider nicht fündig geworden.
Ich möchte im create_account bzw. lieber im ganzen Shop die radiobuttons formatieren.
Momentan hängt das "Feld" rechts direkt an der Anrede (s. Screenshot).
Ich hätte es gern so, dass die Bezeichnung rechts vom rbutton mit etwas Abstand steht - oder das ganze Teil als Dropdown.

Dann habe ich noch das Problem, dass der Text in meinem Dropdown (Land) nicht mittig ist (vertikal)
(Screens. anbei), habe auch schon ohne Ende gesucht, "Hacks" probiert etc. finde aber keine Lössung.
CSS für das Dropdown:

Code: CSS  [Auswählen]

table.register select,
table.edit select,
.select1 {
        width:252px;
        height:22px;
        margin-bottom:4px;
        margin-top:3px;
        padding-left:14px;
        font-size:11px;
        color:#2b2b2b;
        line-height:20px;
        border:1px solid #454545;
        background-image:url(img/input1.png);
        background-position:top left;
        background-repeat:repeat-x;
        overflow:hidden;
}
table.register select, table.edit select, {
    margin-bottom:2px;
    margin-top:1px;
}
select {
        height: 22px;
        line-height:20px;
}

Würde mich sehr freuen, wenn mir jemand helfen kann.
Vielen Dank

LG Jule

Linkback: https://www.modified-shop.org/forum/index.php?topic=18412.0

[noRiddle (revilonetz)]

Da die Radio Buttons so implementiert sind

Code: XML  [Auswählen]

<td>
Herr
<input type="radio" value="m" name="gender">
</td>

würde entweder nur ein &nbsp; hinter Herr / Frau helfen
oder eine anständige Formtierung mit label und input. (zu editieren so weit ich weiß in /create_account)
Die ließen sich dann leichter mit CSS formatieren.

Leider gibt es noch zu viel HTML in PHP-Dateien...

Achso, und bei dem Dropdown glaube ich widerspricht sich deine height mit deiner line-height- Angabe.
Gib mal nur line-height an.

Gruß,
noRiddle

P.S.
Wenn du's hinbekommst auf jeden Fall im IE anschauen, der spinnt nämlich gene mal rum, insbesondere bei select usw....

[w3-media]

würde entweder nur ein &nbsp; hinter Herr / Frau helfen (zu editieren so weit ich weiß in /create_account)
oder eine anständige Formtierung mit label und input.
Die ließen sich dann leichter mit CSS formatieren.

Aber wie bekomme ich das Herr / Frau hinter den radiobutton?
Am besten wäre aber, wenn ich das Teil komplett formatieren könnte, ich komme nur nicht dahinter, wie.

Achso, und bei dem Dropdown glaube ich widerspricht sich deine height mit deiner line-height- Angabe.
Gib mal nur line-height an.

Das kommt durch meine ganze Spielerei, daran liegt es nicht, ich kenne das Problem auch mit dem ie (da gibt es aber Hacks), also ich brauche dafür immernoch eine Lösung

Danke schonmal

[noRiddle (revilonetz)]

Okay, das ganze wird nicht so einfach wie ich dachte.
Die Smartys für die radios werden in /create_account definiert,
die radios selbst allerdings in /inc/xtc_draw_radio_field.inc.php
und in /inc/xtc_draw_selection_field.inc.php
Da was zu ändern wird dann doch ein wenig komplexer...

Schau' ich mir auch mal an, braucht aber ein wenig Zeit.

Gruß,
noRiddle

[w3-media]

Das wäre toll, vielen lieben Dank

[noRiddle (revilonetz)]

Schnellhilfe (allerdings mit Herr/Frau vor den radios):
In /lang/SPRACHE/SPRACHE.php werden MALE und FEMALE aus /create_account.php definiert.
Dort einfach hinter Herr und Frau ein Leerzeichen machen (vor dem schließenden Anführungszeichen).
Dann sieht's schonmal nicht mehr ganz so bescheiden aus.

[w3-media]

Ja, ich weiß, aber danke
Der Shop ist noch nicht ganz online, ich will dann schon ne vernünftige Lösung

[noRiddle (revilonetz)]

Also man müsste in der Tat die Funktionen in den oben erwähnten /inc/ -Dateien umschreiben.
Das ist mir im Moment zu heiß, müsstest du einen der Entwickler fragen, wenn nicht jemand anders sowas schonmal gemacht hat und 'ne Idee hat.

Sorry,
noRiddle

[w3-media]

Mmh, das hatte ich mir fast schon gedacht.

Danke Dir, noRiddle

Falls noch jemand ne Iddee dazu hat....

[h-h-h]

Code: CSS  [Auswählen]

#create_account input[type=radio] {
    margin: 0 15px 0 5px;
}

oder

Code: CSS  [Auswählen]

#create_account input[name=gender] {
    margin: 0 15px 0 5px;
}

Lieben Gruß

h-h-h

[noRiddle (revilonetz)]

Okay, um Herr / Frau hinter die radios zu bekommen, müsstest du folgendes machen:
In /inc/xtc_draw_selection_field.inc.php folgendes

Code: PHP  [Auswählen]

function xtc_draw_selection_fieldNote($data, $type, $value = '', $checked = false, $parameters = '') {
    $selection = $data['suffix'].'<input type="' . xtc_parse_input_field_data($type, array('"' => '&quot;')) . '" name="' . xtc_parse_input_field_data($data['name'], array('"' => '&quot;')) . '"';

    if (xtc_not_null($value)) $selection .= ' value="' . xtc_parse_input_field_data($value, array('"' => '&quot;')) . '"';

    if ( ($checked == true) || ($GLOBALS[$data['name']] == 'on') || ( (isset($value)) && ($GLOBALS[$data['name']] == $value) ) ) {
      $selection .= ' checked="checked"';
    }

    if (xtc_not_null($parameters)) $selection .= ' ' . $parameters;

    $selection .= ' />'.$data['text'];

    return $selection;
  }

ersetzen mit

Code: PHP  [Auswählen]

function xtc_draw_selection_fieldNote($data, $type, $value = '', $checked = false, $parameters = '') {
    $selection = '<input type="' . xtc_parse_input_field_data($type, array('"' => '&quot;')) . '" name="' . xtc_parse_input_field_data($data['name'], array('"' => '&quot;')) . '"';

    if (xtc_not_null($value)) $selection .= ' value="' . xtc_parse_input_field_data($value, array('"' => '&quot;')) . '"';

    if ( ($checked == true) || ($GLOBALS[$data['name']] == 'on') || ( (isset($value)) && ($GLOBALS[$data['name']] == $value) ) ) {
      $selection .= ' checked="checked"';
    }

    if (xtc_not_null($parameters)) $selection .= ' ' . $parameters;

    $selection .= ' />'.'<label for="'.xtc_parse_input_field_data($data['name'], array('"' => '&quot;')).'" id="'.xtc_parse_input_field_data($data['name'], array('"' => '&quot;')).'">'.$data['suffix'].'</label>'.$data['text'];

    return $selection;
  }

Dann hast du label und input, wobei label auch eine id hat und somit alles per CSS stylebar ist.
Man könnte vielleicht anstatt dem label die id zu geben, diese dem input geben.

Hoffe das ist es jetzt 

Gruß,
noRiddle

Nechtrag:
!! Da die Funktion öfter im Shop benutzt wird, hätte man dann die label immer hinter dem input.

[h-h-h]

Upps, entschuldigt bitte.
Hatte es nicht richtig verstanden:

Code: CSS  [Auswählen]

#create_account input[type=radio] {
    margin: 0 5px;
    float: left;
}

Gruß

h-h-h

[w3-media]

Danke Euch Beiden, ich werde es nachher gleich mal testen.
Und wie ist es denn mit dem Dropdown? ^ . ^

[noRiddle (revilonetz)]

@h-h-h 
Du Schlingel  

[h-h-h]

[...]
Und wie ist es denn mit dem Dropdown? ^ . ^

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

@noRiddle du Pflaume, lass mal was machen oder wieder telefonieren.

Gruß

h-h-h