| Autor | Zpráva | ||
|---|---|---|---|
| Mufna Profil |
#1 · Zasláno: 8. 2. 2009, 16:08:32
Zdravím Vás. Poradíte mi ? Jak mám srovnat řádek s labelem a inputem typu checkbox tak, aby to škrtátko bylo cca. na stejné úrovni jako text. IE je OK, Opera ujde, ale FF a mnoho dalších (Safari, Camino, Konqueror, Chrome atd.) mi to zobrazují úplně v levém horním rohu
Kód mám nějak takto:
<form>
<fieldset>
<div class="formBlocks">
<div class="formBlock_in">
<h2 class="formBlock_title"><span><?php print ($formblock_h2[1]); ?></span></h2>
<div class="class2">
<p>
<label for="gr0" class="basictext l6"><?php print ($label_check[0]); ?></label>
<input type="checkbox" name="chbox" id="gr0" class="checkbox" value="ano" />
</p>
<p>
druhy
</p>
atd.
</div>
</div>
</div>
</fieldset>
</form>
důležité CSS:
fieldset {padding: 0 10px 0 10px;}
label {float:left;}
label.l6 {width:115px; /* třída pro labely u inputů typu checkbox */
_width:130px;
padding:5px;
text-align:right;
color:#000 !important;
font-weight:normal !important;
background:#9ce176;}
.formBlocks {clear:both;}
.formBlock_in {}
.formBlock_in div {
float:left;
min-height:60px; /* __ ZAKLADNI URCENI MIN. VYSKY __ */
_height:60px;
border:1px solid black;} /* ---- TESTOVACI BORDER ------ */
.formBlock_in div.class2 {
width:30%;}
.formBlock_in div p { /* ___ ZATIM ZADNY STYL ___ */
/* margin-top:10px; */
/* margin-bottom:10px; */}
Myslím, že by to šlo řešit nastavením CSS hodnot "display:table" a "display:table-cell", ale nevím ?! |
||
| SwimX Profil |
#2 · Zasláno: 8. 2. 2009, 16:14:42
Proč máš ve formuláři 3 divy a odstavec? není to zbytečné?
chceš text a vedle něj políčko? Dej labelu display: block; float: left; a pevnou sirku inputu dej float: right(nebo left); pod to pridej čistič třebas nějakýmu dalšímu labelu dej clear: both; a nastav pevnou šířku formuláři. A nepotřebuješ ty škaredé přebytečné divy.. |
||
| Mufna Profil |
#3 · Zasláno: 8. 2. 2009, 16:22:40
SwimX
Proč máš ve formuláři 3 divy a odstavec? Protože to chci stylovat, aby formulář vypadal hezky a aby bylo možné všelijak ho upravovat (myšleno různé grafické záležitosti, které se netýkají samotných formulářových polí). Jeden <div> je tam teď možná navíc, když ho smysluplně nevyužiju, tak ho odstraním. Uvidíme. Díky za tipy, jdu to zkusit |
||
| SwimX Profil |
#4 · Zasláno: 8. 2. 2009, 16:24:23
Mufna
„Protože to chci stylovat, aby formulář vypadal hezky“ stejně si myslím, že stačí vyjít s inputy, labely a fieldsetem. |
||
| Mufna Profil |
#5 · Zasláno: 8. 2. 2009, 16:37:24
SwimX
stejně si myslím, že stačí vyjít s inputy, labely a fieldsetem no zrovna input checkbox jsem tady řešil včera. Pokud mu obecně stylem nastavím třeba "background", tak Opera ho přestane zobrazovat svým vlastním stylem. Ale třeba bych chtěl, aby kolem celého checkboxu (zobrazovaného dle "zvyklostí" prohlížeče) byl třeba rámeček, kulatý, a v nějaké barvě. Jinak než nastavením těchto atributů nějakému prvku typu <div> nebo <span> to asi udělat nepůjde. Ten můj formulář je dost členitý, a prostě chci mít možnost stylovat v podstatě co se mi zlíbí - ale právě třeba někdy bez zásahu do formulářových elementů - fieldset, label atd. |
||
|
Časová prodleva: 15 let
|
|||
0