codingdir logo sitemap sitemap |
Home
PHP
C#
C++
ANDROID
JAVA
JAVASCRIPT
PYTHON

In which situation use position:absolute, position:relative, position:fixed and position:static in css


By : , Category : html

.parentClassDiv{
  position:relative;
  border-color:red;
  border-radius:4px;
  border-style:solid;
  height:150px;
  top:100px;
  }
.relativeClass{
  position:relative;
  border-color:green;
  border-radius:4px;
  border-style:solid;
  top:80px;
  left:30px;
  }
.absoluteClass{
  position:absolute;
  border-color:blue;
  border-radius:4px;
  border-style:solid;
  top:120px;
  }
.fixedClass{
  top:30px;
  position:fixed;
  border-color:yellow;
  border-radius:4px;
  border-style:solid;
  left:10px;
  }
.staticClass{
  top:10px;
  left:10px;
  position:static;
  border-color:brown;
  border-radius:4px;
  border-style:solid;
  }
<html>
  
  <head>
  <title>difference b/w relative,absolute,fixed,static</title>
  </head>
  <body>
  <div class='parentClassDiv'>
    <span class='relativeClass'>hello..I am relative..positioned top-40px and left:30px..relative to my parent div(red color)</span>
    <span class='absoluteClass'>hello..I am absolute</span>
    <span class='fixedClass'>hello..I am Fixed..I will be positioned from the page top(i.e:it parent always be html tag)</span>
    <span class='staticClass'>I am Static.even top is 100px.i will be positioned on my place in my parent tag(red color).i will not take top,bottom,left,right.and also i started here only because green color is relative (reserved it place and moved to bottom)</span>
  </div>
  </body>
  
</html>

ReLated :

I have resolved it. Please put every character variables in single quotes eg:-('$APY_SUBS_FATHERS_NAME'). I am giving the solution below, which may help someone.

DB::statement("UPDATE APY_SUBS_DTLS_MAST SET 
    APY_SUBS_NAME='$APY_SUBS_NAME',
    APY_SUBS_FATHERS_NAME='$APY_SUBS_FATHERS_NAME',
      APY_SUBS_GENDER='$APY_SUBS_GENDER',
      APY_DATE_OF_BIRTH=to_date('$APY_DATE_OF_BIRTH','MM-DD-YYYY'),
      APY_SUBS_PAN='$APY_SUBS_PAN',
      APY_SUBS_ADD='$APY_SUBS_ADD',APY_SUBS_CITY='$APY_SUBS_CITY',
      APY_SUBS_STATE='$APY_SUBS_STATE',
      APY_SUBS_CTRY='$APY_SUBS_CTRY',
      APY_SUBS_PIN='$APY_SUBS_PIN',APY_SUBS_AREA='$APY_SUBS_AREA',
      APY_LANDMARK='$APY_LANDMARK',
      APY_SUBS_TEL=$APY_SUBS_TEL,APY_SUBS_MOB=$APY_SUBS_MOB,
      APY_SUBS_MAIL='$APY_SUBS_MAIL',APY_SUBS_SMS_FLG='$APY_SUBS_SMS_FLG',
      APY_SUBS_MARITAL_STAT='$APY_SUBS_MARITAL_STAT',
      APY_SUBS_SPOUSE_NAME='$APY_SUBS_SPOUSE_NAME',
      APY_SUBS_SPOUSE_ADHAR='$APY_SUBS_SPOUSE_ADHAR',
      APY_SUBS_ACT_TYPE='$APY_SUBS_ACT_TYPE',
      APY_SUBS_BANK_NAME='$APY_SUBS_BANK_NAME',
      APY_SUBS_BRANCH='$APY_SUBS_BRANCH',APY_SUBS_MICR=$APY_SUBS_MICR,
      APY_SUBS_IFSC='$APY_SUBS_IFSC',APY_SUBS_ADHAR='$APY_SUBS_ADHAR',
      APY_SUBS_NEW_EXIST='$APY_SUBS_NEW_EXIST',
      APY_SUBS_BENEF_OTHER='$APY_SUBS_BENEF_OTHER',
      APY_SUBS_PENSION_AMT=$APY_SUBS_PENSION_AMT,APY_SUBS_CONTR_AMT=$APY_SUBS_CONTR_AMT,
      APY_SUBS_SI_DT=to_date('$APY_SUBS_SI_DT','MM-DD-YYYY'),
      APY_SUBS_APLN_DATE=to_date('$APY_SUBS_APLN_DATE','MM-DD-YYYY'),
      APY_SUBS_APLN_PLACE='$APY_SUBS_APLN_PLACE',
      APY_SUBS_IT_PAYER='$APY_SUBS_IT_PAYER',APY_SUBS_NOM_NAME='$APY_SUBS_NOM_NAME',
      APY_SUBS_NOM_DOB=to_date('$APY_SUBS_NOM_DOB','MM-DD-YYYY'),
      APY_SUBS_NOM_ADHAR='$APY_SUBS_NOM_ADHAR',
      APY_SUBS_REL_WITH_NOM='$APY_SUBS_REL_WITH_NOM',
      APY_SUBS_MAJ_MIN_FLG='$APY_SUBS_MAJ_MIN_FLG',
      APY_SUBS_GUARD_NAME='$APY_SUBS_GUARD_NAME',
      APY_SUBS_TITLE='$APY_SUBS_TITLE' 
      WHERE 
      APY_SUBS_BANK_ACT_NO='$APY_SUBS_BANK_ACT_NO'" );

I change to GNU Emacs. How can I enable perl syntax check? I run cperl but syntax check is disabled?

CPerl's "Check syntax" menu item relies on something called mode-compile. If you don't have that installed it won't work. I've never used mode-compile, and can't offer much help there.

If you're going to be installing another package for syntax checking anyway, and assuming you're using GNU Emacs 24 or later, I suggest using the excellent Flycheck instead. Flycheck supports syntax checking for Perl as well as a huge number of other languages. In addition to regular syntax checking using the perl binary, Flycheck also supports syntax checking using Perl::Critic.

Flycheck is available via MELPA and MELPA stable. Once it is installed, add

(global-flycheck-mode)

to your configuration to enable Flycheck globally. If you've got perl on your path you should start getting syntax checking.

You can clearly tagged this against JQuery, SO I am assuming you are using JQUERY.

you should be looking to do some thing like this

 xPos = $('#ctl00_ContentPlaceHolder2_Panel1').scrollLeft;

What I would do:

1.) Don't create/add the default InfoWindow to your marker

2.) Instead add an event handler ( OnMarkerClickListener ) to your marker

3.) In that clickhander, "compute" where you want your infowindow to appear

For example, get the

Projection projection = map.getProjection(); // get map projection
VisibleRegion vr = projection.getVisibleRegion(); //

With vr, you can get the lower-left corner coordinates of your screen. Add a few points to that corner, and you can call

LatLng infoLL = projection.fromScreenLocation(Point infoPoint);

to get the coordinates of where you want your InfoWindow to appear

4.) Create a "dummy marker" on the fly (e.g. one pixel image) such that it is invisible using the location you computed above (infoLL)

5.) Add your InfoWindow data into it

6.) Immediately call showInfoWindow() into it

7.) As an option, add an OnInfoWindowClickListener into it, to delete the dummy marker if clicked, or a delayed delete

Comments


Message :
Login to Add Your Comments .
How to disable registered OpenCL platforms on Windows?
Is Observable broken in Angular 2 Beta 3?
Cross-thread operation not valid when using Invoke
How to pass an IEnumerable or queryable list of properties from Controller to View
Finding numbers after a certain keyword using Python
Pocketsphinx recognizes random phrases in a silence
Passing non-thread-safe objects through thread-safe containers
React scroll nav
BizTalk WCF-BasicHttp Adapter does not allow Empty string for Service Certificate Props
Why property ''cause" of Exception is repeating forever?
Privacy Policy 2017 © codingdir.com All Rights Reserved .