ugrás a tartalomhoz

Form - CSS Layout

Anonymous · 2006. Okt. 14. (Szo), 12.43
CSS:

/* Form */
form label { display: block; float: left; text-align: right; margin: 8px 0px 0px 25px; padding: 0px 0px 0px 0px; width: 150px; }
form input, form select { margin: 4px 0px 0px -140px; width: auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
HTML:

#1
echo"<div align=\"center\"><form id=\"kereses\" name=\"kereses\" method=\"post\" action=\"".$_SERVER['PHP_SELF']."\">";
echo"<input name=\"kereses\" type=\"hidden\" id=\"kereses\" value=\"1\" />";
echo"<label for=\"keresoszo\">Kulcsszó </label>";
echo"<input name=\"keresoszo\" maxlength=\"50\" type=\"text\" id=\"keresoszo\" /><br />";
echo"<label for=\"hol\">Tartalom </label>";
echo" <select name=\"hol\" size=\"1\" id=\"hol\">";
echo"<option value=\"1\">Hírekben</option>";
echo"<option value=\"2\">Cikkekben</option>";
echo"<option value=\"3\">Galériákban</option>";
echo"<option value=\"4\">Letöltésekben</option>";
echo"</select><br />";
echo"<label for=\"Submit\"></label>";
echo"<input type=\"submit\" name=\"Submit\" value=\"Keresés\" />";
echo"</form></div>";

#2
echo"<div align=\"center\"><form id=\"login\" name=\"login\" method=\"post\" action=\"index.php?show-comments={$rows['id']}&act=login\">";
echo"<label for=\"fnev\">User </label>";
echo"<input name=\"fnev\" type=\"text\" id=\"fnev\" tabindex=\"1\" /><br />";
echo"<label for=\"jelszo\">Jelszó </label>";
echo"<input name=\"jelszo\" type=\"password\" id=\"jelszo\" tabindex=\"2\" /><br />";
echo"<label for=\"Submit\"></label>";
echo"<input type=\"submit\" name=\"Submit\" value=\"Belépés\" />";
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:

<?php
  //... PHP kód itt is ...
?>
<div align="center"><form id="login" name="login" method="post" action="index.php?show-comments=<?php echo $rows['id']; ?>&act=login">
<label for="fnev">User </label>
<input name="fnev" type="text" id="fnev" tabindex="1" /><br />
<label for="jelszo">Jelszó </label>
<input name="jelszo" type="password" id="jelszo" tabindex="2" /><br />
<label for="Submit"></label>
<input type="submit" name="Submit" value="Belépés" />
</form>
<?php
  //... és PHP kód itt is ...
?>
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>