Fula mellanrum i Explorer :(

higaMedlem sedan aug. 2000359 inlägg

Frågan9 juli 2002 13:33#1

Jag håller på och utvecklar en webbshop och det ser bra ut i Mozilla, men i Internet Explorer och NS4 så blir det fula mellanrum mellan input-text-fälten.
Här är sidan: http://higa.dns2go.com/health/shop.html
Och denna CSS-kod använder jag

input.vara {height: 23px; margin: 1px; }
p.vara {line-height: 25px; font-weight: bold;}
input.vara2 {height: 23px; margin: 1px; text-align: right; background: #A7FDC9; border: 1px black solid; width: 60px; padding-right: 2px;}

input.vara och input.vara2 är för input-textfälten, p.vara är för varunamn och á-pris

Mvh Lukas

MatteMedlem sedan aug. 20002 975 inlägg

9 juli 2002 16:13#2

I IE är det enkelt att fixa. Byt ut:

<td>Total</td>

mot

<td width="66">Total</td>

För NN4 är det lite värre. Först få du fixa lite i CSS-filen. Border för input ställer till problem, så byt ut:

border: 1px black solid;

mot

border-left: 1px black solid; 
border-right : 1px black solid;
border-top : 1px black solid;
border-bottom : 1px black solid;

Det kommer inte att fixa saken, utan du behöver lägga varje input i en egen cell. Använd rowspan. Exempel:

  <tr> 
    <td valign="top" class="powerline" rowspan="2">Flame protect GAIN 6000</td>
    <td valign="top" class="powerline" rowspan="2">Orolig för att motoroljan ska antändas? 
        Använd detta flamskyddsmedel tillsammans med motorolja.</td>
    <td class="powerline"> 
      <span style="font-weight:bold">250 g</span>
    </td>
    <td class="powerline" align="right"> 
      <span style="font-weight:bold">300</span>
    </td>
    <td class="powerline"> 
      <input type="text" name="2a" size="1" value="0" class="vara" onkeyup="cunt(2,300)">
    </td>
    <td align="right" class="powerline"> 
      <input type="text" name="2b" size="4" value="0" class="vara2">
    </td>
  </tr>
  <tr>
    <td> 
      <span style="font-weight:bold">1 kg</span>
    </td>
    <td align="right"> 
      <span style="font-weight:bold">800</span>
    </td>
    <td> 
      <input type="text" name="3a" size="1" value="0" class="vara" onkeyup="cunt(3,800)">
    </td>
    <td align="right"> 
      <input type="text" name="3b" size="4" value="0" class="vara2">
    </td>
  </tr>

Du kommer inte heller i NN4 att få den blå linjen mellan grupperna. För att lösa det kan du t.ex lägga in en tabellrad med colspan=6 i en td. Lägg en transparent bild i cellen. Bildens höjd 2px, och en bakgrund med din önskade linjefärg, Alternativt en blå bild med height=2 och width=100%. Prova dig fram.