Jump to content

[Resolvido] Pôr input à frente de div


PF2G
 Share

Recommended Posts

Boas,

Eu gostaria de saber se seria possivel por uma input à frente da div.

O meu objetivo é que o input "corra" do lado esquerdo para o lado direito, mas como ja devem ter percebido o input passa por tras da div e impede-me de o ver.

Aqui fica o meu código:

<!DOCTYPE html>
<!-- saved from url=(0039)https://www.kasuwa.com/checkout/finish/ -->
<html class=" js flexbox cssgradients csstransitions" lang="en" version="HTML+RDFa 1.1"><!--<![endif]--><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Checkout</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1">

<meta name="description" content="">
<meta name="keywords" content="">
<meta name="robots" content="noindex,follow">


<link rel="icon" href="https://www.kasuwa.com/images/kasuwa/favicon.ico" type="image/x-icon">

<link rel="shortcut icon" href="https://www.kasuwa.com/images/kasuwa/favicon.ico" type="image/x-icon">


<link rel="stylesheet" type="text/css" href="./Checkout_files/alice-min.1342455418.css" media="all">


<script async="" defer="true" src="./Checkout_files/sounds.js"></script><script src="./Checkout_files/alice-1342455425.js" type="text/javascript"></script><script type="text/javascript" src="./Checkout_files/jquery.maskedinput.js"></script><script type="text/javascript" src="./Checkout_files/checkout.js"></script>
<script src="chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl/document_iterator.js"></script><script src="chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl/find_proxy.js"></script><script src="chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl/get_html_text.js"></script><script src="chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl/global_constants.js"></script><script src="chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl/name_injection_builder.js"></script><script src="chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl/number_injection_builder.js"></script><script src="chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl/string_finder.js"></script><script src="chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl/change_sink.js"></script><meta name="document_iterator.js"><meta name="find_proxy.js"><meta name="get_html_text.js"><meta name="global_constants.js"><meta name="name_injection_builder.js"><meta name="number_injection_builder.js"><meta name="string_finder.js"><meta name="change_sink.js"><script src="./Checkout_files/application.js" async="" defer=""></script><style type="text/css">.olark-key,#hbl_code,#olark-data{display: none !important;}</style><link id="habla_style_div" type="text/css" rel="stylesheet" href="./Checkout_files/6aca1914896bab4cc77575c71192c532.css"></head>

<script language="javascript">
function example_animate(px) {
$('#example').animate({left: '100%'}, 1200);
}
</script>

<body class="l-full-hd ui-page-bg chrome chrome-20 thm-core thm-multistore thm-kasuwa thm-local l-simpleHeader">

<div class="unit size1of3 lastUnit vTop checkoutCol3">
<div class="box">
<div class="box-hd">
<h2 class="h2">3. Order Confirmation</h2>
</div>
<div class="box-bd box-bdr pal">
<fieldset class="ui-fieldset">
<div id="checkoutGrandTotal">

<div class="mtl">
<div id="coupon-body" style="display:none">
<div class="mts">
</div>
</div>
</div></div>

<div class="ui-formRow mtl">
<button id="checkoutBtn" class="rfloat ui-button ui-buttonCta sel-checkout-send" title="Checkout" type="submit" style="opacity: 1; ">
<span>Checkout</span>
</button>

<!---------------------------------------------------------------------------->
<div id="example" style="position: absolute; display:block;">
<input class="rfloat ui-button ui-buttonCta sel-checkout-send" type="button" value="Warp Shop Now" onclick="example_animate()" />
</div>
<!---------------------------------------------------------------------------->
</div>
</div></form>
</html>

Alguém me pode ajudar?

Obrigado,

PF2G

Edited by PF2G
Link to comment
Share on other sites

não tens um url onde se possa ver isso ...

tens p'rai muitas classe que parece andarem a mudar os estilos e estar a resolver de cabeça será como resolver o cubo de rubik :

- é possível com bastante tempo ou atiras contra a parece e juntas tudo de novo

PS : também é bom saber que input e que div ...

Edited by HappyHippyHippo
IRC : sim, é algo que ainda existe >> #p@p
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.