tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
2
ZUGRIFFE
2810
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 27.09.07 15:52 #1
    mkoeni1 mkoeni1 ist offline
    Registriert seit
    Nov 2004
    Beiträge
    353
    Hallo Leute,

    ich habe ein Problem und benötige Eure Hilfe. Ich möchte ein Login Fenster rechts oben auf der Seite ausrichten.
    Ich habe eine Seite, die ist zentriert mit einer festen Breite von width:1000px.
    Das habe ich in die Index.php wie folgt eingebunden im Bereich <body></body>

    PHP-Code:
    echo '<div style="width:1000px;margin:0px auto;text-align:left;border:dashed 1px #000000;">';
    ...

    switch (    $action){ 
        case     Memberbereich:         
                include(    'memberbereich.php'); 
                break; 
        case     Einstellungen: 
                include(    'einstellungen.php'); 
                break; 
        case     Anleitung: 
                include(    'anleitung.php'); 
                break; 
        case     Register: 
                include(    'register.php'); 
                break; 
        case     Logout: 
                include(    'logout.php'); 
                break;
        case     Forget:
                include(    'forget.php');
                break; 
        default: 
                include(    'login.php'); 
    }      


    </    div> 
    Auf der Login.php habe ich ein Formular um das eine div ist:
    PHP-Code:
    ...
    <    div id="login">
      <    form action="index.php?action=login" method="POST" name="loginform">
        <    table border="0" cellpadding="0" cellspacing="4">
          <    tr>
           <    th colspan="2">Anmeldung</th>
          </    tr>
          <    tr>
           <    td style="font-family: verdana,arial,helvetica; font-size : 75%; text-align: right;">User</td>
           <    td><input name="user" type="text" size="15" maxlength="30" style="font-family: verdana,arial,helvetica; font-size : 75%;" onFocus="this.style.backgroundColor='#FFC';" onBlur="set()"></td>
          </    tr>
          <    tr>
           <    td style="font-family: verdana,arial,helvetica; font-size : 75%; text-align: right;">Password:</td>
           <    td><input name="passwd" type="password" size="15" maxlength="40" style="font-family: verdana,arial,helvetica; font-size : 75%;"></td>
          </    tr>
          <    tr>
           <    td>&nbsp;</td>
           <    td><input type="submit" name="send" value="Login" style="background-color:goldenrod;color:black; border: solid 1px silver;cursor:hand; width: 35px; font-family: verdana,arial,helvetica; font-size : 75%;" onMouseOver="this.style.backgroundColor='#efefef';" onMouseOut="this.style.backgroundColor='goldenrod';">
           </    td>
          </    tr>
          <    tr>
           <    td colspan="2" style="font-family: verdana,arial,helvetica; font-size : 75%; text-align: left;"><div class="melden"><input type="checkbox" name="kern" value="false" style="font-family: verdana,arial,helvetica; font-size : 75%; text-align: left;">angemeldet bleiben ?</div>
           </    td>
          </    tr>
          <    tr>
           <    td colspan="2" style="font-family: verdana,arial,helvetica; font-size : 75%; text-align: left;"><div class="melden">* Passwort <a href="index.php?action=Forget">vergessen</a>?</div></td>
          </    tr>
          <    tr>
           <    td colspan="2" style="font-family: verdana,arial,helvetica; font-size : 75%; text-align: left;"><div class="melden"><a href="index.php?action=Register">Nicht registriert?</a></div></td>
          </    tr>
        </    table>
      </    form>
    </    div> <!-- login -->

    ... 
    meine CSS Datei sieht so aus:
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

    /* css Datei*/
 
body { 
  font-family : verdana,arial,helvetica; 
  font-size : 75%;
  text-align: center;
}
 
 
#page {
  width: 1000px;
  height: 760px;
  margin:0px auto;
  text-align:left;
  border: 1px solid #000000;
}
 
 
/* div box around login box */
#login{
  text-align:center;
  border: 1px solid #000000;
  background-color: #efefef;
  width: 150px;
}
...

    Kann mir jmd. sagen warum ich das Formular nicht rechts am Rand ausrichten kann?

    Vielen Dank
    Gruß Matze
    Geändert von mkoeni1 (27.09.07 um 16:07 Uhr)
     

  2. 27.09.07 16:49 #2
    Maik Tutorials.de Gastzugang
    Hi,
    Zitat Zitat von mkoeni1 Beitrag anzeigen
    Kann mir jmd. sagen warum ich das Formular nicht rechts am Rand ausrichten kann?
    ohne eine spezielle Angabe wird das Formular, respektive das DIV #login zunächst mal linksbündig ausgerichtet.

    Du könntest es beispielsweise mit float:right rechtsbündig ausrichten:

    Code :
    1
2
3
4
5
6
7

    #login{
  text-align:center;
  border: 1px solid #000000;
  background-color: #efefef;
  width: 150px;
  [b]float:right;[/b]
}
     
  3. 28.09.07 09:17 #3
    mkoeni1 mkoeni1 ist offline
    Registriert seit
    Nov 2004
    Beiträge
    353
    Danke für die schnelle und präzise Hilfe.

    Gruß Matze
     

« Listen mit Bildern | Firefox+IE gut, Opera schlecht »

Ähnliche Themen

  1. Menüs werden links statt richtigerweise rechts ausgerichtet
    Von suntrop im Forum Microsoft Windows
    Antworten: 11
    Letzter Beitrag: 28.05.10, 17:29
  2. Wie bekomme ich ein 3. div gefloatet nach rechts?
    Von HoneyKiSs im Forum CSS
    Antworten: 10
    Letzter Beitrag: 10.03.10, 13:02
  3. link wird nicht nach rechts ausgerichtet (jsp/jsf)
    Von Praktikant132 im Forum Java
    Antworten: 2
    Letzter Beitrag: 26.07.07, 14:01
  4. Tab.-Ausgabe ausgerichtet nach der längsten nichtleeren Zeile
    Von tefnut im Forum PHP
    Antworten: 4
    Letzter Beitrag: 02.08.04, 08:51
  5. Schalter nach Pfad ausgerichtet | in PopUp öffnen
    Von shari im Forum Flash Plattform
    Antworten: 1
    Letzter Beitrag: 06.02.04, 13:26