Autor Zpráva
Mufna
Profil
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
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
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
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
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.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: