HTML - Zobrazenie rámčeka tabuľky tesne pod formulárom v Opere a IE
Mám tento kód:
index.css
body {
background-color: #00CC00;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
index.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="www.w3.org/1999/xhtml">
<head>
<link href="index.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0">
<tr>
<td align='right'>
<form name='form_a' method='post'>
<input type='text' name='text_a'>
<input type='submit' name='submit_a' value='value'>
</form>
</td>
</tr>
</table>
</body>
</html>
Problém spočíva v tom, že v IE a Opere sa rámček tabuľky zobrazí hlboko pod koncom formulára a jedine vo FF sa rámček tabuľky zobrazí okolo formulára bez akejkoľvek medzery. Viete mi poradiť, čo s tým? Už som z toho zúfalý.
dat padding a margin rovno nule u form a input - nevyzkouseno
Aj to som predtým skúšal.
form
{
padding: 0;
margin: 0;
}
input
{
margin: 0;
padding: 0;
}
me to teda v IE6 a Opere funguje
No fasa. Tak toto isté som urobil, akurát som napísal px za každým číslom a vložil som to priamo do tagu form a input a nešlo mi to. Toto, čo si sem dal mi ide. Ďakujem.
nz
ma to ovsem jeste jeden hacek - dava to ty vlastnosti vsem formularum!
pokud by to melo byt jen u jednoho doporucoval bych dat formulari a policku nejakou class a definovat v ni ty vlastnosti...
form class="nuly"
input class="nuly"
a v css
.nuly {margin: 0; padding: 0;}
Keby si si celu tabulky hodil do form, nemusel by si riesit podobne veci takto krkolomne
edit: ide o to, ze form je blokovy element...