Login über Portalseite

[s.h.a.r.k]

Zitat von Balu der Bär:

Zitat von himitsu:

Auch wenn ich mich 4 Mal ausloggen mußte, bevor ich wirklich draußen war

Befrag am besten mal deine SchwarzeMagierin was da los ist.

@Balu: Ich hab mich gerade weggeworfen, als ich das gelesen habe *rofl*

Im.... Ich bin schon dafür, dass es ein ordentliches Design gibt.

@Daniel: Entscheide dich einfach für eine der beiden folgenden Möglichkeiten Du hast ja eine gewisse Mindestbreite definiert (schaut mal nach der CSS-Eigenschaft von dem Element mit der ID udm-u42). Somit sieht man das Edit immer recht gut, siehe Anhang. Diese Mindestbreite würde jedenfalls auch für den Body-Tag auch noch übernehmen, sicher ist sicher

Die Breite blub im ersten Vorschlag musst du noch entsprechend ans Layout anpassen.

Code:

// die "böse" Lösung mit Tabellen ;)
<table width="100%">
    <tr>
        <td widh="blub">Benutzername:</td>
        <td><input type="text" style="width: 100%" ... /></td>
    </tr>
    <tr>
         <td widh="blub">Passwort:</td>
         <td><input type="password" style="width: 100%" ... /></td>
    </tr>
    <tr>
        <td widh="blub"></td>
        <td><input type="submit" style="100px" ... /></td>
    </tr>
</table>

Alternativ kannst auch den folgenden Code übernehmen. Diesen verwende ich für zweispaltige Layouts auf meiner Website (auch für Formulare) und funktioniert eigenlich in allen getesteten Browsern (einen Konquerer habe ich leider nicht...):

Code:

<div>
    <div class="form-left">Benutzername:</div>
    <div class="form-right"><input type="text" style="width: 100%" ... /></div>
    <div class="form-clear"></div>

    <div class="form-left">Passwort:</div>
    <div class="form-right"><input type="password" style="width: 100%" ... /></div>
    <div class="form-clear"></div>

    <div class="form-left"></div>
    <div class="form-right"><input type="submit" style="100px" ... /></div>
    <div class="form-clear"></div>
</div>

// mit diesem CSS-Code
div.form-left {
    float               : left;
    text-align          : right;
    width               : 95px;
    margin-right        : 10px;
    margin-top          : 3px;
}
div.form-left label {
    cursor              : pointer;
    display             : block;
    text-align          : right;
}
div.form-right {
    padding             : 0.25em 0;
    float               : left;
}
div.form-clear {
    clear               : both;
}

Den Label-Code kannst vielleicht gebrauchen, wenn Labels einbauen magst.