Ne!zarovnané řádky s LABEL,INPUT,BUTTON (problém u IE)

Ne!zarovnané řádky s LABEL,INPUT,BUTTON (problém u IE)

Věrný člen

9. 5. 2007 #1

Řá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) ?

Nahlásit jako SPAM

IP: ...–

Matej Zabsky 0

Boss

10. 5. 2007 #2

Misto mezer muzes pouzit nedelitelne mezery, nevim ale jestli je to uplne to co myslis - zadne align left jsem v tom prikladu nenasel

Nahlásit jako SPAM

IP: ...–

Prosím, jestli potřebujete s něčím poradit,zeptejte se na fóru. Jakýkoliv bezdůvodný pokus mě kontaktovat skončí okamžitým přidáním do ignore listu![br][br] Současný počet osob, které to nepochopily: 7

Petr Fojtík0

Věrný člen

11. 5. 2007 #3

< To CommanderZ: {ALIGN=LEFT} >
Pouze tím oznamuju, že levé okraje LABELů BUTTONů HRů....prostě nejlevějších prvků na řádcích atd. budou přesně pod sebou, budou tvořit levý okraj celého bloku
a tedy je toto nastavení důležité, přesto že není v kódu uvedené (nemusí být <=> text-align:"left" je výchozí hodnota)
Hlavně jsem chtěl naznačit, s čím bude (jediná) potíž: s tím druhým (pravým) okrajem.
< To CommanderZ: {&NBSPc} >
Nechápu - kde a proč

Nahlásit jako SPAM

IP: ...–