Ne!zarovnané řádky s LABEL,INPUT,BUTTON (problém u IE) – CSS – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Ne!zarovnané řádky s LABEL,INPUT,BUTTON (problém u IE) – CSS – Fórum – Programujte.comNe!zarovnané řádky s LABEL,INPUT,BUTTON (problém u IE) – CSS – Fórum – Programujte.com

 

Petr Fojtík0
Věrný člen
9. 5. 2007   #1
-
0
-

Řá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: ...–
10. 5. 2007   #2
-
0
-

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
-
0
-

< 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: ...–
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 4 hosté

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032024 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý