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?