css für frontend-login

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

Hast du mal versucht über

HTML-Code:

---

.mod_login {
  width: ?px;
}

---

oder

HTML-Code:

---

.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

Hi

du hast in deiner xForm.css Datei folgenden Ausdruck

Code:

---

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

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

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

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).

Ich hab leider starke Probleme damit die einzelen klassen anzusprechen.

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

inder Lord.css wird folgendes definiert:

Code:

---

-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.

Code:

---

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

---

entweder via .checkbox oder #autologin.

Das könnte dann zB so aussehen:

Code:

---

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

---