css für frontend-login

[knoidc]

Hallo,

bei mir enden die input-Felder für das Login-Formular, welches unterhalb einer Navigation sich befindet, nicht am Ende des äußersten div.

Link: http://lehrbauhof.juniter.de/

Ich habe schon einiges probiert, aber leider bleibt es dabei als wären die Felder abgeschnitten :-( Google und die suche war mir noch nicht hilfreich.

Ich hoffe jemand kann mir hier helfen.

Gruß knoidc

[Jogibär]

Hast du mal versucht über

.mod_login {
  width: ?px;
}

oder

.mod_login input#username,
.mod_login input#password {
  width: ?px;
}

die Breite des Formularcontainers bzw. der einzelnen Inputfelder zu definieren? Am Besten du vergibst dann für das LogIn-Module auch eine eigene ID, falls du noch mehrere Module davon hast.

Gruß
Jürgen

[Sarvo]

Hi

du hast in deiner xForm.css Datei folgenden Ausdruck

input.text, input.password
{
margin: 1px 0;
width: 200 px;
}

Ändere dort einfach das width Atributt auf 150 px dann ist es auch innerhalb des #left Bereichs

Liebe Grüße

[knoidc]

Hallo,

danke für die Antworten.

@Sarvo: Da war das Problem. Danke schön.

@Jogibär: Das habe ich nicht probiert, werde das aber heute auch probieren. Man lernt ja :-)

Gruß knoidc

[Cristal]

Hallo,

Ich glaube ich kann meine Frage hier gut anhängen.

Ich habe das anpassen mit eurer erklärung gut geschafft. Darunter befindet sich die möglichkeite das Automatischen Login. Dieser wird in 2 zeilen dargestellt. Ist es möglich diesen auch einzeilig zu bekommen ?

www.united-warlords.de

Liebe Grüße

Cristal

[Xamanoth]

Hi,

entweder du machst die Schrift ein bißchen kleiner (10px oder so), oder du änderst das Margin-right für die Checkbox (momentan 10 für alle input-Felder). Bei 8 oder weniger steht das wieder in einer Zeile (zumindest in FF, andere Browser müsstest du noch testen).

[Cristal]

Ich hab leider starke Probleme damit die einzelen klassen anzusprechen.

Wie spreche ich im CSS die chckbox an damit ich den margin ändern kann ?

[schman]

inder Lord.css wird folgendes definiert:

-webkit-box-shadow: #4A4A4A 3px 3px 3px;
background-image: url(http://www.united-warlords.de/tl_files/themes/theme_lord/bg_black80.png);
background-repeat: repeat;
border: 1px solid white;
border-bottom-left-radius: 10px 10px;
border-bottom-right-radius: 10px 10px;
border-top-left-radius: 10px 10px;
border-top-right-radius: 10px 10px;
color: white;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
margin: 5px 10px 5px 5px;
padding: 3px 4px;

Wie du hier siehst gibst du der Checkbox ein Margin von 5px 10px 5px 5px;
Die 10px (margin-right) sind zu viel, da das input eine ID hat kannst du dies sehr leicht überschreiben.

<input type="checkbox" name="autologin" id="autologin" value="1" class="checkbox">

entweder via .checkbox oder #autologin.

Das könnte dann zB so aussehen:

#autologin { margin: 5px 8px 5px 5px }