ugrás a tartalomhoz

Login oldalamon így használjam a Smarty-t?

Anonymous · 2006. Ápr. 28. (P), 08.17
Sziasztok!

A következő kérdésem lenne. Van egy login oldal. Az lenne a kérdésem, hogy szerintetek így megfelelő minden szempontból ahogy meg van csinálva.
Minden kritikát szívesen fogadok.

template:
<link href="./css/login.css" rel="stylesheet" type="text/css">
<body>
 <div id="login">
  <h1>
  Bejelentkezés
  </h1>
  <form id="login" action="">
    <table width="30%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="14%">{$loginname}</td>
        <td width="86%"><input type="text" name="username"></td>
      </tr>
      <tr>
        <td>{$password}</td>
        <td><input type="password" name="password"></td>
      </tr>
      <tr>
        <td colspan="2">
          <input type="submit" name="Submit" value="{$submit}">
        </td>
      </tr>
    </table>
  </form>
 </div>
</body>
css:
#login {
	background-color: #00FFFF;
	vertical-align: middle;
	height: 100px;
	width: 300px;
	float: none;
	clear: none;
}
#login h1 {
	background-color: #0000FF;
	font-size: 16px;
	font-weight: bolder;
	font-style: normal;
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
php
<?php
  require('./libs/smarty.class.php');
  $logo=new smarty;
  $logo->assign('loginname','Felhasználóinév:');
  $logo->assign('password','Jelszó');
  $logo->assign('submit','Belépés');
  $logo->display('login.tpl');
?>
 
1

ok, de minek?

inti · 2006. Ápr. 28. (P), 08.29
hát ha a későbbi többnyelvűslég a célod, akkor ok, de egyébként statikus szöveget íratsz ki vele... minek? Szintaktikailag helyes egyébként, de véleményem szerint itt nem indokolt a smarty használat.
2

Gondolom...

-zsolti- · 2006. Ápr. 28. (P), 08.44
...a <head> rész csak véletlenül maradt le. Az input mezőket pedig táblázat helyett lehetne labelekkel, pl:

<div id="form">
  ...
  <label for="pass">{$password}</label>
  <input type="password" id="pass" class="text" name="pass" maxlength="32" />
  ...
</div>

#form label {
  float: left; 
  width: 45%;
}
4

Helyes

Anonymous · 2006. Ápr. 28. (P), 09.55
Melyik a helyesebb táblázat vagy a label?
5

label mindenképpen

Jano · 2006. Ápr. 28. (P), 11.01
A label a cimke szerep miatt mindenképpen kell a táblázat pedig csak a rossz megoldás a label es az input elem egymas mellett tartasahoz.


A labelnek van egy olyan usability (kenyelmi - felhasznalobarat) funkcioja, hogy kiterjeszti az input elem kattinthato teruletet.

Ajanlom neked: Simple Quiz
3

Az ID olyan mint a rendszám

Jano · 2006. Ápr. 28. (P), 09.10
Az id olyan mint a rendszám, egyedinek kell lennie. Egy oldalon belül csak egy elem használhatja az adott id-t. Tehát nálad a divet és a formot nem szabad ugyanolyan id-vel ellátni.
6

Sortörés

Anonymous · 2006. Ápr. 29. (Szo), 19.06
Hogyan tudom a 2-odik input boxot következő sorba tenni <br> tag nélkül, ha lebl cimkét használok?

Köszi
7

div

Táskai Zsolt · 2006. Ápr. 30. (V), 17.03
például beleteszed egy div-be a labelt és az input boxot. meg esetleg a hozzá tartozó helpet, stb. szokták így. még két link, amit már látogattam a témában:
http://jeffhowden.com/code/css/forms/
http://www.quirksmode.org/css/forms.html
biztos menni fog.
Tasi
8

vagy...

Gal Kristof · 2006. Ápr. 30. (V), 18.41
..ami sztem jobb megoldás, hogy azt mondod az input boxra, hogy display: block és akkor sortörést nyom az input után.