WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Form tagg gör space runt min box (https://www.wn.se/forum/showthread.php?t=5913)

Matsaki 2005-02-03 23:58

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):



Kod:

<?
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 2005-02-04 00:04

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

form {
        margin: 0;
}


Matsaki 2005-02-04 10:39

Thanks :)

Joel 2005-02-04 12:43

FORM {
display : inline;
}

i din css-fil brukar också fungera B)

Matsaki 2005-02-04 17:52

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 2005-02-04 18: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 ..

magentos 2005-02-05 21:49

Citat:

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 2005-02-05 22:40

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

Joel 2005-02-06 23:46

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

Citat:


FORM {
display : inline;
}


redRemedy 2005-02-11 14:06

Citat:

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


Alla tider är GMT +2. Klockan är nu 09:32.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson