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:
  1. <link href="./css/login.css" rel="stylesheet" type="text/css">  
  2. <body>  
  3.  <div id="login">  
  4.   <h1>  
  5.   Bejelentkezés  
  6.   </h1>  
  7.   <form id="login" action="">  
  8.     <table width="30%" border="0" cellspacing="0" cellpadding="0">  
  9.       <tr>  
  10.         <td width="14%">{$loginname}</td>  
  11.         <td width="86%"><input type="text" name="username"></td>  
  12.       </tr>  
  13.       <tr>  
  14.         <td>{$password}</td>  
  15.         <td><input type="password" name="password"></td>  
  16.       </tr>  
  17.       <tr>  
  18.         <td colspan="2">  
  19.           <input type="submit" name="Submit" value="{$submit}">  
  20.         </td>  
  21.       </tr>  
  22.     </table>  
  23.   </form>  
  24.  </div>  
  25. </body>  
css:
  1. #login {  
  2.     background-color: #00FFFF;  
  3.     vertical-align: middle;  
  4.     height: 100px;  
  5.     width: 300px;  
  6.     float: none;  
  7.     clear: none;  
  8. }  
  9. #login h1 {  
  10.     background-color: #0000FF;  
  11.     font-size: 16px;  
  12.     font-weight: bolder;  
  13.     font-style: normal;  
  14.     text-align: center;  
  15.     padding: 0px;  
  16.     margin-top: 0px;  
  17.     margin-right: 0px;  
  18.     margin-bottom: 10px;  
  19.     margin-left: 0px;  
  20. }  
php
  1. <?php  
  2.   require('./libs/smarty.class.php');  
  3.   $logo=new smarty;  
  4.   $logo->assign('loginname','Felhasználóinév:');  
  5.   $logo->assign('password','Jelszó');  
  6.   $logo->assign('submit','Belépés');  
  7.   $logo->display('login.tpl');  
  8. ?>  
‹ XLS kezeléshez osztály / eljárásgyűjtemény Aktív oldal jelzése css osztályal ›
 ■
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:
  1. <div id="form">  
  2.   ...  
  3.   <label for="pass">{$password}</label>  
  4.   <input type="password" id="pass" class="text" name="pass" maxlength="32" />  
  5.   ...  
  6. </div>  
  1. #form label {  
  2.   float: left;   
  3.   width: 45%;  
  4. }  
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.