Řádky(align=left) mají vizuálně tvořit obdélníkový blok i když uživatel zmenší/zvětší velikost písma !!!
Vynechal jsem všechny bezproblémové řádky, zůstaly tyto:
[LABEL width=A] [INPUT width=B]
[--- BUTTON width=A+B -------- ]
[------- HR width=A+B ---------- ]
Hlavně jde o to aby se nerozsypal vzhled v IE7 při volbě VĚTŠÍ NEJVĚTŠÍ velikost písma (FF problémy nečiní).
(navíc komplikováno použitím-řečeno zjednodušeně- odlišného FONT-family-size u label,input i button)
.....což pomocí tabulky dovede tento kod:
<html>
<head>
<style>
BODY { margin: 2em; font: 1em Arial }
LABEL { width: 20ex; font-size:1em; display:block }
INPUT { width: 20ex; font-size:1em }
BUTTON { width: 100%; font: 1em monospace }
</style>
</head>
<body>
<form>
<TABLE>
<TR><TD><LABEL>ZadejZadejZadej</LABEL></TD><TD><INPUT type=text></TD></TR>
<TR><TD><LABEL>ZadejZadej </LABEL></TD><TD><INPUT type=text></TD></TR>
<TR><TD><LABEL>Zadej </LABEL></TD><TD><INPUT type=text></TD></TR>
<TR><TD COLSPAN="2"><BUTTON type=submit> Format2(xxx) </BUTTON></TD></TR>
<TR><TD COLSPAN="2"><HR></TD></TR>
</TABLE>
</form>
</body>
</html>
-kód načíst do browseru a měnit nastavení [podtrzene]VELIKOST PÍSMA[/podtrzene] / hlavně IE6,7 !!! /
-důležitý je vzhled/chování (kód zahoďte)
Pomůže mi někdo dosáhnout téhož vzhledu/chování jen s CSS (bez použití TABLE) ?