[Matsaki]

På min sajt http://www.ayianapa.nu så har jag en "Log in" box/tabell

Trots att denna form tagg inte är kopplad till någon CSS eller nått så skapar den ett stort mellanrum till boxarna under och över (lite olika i tex IE och FF) men hur fn får jag bort det???

Jag är nästan säker på att det är just form taggen som dummar sig för tar jag bort den så försvinner felet.

HTML koden ser ut så här (det är i en php fil):

<?
Function fnGetLoginInputBoxLength($intIELength,$intNetscapeLength) {
	If (fnGetBrowserNetscape()) {
  return $intNetscapeLength; 
	} Else {
 return $intIELength;
	}
}

if (isLoggedIn() == false) {

If (isset($Ayia_UserName)) {
	$strLoginName = $Ayia_UserName;
}

?>
    <form method=POST id="formLoginForm" action="<? echo $_SERVER['PHP_SELF'] . fnGetParameters(); ?>&amp;blnLoginForm=true" target="_top">
    <table width="116" border="0" cellPadding="0" cellSpacing="0">
      <tr>
        <td colspan="2"><img height="15" src="/images/box_top_loggain.gif" width="116" alt="Logga in"></td>
      </tr>
      <tr>
       <td valign="top" class='loginbox'>
        <table width="105" align="center">
            <tr>
              <td><?
if(isset($_REQUEST['strLoginError']))
  $strLoginError = $_REQUEST['strLoginError'];
else
  $strLoginError = NULL;

	If ($strLoginError=="nosuchuser") {
 print "<br><font color=#FF0000>Anv&auml;ndaren hittades ej. F&ouml;rs&ouml;k igen.</font><br><br>";
	}
	If ($strLoginError=="invalidpass") {
 print "<br><font color='#FF0000'>Felaktigt l&ouml;senord</font><br><br>";
	}
 
 
 
 
  if(isset($_COOKIE['last_login_username']))
    $strLoginName = $_COOKIE['last_login_username'];
  else
    $strLoginName = NULL;
?>
         <img height="7" src="/images/txt_namn.gif" width="35" alt="">
 <input maxLength="40" type="text" name="strLoginName" size="11" value="<?=$strLoginName?>"> 

    </td>
      </tr>
      <tr>
       <td><img height="7" src="/images/txt_losenord.gif" width="55" alt="l&ouml;senord"> <input maxlength="16" type="password" name="strLoginPass" size="11"></td>
      </tr>
      <tr>
       <td><img src="../images/space_5x5.gif" width="1" height="5" alt=""></td>
      </tr>
      <tr>
        <td><a href="javascript:document.getElementById('formLoginForm').submit();" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('logga_in','','/images/knappar/knapp_loggain_on.gif',1)"><img src="/images/knappar/knapp_loggain_off.gif" alt="Logga in" id="logga_in" width="100" height="15" border="0"></a></td>
      </tr>
      <tr>
        <td><a href="/m_join.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('bli_medlem','','/images/knappar/knapp_blimedlem_on.gif',1)"><img src="/images/knappar/knapp_blimedlem_off.gif" alt="Bli medlem" id="bli_medlem" width="100" height="15" border="0"></a></td>
      </tr>
      <tr>
        <td><a href="/m_forgotPsw.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('glomtlosen','','/images/knappar/knapp_glomtlosen_on.gif',1)"><img src="/images/knappar/knapp_glomtlosen_off.gif" alt="Gl&ouml;mt ditt l&ouml;senord?" id="glomtlosen" width="100" height="15" border="0"></a></td>
      </tr>
    </table></td>
 </table>
 <div style='position: absolute; left: -200; top: 0;'>
  <input type='submit'>
</div>
     </form>

    <table width="5" border="0" cellspacing="0" cellpadding="0">
     <tr>
      <th scope="row"><img src="../images/space_5x5.gif" width="1" height="5" alt=""></th>
     </tr>
    </table>
<?
}
?>

[raki]

Lägg in denna koden i din CSS-fil:

form {
	margin: 0;
}

[Matsaki]

Thanks

[Joel]

FORM {
display : inline;
}

i din css-fil brukar också fungera B)

[Matsaki]

Hmm! Har tyvärr fortfarande ca: 2px för mycket mellanrum till boxen över (meny boxen) Men det är nog inte ett "form" fel <_<

[Jens]

Man kan även sätta <form taggen mellan <table och <tr> eller <tr> <td> taggarna då slipper man det jobbiga mellanrummet den ibland skapar ..

[magentos]

Originally posted by Jens@Feb 4 2005, 19:08
Man kan även sätta <form taggen mellan <table och <tr> eller <tr> <td> taggarna då slipper man det jobbiga mellanrummet den ibland skapar ..

mellan <table > och <tr> är endast <thead> och <tbody> tillåtet. Mellan <tr>och <td> får det inte finnas något alls. Att trixa till koden för att utseendet ska bli bra är en dålig lösning. Å andra sidan så ska det väl till en sån anal personligehet som min för att man ska orka bry sig :P

[Lindahl]

magentos: Bara lugn, jag orkar också bry mig Att lägga in form-taggar inuti en tabell är en styggelse.

[Joel]

Och för att slippa detta har vi ju redan precenterat två lösningar, varav en är:

FORM {
display : inline;
}

[redRemedy]

Originally posted by Baltiz@Feb 5 2005, 23:40
magentos: Bara lugn, jag orkar också bry mig Att lägga in form-taggar inuti en tabell är en styggelse.

Jag fattar inte varför det är en styggelse att lägga in form-taggar i en tabell. Enligt mig är det den snyggaste lösningen. Uppenbarligen är det denna lösningen som fungerar för alla webläsare och är den lösningen som man BORDE använda.

// Jonas