Anzeige

Login Felder

Login Felder | PSD-Tutorials.de

Erstellt von psnooby, 08.04.2006.

  1. psnooby

    psnooby Guest

    Login Felder
    So das mit dem formatieren habe ich nun hinbekommen

    Ich habe die Befehle gebraucht um die Spalten aufm mein Layout zu legen das sieht nun auch erstmal ganz gut aus (oben rechts beim login).

    http://web96.server104.rhs-it.de/ilch/index.php

    Soweit habe ich allerdings im Quellcode das <form> noch nicht mit </form> beendet. wenn ich da jetzt nen </form> hintersetze sieht es so aus:

    [​IMG]

    So und dann nochmal der code wie es aussieht wenn es "geht" :

    [php:1:ec0f0acb55]
    <html>
    <head>
    <link rel="stylesheet" type="text/css" href="include/designs/Blackdevil/style.css">
    <title>blackdevil2</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>
    <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

    <table id="Tabelle_01" width="1001" height="801" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td colspan="9" rowspan="2">
    [​IMG]</td>
    <td colspan="3">
    <a href="http://blub.de">
    [​IMG]</a></td>
    <td rowspan="2">
    [​IMG]</td>
    <td colspan="3">
    <a href="http://blub.de">
    [​IMG]</a></td>
    <td rowspan="36">
    [​IMG]</td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td colspan="3">
    [​IMG]</td>
    <td colspan="3">
    [​IMG]</td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td colspan="5" rowspan="2">
    [​IMG]</td>
    <td colspan="5" class="login1">

    <form action="http://de.selfhtml.org/cgi-bin/comments.pl">
    <input name="Vorname" type="text" class="Feld1" value="Nick">


    </td>
    <td rowspan="5">
    [​IMG]</td>
    <td colspan="3" class="login2">

    <input name="Vorname" type="password" class="Feld2" value="passwort">


    </td>
    <td rowspan="5">
    [​IMG]</td>
    <td>
    <a href="http://blub.de">
    [​IMG]</a></td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td colspan="5">
    [​IMG]</td>
    <td colspan="3" rowspan="4">
    [​IMG]</td>
    <td rowspan="4">
    [​IMG]</td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td colspan="4" rowspan="2">
    [​IMG]</td>
    <td colspan="2" class="lastwar">


    {_boxes_LASTWARS}



    </td>
    <td colspan="4" rowspan="3">
    [​IMG]</td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td colspan="2" rowspan="2">
    [​IMG]</td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td rowspan="30">
    [​IMG]</td>
    <td rowspan="2">
    <a href="http://blub.de">
    [​IMG]</a></td>
    <td colspan="2">
    [​IMG]</td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td rowspan="29">
    [​IMG]</td>
    <td colspan="4" rowspan="28" class="main">

    {EXPLODE}

    </td>
    <td rowspan="29">
    [​IMG]</td>
    <td colspan="8" rowspan="11" class="boxrechts">

    {_boxes_VOTE}

    </td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td>
    <a href="http://blub.de">
    [​IMG]</a></td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td>
    <a href="http://blub.de">
    [​IMG]</a></td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td>
    <a href="http://blub.de">
    [​IMG]</a></td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td>
    <a href="http://blub.de">
    [​IMG]</a></td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td>
    [​IMG]</td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td>
    <a href="http://blub.de">
    [​IMG]</a></td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td>
    <a href="http://blub.de">
    [​IMG]</a></td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td>
    <a href="http://blub.de">
    [​IMG]</a></td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td>
    <a href="http://blub.de">
    [​IMG]</a></td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td rowspan="2">
    [​IMG]</td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td colspan="8" rowspan="2">
    [​IMG]</td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td rowspan="2">
    <a href="http://blub.de">
    [​IMG]</a></td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td colspan="8" rowspan="7" class="boxrechts2">

    {_boxes_STATISTIK}


    </td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td>
    <a href="http://blub.de">
    [​IMG]</a></td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td>
    <a href="http://blub.de">
    [​IMG]</a></td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td>
    <a href="http://blub.de">
    [​IMG]</a></td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td>
    [​IMG]</td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td>
    <a href="http://blub.de">
    [​IMG]</a></td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td rowspan="2">
    <a href="http://blub.de">
    [​IMG]</a></td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td colspan="8" rowspan="3">
    [​IMG]</td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td>
    [​IMG]</td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td rowspan="2">
    <a href="http://blub.de">
    [​IMG]</a></td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td colspan="8" rowspan="4" class="boxrechts3">


    {_boxes_ALLIANZ}

    </td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td>
    [​IMG]</td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td>
    <a href="http://blub.de">
    [​IMG]</a></td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td rowspan="3">
    [​IMG]</td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td colspan="8" rowspan="2">
    [​IMG]</td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td colspan="4">
    [​IMG]</td>
    <td>
    [​IMG]</td>
    </tr>
    <tr>
    <td>
    [​IMG]</td>
    <td>
    [​IMG]</td>
    <td>
    [​IMG]</td>
    <td>
    [​IMG]</td>
    <td>
    [​IMG]</td>
    <td>
    [​IMG]</td>
    <td>
    [​IMG]</td>
    <td>
    [​IMG]</td>
    <td>
    [​IMG]</td>
    <td>
    [​IMG]</td>
    <td>
    [​IMG]</td>
    <td>
    [​IMG]</td>
    <td>
    [​IMG]</td>
    <td>
    [​IMG]</td>
    <td>
    [​IMG]</td>
    <td>
    [​IMG]</td>
    <td>
    [​IMG]</td>
    <td></td>
    </tr>
    </table>

    </body>
    </html>
    [/php:1:ec0f0acb55]

    Css:

    [php:1:ec0f0acb55]
    td.main
    {
    vertical-align:top;
    background-image:url("Bilder/blackdevil2_25.jpg");
    width:590px;
    height:531px;
    color:#000000;
    }
    td.lastwar
    {
    vertical-align:bottom;
    background-image:url("Bilder/blackdevil2_18.jpg");
    width:578px;
    height:21px;
    color:#000000;
    }
    td.boxrechts
    {
    vertical-align:top;
    background-image:url("Bilder/blackdevil2_27.jpg");
    width:168px;
    height:207px;
    color:#000000;
    }
    td.boxrechts2
    {
    vertical-align:top;
    background-image:url("Bilder/blackdevil2_40.jpg");
    width:168px;
    height:110px;
    color:#000000;
    }
    td.boxrechts3
    {
    vertical-align:top;
    background-image:url("Bilder/blackdevil2_50.jpg");
    width:168px;
    height:135px;
    color:#000000;
    }
    td.login1
    {
    vertical-align:top;
    background-image:url("Bilder/blackdevil2_09.jpg");
    width:86px;
    height:16px;
    color:#000000;
    }
    td.login2
    {
    vertical-align:top;
    background-image:url("Bilder/blackdevil2_11.jpg");
    width:81px;
    height:16px;
    color:#000000;
    }
    .Feld1
    {
    vertical-align:top;
    font-family: Verdana;
    background-image:url("Bilder/blackdevil2_09.jpg");
    width:85px;
    height:12px;
    }
    .Feld2
    {
    vertical-align:top;
    font-family: Verdana;
    background-image:url("Bilder/blackdevil2_11.jpg");
    width:79px;
    height:12px;
    }

    [/php:1:ec0f0acb55]

    Wie bekomme ich es hin das auch wenn ich den form tag schließe das design nicht zerhackt wird ?
     
    #1      
  2. 10c

    10c Unscharfe Maske

    Dabei seit:
    05.10.2005
    Beiträge:
    253
    Geschlecht:
    männlich
    Ort:
    Hamburg
    Kameratyp:
    Pentax K100D
    Login Felder
    Probiere es mal mit diesem Stylesheet:
    Code (Text):
    1.  
    2. form {
    3.   margin: 0;
    4. }
    5.  
    10c ;-)
     
    #2      
x
×
×