ugrás a tartalomhoz

Form - CSS Layout

Anonymous · 2006. Okt. 14. (Szo), 12.43
CSS:
  1. /* Form */  
  2. form label { display: block; float: left; text-align: right; margin: 8px 0px 0px 25px; padding: 0px 0px 0px 0px; width: 150px; }  
  3. form input, form select { margin: 4px 0px 0px -140px; width: auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }  
HTML:
  1. #1  
  2. echo"<div align=\"center\"><form id=\"kereses\" name=\"kereses\" method=\"post\" action=\"".$_SERVER['PHP_SELF']."\">";  
  3. echo"<input name=\"kereses\" type=\"hidden\" id=\"kereses\" value=\"1\" />";  
  4. echo"<label for=\"keresoszo\">Kulcsszó </label>";  
  5. echo"<input name=\"keresoszo\" maxlength=\"50\" type=\"text\" id=\"keresoszo\" /><br />";  
  6. echo"<label for=\"hol\">Tartalom </label>";  
  7. echo" <select name=\"hol\" size=\"1\" id=\"hol\">";  
  8. echo"<option value=\"1\">Hírekben</option>";  
  9. echo"<option value=\"2\">Cikkekben</option>";  
  10. echo"<option value=\"3\">Galériákban</option>";  
  11. echo"<option value=\"4\">Letöltésekben</option>";  
  12. echo"</select><br />";  
  13. echo"<label for=\"Submit\"></label>";  
  14. echo"<input type=\"submit\" name=\"Submit\" value=\"Keresés\" />";  
  15. echo"</form></div>";  
  16.   
  17. #2  
  18. echo"<div align=\"center\"><form id=\"login\" name=\"login\" method=\"post\" action=\"index.php?show-comments={$rows['id']}&act=login\">";  
  19. echo"<label for=\"fnev\">User </label>";  
  20. echo"<input name=\"fnev\" type=\"text\" id=\"fnev\" tabindex=\"1\" /><br />";  
  21. echo"<label for=\"jelszo\">Jelszó </label>";  
  22. echo"<input name=\"jelszo\" type=\"password\" id=\"jelszo\" tabindex=\"2\" /><br />";  
  23. echo"<label for=\"Submit\"></label>";  
  24. echo"<input type=\"submit\" name=\"Submit\" value=\"Belépés\" />";  
  25. echo"</form>";  
A probléma hogy a két esetben teljesen máshogy jelenik meg a form, első esetben rá van csúszva a label az inputra (IE), vagy teljesen rendezetlenül áll.(FF) Második eset IE-ben és FF-ben is tökéletesen működik. Mi lehet a probléma? Ugyan azt a csst használja mind a két oldal.
‹ escape és encode URI után is + jel a + jel! melyik betűt használja a browser? ›
 ■
1

jajj...

TeeCee · 2006. Okt. 14. (Szo), 15.16
... ha már egyszer úgyis HTML-be ágyazod a PHP-t (vagy PHP-be a HTMl-t, akkor sokkal áttekinthetőbb így:
  1. <?php  
  2.   //... PHP kód itt is ...  
  3. ?>  
  4. <div align="center"><form id="login" name="login" method="post" action="index.php?show-comments=<?php echo $rows['id']; ?>&act=login">  
  5. <label for="fnev">User </label>  
  6. <input name="fnev" type="text" id="fnev" tabindex="1" /><br />  
  7. <label for="jelszo">Jelszó </label>  
  8. <input name="jelszo" type="password" id="jelszo" tabindex="2" /><br />  
  9. <label for="Submit"></label>  
  10. <input type="submit" name="Submit" value="Belépés" />  
  11. </form>  
  12. <?php  
  13.   //... és PHP kód itt is ...  
  14. ?>  
Amúgy ha mutatnál egy példaoldalt, meg is nézném, mert nálam egyformán rosszul jelenik meg, igaz, lusta vagyok rendes HTML-kezdést (doctype, head, stb) rakni az elejére, de úgy vélem inkább Te szeretnéd, ha segítene valaki... ;-)
2

levél

Anonymous · 2006. Okt. 14. (Szo), 15.37
küldtem levelet
4

nekem küldted?

TeeCee · 2006. Nov. 17. (P), 10.07
küldtem levelet

Mert én nem kaptam levelet, csak most látom, hogy írtad. Küldd el mégegyszer PLZ, mert vagy nem kaptam meg, vagy véletlen törölhettem, mert nem láttam.
bocsánat
3

form para

Anonymous · 2006. Nov. 15. (Sze), 12.45
<form style="display:inline" stb>
.
.
.
</form>