Pereiti prie turinio

Input ir submit vienoje linijoje


Rekomenduojami pranešimai

Sveiki,

Turiu problemą. Ji atrodo štai taip:

http://www.part.lt/img/e5444e63030406323170e1850cad2b14620.gif

 

Na o kiekis ir "Pridėti į krepšelį" turėtų būti viename lygyje.

 

HTML dalis:

<div class="add_to_cart">
				Kiekis: <input type="text" name="qty" size="3" class="add_to_cart_input"> <input type="image" src="images/prideti_i_krepseli.gif" name="add_to_cart" class="add_to_cart_image">
				</div>

 

CSS dalis:

#main_body .right .product_inside .details .main_info .add_to_cart
{

}

#main_body .right .product_inside .details .main_info .add_to_cart .add_to_cart_input
{
width: 30px;
}


#main_body .right .product_inside .details .main_info .add_to_cart .add_to_cart_image
{
display: inline;
margin-top: 5px;
}

 

Prašau, padėkite man ją ištaisyti.

 

Tiesa, bandant nustatyti padding arba margin atskirai "add_to_cart_image" leidžiasi visa eilutė, o ne tik pats objektas.

Redagavo mrfuzms
Nuoroda į pranešimą
Dalintis kituose puslapiuose
<p class="left">
  <label for="qty">Kiekis</label>
  <input type="text" name="qty" id="qty" />
</p>
<p class="left">
  <input type="image" src="images/prideti_i_krepseli.gif" />
</p>

.left {
  float: left;
}

Dėkoju, jūsų metodas suveikė.

 

Tačiau pastebėjau kitą problemą:

http://www.part.lt/img/2968f7f9b62af0f9cb1...533f2cec162.gif

Galbūt ir šiai problemai atrasit sprendimą?

 

HTML:

<div class="panel">
		<div class="title">» Prisijungimas</div>
		<div class="content">
		<form method="post" name="form" action="">
		El. paštas:<br>
		<input type="text" name="email"><br><br>
		Slaptažodis:<br>
		<input type="password" name="password"><br>
		Pamiršote savo slaptažodį?<br><br>
		<span class="right"><input type="image" name="submit" src="images/prisijungti.gif"></span>

		</form>
		</div>
	</div>

 

CSS:

#main_body .left .panel
{
width: 236px;
}

#main_body .left .panel .title
{
background: url(images/panel_title_background.gif) no-repeat;
line-height: 38px;
padding-left: 26px;
padding-right: 26px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
}

#main_body .left .panel .content
{
background: #ffffff;
padding-top: 5px;
padding-left: 24px;
padding-right: 24px;
padding-bottom: 14px;
color: #297394;
}

Nuoroda į pranešimą
Dalintis kituose puslapiuose

Problema tame, kad tekstas nėra rodomas. Žymėjimo metu galiu pažymėti tik "Vartotojo vardas" ir "slaptažodis", paleidžiu mousą - pažymėtas lieka tik "vartotojo vardas". Tuo tarpu "Pamiršau savo slaptažodį" apskritai negaliu pažymėti.

Ši problema kyla tik IE8 naršyklėje

Nuoroda į pranešimą
Dalintis kituose puslapiuose

Tingiu baisiai gilintis daug. Pabandyk HTML'ą perrašyt į kažką panašaus, kas žemiau. Gal to užteks.

<div class="panel">
<h2>Prisijungimas</h2>
<form action="" method="post" name="form" class="content">
	<p>
		<label for="email">El. paštas</label>
		<input type="text" name="email" id="email">
	</p>
	<p>
		<label for="password">Slaptažodis</label>
		<input type="password" name="password" id="password">
		<a href="remember-pass.php">Pamiršote savo slaptažodį?</a>
	</p>
	<p>
		<input type="image" name="submit" src="images/prisijungti.gif">
	</p>
</form>
</div>

Nuoroda į pranešimą
Dalintis kituose puslapiuose

Prisijunkite prie diskusijos

Jūs galite rašyti dabar, o registruotis vėliau. Jeigu turite paskyrą, prisijunkite dabar, kad rašytumėte iš savo paskyros.

Svečias
Parašykite atsakymą...

×   Įdėta kaip raiškusis tekstas.   Atkurti formatavimą

  Only 75 emoji are allowed.

×   Nuorodos turinys įdėtas automatiškai.   Rodyti kaip įprastą nuorodą

×   Jūsų anksčiau įrašytas turinys buvo atkurtas.   Išvalyti redaktorių

×   You cannot paste images directly. Upload or insert images from URL.

Įkraunama...
  • Dabar naršo   0 narių

    Nei vienas registruotas narys šiuo metu nežiūri šio puslapio.

×
×
  • Sukurti naują...

Svarbi informacija

Informuojame, kad šiame puslapyje naudojami slapukai (angl. cookies). Sutikdami, paspauskite mygtuką „Sutinku“ arba naršykite toliau. Savo duotą sutikimą bet kada galėsite atšaukti pakeisdami savo interneto naršyklės nustatymus ir ištrindami įrašytus slapukus.