Form probléma

[benkovics]

Nekem is van gondom!

Egy nyavajás form-mal!

 

<style type="text/css">
<!--
.form {
width: 250px;
margin: 0px;
padding: 0px;
}
-->
</style>

<?
if ($data = 2)
{
$kiir = "<p>Minden mezõt ki kell töltened!</p>";
print $kiir;
}
?>

<form name="feliratkozas" method="post" action="felirat.php" class="form">
<table width="250" border="0" cellpadding="0" cellspacing="2">
  <tr>
    <td class="style1">Név:</td>
    <td><input name="nev" type="text" id="nev" size="30" maxlength="40"></td>
  </tr>
  <tr>
    <td class="style1">E-mail cím:</td>
    <td><input name="email" type="text" id="email2" size="30" maxlength="40"></td>
  </tr>
</table>
<input name="küldés" type="submit" id="küldés" value="küldés">
</form>

Ez a kód!

De mi a nyavaját csináljak, hogy ne nyomja szét a fent belinkelt oldal táblázatát, mert azt teszi..... ír:

ITT VAN!

Ennek a cellának a kódja:

<td valign="top">
       <p> </p>
       <blockquote>
         <h1>Feliratkozás hírlevélre:</h1>
         <?php include("felir.php"); ?>
       <p align="justify"> </p>
       <p align="justify" class="style1 style7">A hírlevelet minden hónapban, a verseny elõtt egy héttel küldöm el, valamint ha fontos dolog történik a honlapon, pl. új tipp, idõpont módosítás...... </p>
       <p align="justify" class="style1 style7">Ha szeretnétek, minden frissítésrõl is be fogok számolni! </p>
       </blockquote></td>

[Kovács Gyula (MiniDisk)]

Lehet hogy én vagyok vak, de szerintem tökéletes az oldal. Semmi baja sincs ... Minden a helyén, arányosan, nincs semmi elcsúszva ...

 

Áááá, Internet Explorer, és Opera! Már látom. Firefoxban tökéletes.

 

Tipp: css-ben definiáld a form értékeit, (fájlban, MINDEGYIK értékét, az inputot, meg mindent), illetve ne table-ba tedd, hanem div-be, és a pozícióját vagy floattal, vagy pedig position: absolute; értékkel kezeld.

 

________________

 

És egy rövid hír!

Mostantól fel lehet iratkozni, a hírlevélre, amit mindig a verseny elõtt egy héttel fogok elküldeni..... 

Egy gyors tipp: Amikor átkerülök a felitratkozás után a nyugtázás oldalra, oda tegyél egy 'Vissza a kezdõlapra' nevû (vagy tetszés szerinti) gombot, hogy ne kelljen a böngészõvel visszamenni a verseny honlapjára. Így egyszerübb lenne.

[benkovics]

Akkor, lehet hagyom a francba....

[google]

Tomi, ha hazajöttem, segítek! Mást sem csináltam az elmúlt hónapokban, csak formokat táblázatok nélkül...

[Kovács Gyula (MiniDisk)]

Akkor, lehet hagyom a francba....

Szerintem se hagyd annyiban, segítünk!

[google]

Na, akkor itt egy form tõlem, ami biztosan minden böngészõben ugyanolyan: (na jó, nem pixelre, de azért nagyon hasonló. )

 

<form method="post" action="akarmi.php" class="pform">
   <fieldset>
   <label>Azonosító:</label><br />
   <input type="text" name="nev" class="textinput" maxlength="8" />
   <br /> <br />
   <label>Jelszó:</label><br />
   <input type="password" name="jelszo" class="textinput" maxlength="8" />
   <br /> <br />
   <input type="submit" name="login" value="Belépés" class="pbutton" />
   </fieldset>
   </form>

 

Itt pedig a hozzátartozó CSS:

 

.pform  {
     background-image: url(images/pback.jpg);
     margin: 0px;
     padding: 0px 6px 0px 16px;
     text-align: left;
     font-size: 11px;
     color: #726B34;
     }
.pbutton    {
     background-color: #F4EECC;
     font-size: 11px;
     color: #726B34;
     border-top-width: 1px;
     border-right-width: 1px;
     border-bottom-width: 1px;
     border-left-width: 1px;
     border-top-style: solid;
     border-right-style: solid;
     border-bottom-style: solid;
     border-left-style: solid;
     border-top-color: #726B34;
     border-right-color: #726B34;
     border-bottom-color: #726B34;
     border-left-color: #726B34;
     }

 

És persze messzemenõen szabványos is.

Ez persze egy felhasználónév - jelszó input form, de nyilván feltalálod magadat.

[benkovics]

Igaz, hogy még egy órát szenvedtünk vele, de sikerült!

 

Köszi Google!

[tamasir]

google A topicban úgy nyilatkoztál, hogy benne vagy a form-ban! Tudsz egy e-mail küldő kódot, amit a Validator is elfogad? Mert ennél a kódnál ACTION="" nincs kitöltve, document.mailer.action += mailtoandsubject ilyen documentum típust nem ismer, WRAP="virtual" kód nem szabványos.

 

Ezért kellene egy olyan, ami szabványos és jól működik.

<form><FORM NAME="mailer" METHOD="post" ACTION="" ENCTYPE="text/plain"
onSubmit="(document.mailer.action += mailtoandsubject)">
<TABLE >
<TR VALIGN="top">
<TD><font color="#FFFFFF" size="1" face="Verdana">Cimzett:</FONT></TD>
<TD><SELECT NAME="mailtoperson" onChange="msg(this.form)">
<OPTION VALUE="e-mail címem1">Tamási Rezső
<OPTION VALUE="e-mail címem2">Free Websablon
</SELECT></TD>
</TR>
<TR VALIGN="top">
<TD><font color="#FFFFFF" size="1" face="Verdana">Neved:</FONT></TD>
<TD><INPUT TYPE="text" SIZE=29 NAME="név" onChange="msg(this.form)"></TD>
</TR>
<TR VALIGN="top">
<TD><font color="#FFFFFF" size="1" face="Verdana">Email címed:</FONT></TD>
<TD><INPUT TYPE="text" SIZE=29 NAME="email" onChange="msg(this.form)"></TD>
</TR>
<TR VALIGN="top">
<TD><font color="#FFFFFF" size="1" face="Verdana">Tárgyt:</FONT></TD>
<TD><INPUT TYPE="text" SIZE=29 NAME="subject" onChange="msg(this.form)"></TD>
</TR>
<TR VALIGN="top">
<TD><font color="#FFFFFF" size="1" face="Verdana">Megjegyzés:</FONT></TD>
<TD>
<TEXTAREA NAME="üzenet" COLS=30 ROWS=5 WRAP="virtual" OnChange="msg(this.form)"></TEXTAREA></TD>
</TR>
<TR>
<TD> <p align="center"><font color="#FFFFFF" size="1" face="Verdana"> </font></p>
</TD>
<TD><INPUT TYPE="submit" VALUE="Üzenet elküldése">
<INPUT TYPE="reset" VALUE="Töröl"></TD></TR>
<script type="text/javascript">
function msg() {
document.mailer.action = "mailto:"
mailtoandsubject = ((document.mailer.mailtoperson.options[document.mailer.mailtoperson.selectedIndex].value) + '?subject=' + document.mailer.subject.value);
}
</script>
</form>

Vagy ha ezt ki tudnád javítani! Köszi: Rezső

[tamasir]

A probléma megoldva! :!: