Login na web :)

Zde na poradně se zdrojové kódy musí vkládat mezi tagy

a

...

A k dotazu, doporučuji hodně zkoumat web jakpsatweb.cz/....

</p>
<p><table border="1" width="200">
   <tr>
       <td>
           Jméno
       </td>
       <td width="154">
           <input type="text" name="loginname" width="150"></input>
       </td>
   </tr>
   <tr>
       <td>
           Heslo
       </td>
       <td width="154">
           <input type="password" name="loginpassword" width="150"></input>
       </td>
   </tr>
   <tr>
       <td>
           <input type="reset" value="Reset"></input>
       </td>
       <td>
           <input type="submit" value="Odeslat"></input>
       </td>
   </tr>
</table></p>
<p>

Já osobně nerad vpisuji stylování přímo do HTML kódu. Raději si nastuduj něco o CSS a udělěj to přes to. Zaprvé se to v dnešní době v CSS dělá běžně a za druhé je ten kód mnohem "čistší". jakpsatweb.cz/...

Takto to musí fungovat:

<style>
    #logintabulka {
        width: 200px;
        border: 2px outset;
        border-spacing: 4px;
    }
    .levysloupec {
        width: 154px;
        border-style: none;
    }
    .loginradek {
        width: 100%;
        position: relative;
        right: 2px;
    }
</style></p>
<p><table id="logintabulka">
    <tr>
        <td>
            Jméno
        </td>
        <td class="levysloupec">
            <input type="text" name="loginname" class="loginradek"></input>
        </td>
    </tr>
    <tr>
        <td>
            Heslo
        </td>
        <td class="levysloupec">
            <input type="password" name="loginpassword" class="loginradek"></input>
        </td>
    </tr>
    <tr>
        <td>
            <input type="reset" value="Reset"></input>
        </td>
        <td class="levysloupec">
            <input type="submit" value="Odeslat"></input>
        </td>
    </tr>
</table>

CSS je to mezi tagy:

<style></style>

Pokud již máš a používáš CSS soubor, vše mezi těmi tagy tam překopíruj a v HTML kódu včetně style tagů smaž. Bude to fungovat také.

Je nesmysl to takhle nacpat do tabulky. Jde o přihlašovací formulář,. Pokud to má fungovat, je potřeba správně zpracovat formulář. Jaký pak formuláři přiřadíš vzhled už je jedno, klidně to může být i v tabulce. Ale lepší je použít samotné (bez tabulky) formulářové prvky a ostylovat přímo je.

Také necháváš úkoly na poslední chvíli?

Třeba takhle (víš, jak odstranit rámeček u slov Jméno a heslo?):

A po zkusit CSS styly z jiné stánky?