html - left v/s margin-left and CSS: position -

-

i playing around make html/css carousel.

html:

<body>     <div id="container">         <div id="wrapper">             <div id="d1" class="box"><p>div#1</p></div>             <div id="d2" class="box"><p>div#2</p></div>             <div id="d3" class="box"><p>div#3</p></div>             <div id="d4" class="box"><p>div#4</p></div>         </div>     </div> </body>

css:

.box {     height: 100px;     width: 100px;     margin: 15px;     border: 2px solid black;     color: black;     float: left; }  #container {     width: 150px;     height: 144px;     overflow: hidden;     border: 2px solid black; }  #wrapper {     height: 140px;     width: 555px;     border: 2px solid green;     position: relative;     left: 0px; }  #d1 {     background-color: blue; }  #d2 {     background-color: red; }  #d3 {     background-color: green; }  #d4 {     background-color: yellow; }

here's fiddle: http://jsfiddle.net/97jhb/.
intend add javascript controls , provisions left/right buttons later.
first, want learn conceptually how works.

i trying carousel 'effect' playing wrapper's left.
if go on decreasing wrapper's left, able see boxes successively.

i have couple of questions:

  1. if don't set wrapper's position relative, changes made it's left not take effect. why so? isn't wrapper supposed relative default?

  2. if play around wrapper's margin-left instead of left, seems work desired.
    better between these 2 approaches: playing left or playing margin-left?

when assign position:relative css declaration div, you're not moving space takes on page, displayed.

however default position static html element if not specified explicitly.

position: static;

check out link on complete explanation of margin-left v/s left difference

difference between margin-left , left


Comments

Post a Comment

Popular posts from this blog

mod rewrite - Using "?" when rewriting the URL -

-
i have been researching weeks looking how rewritting file/directory complementary "?" or "question mark" what need: http://mydomain.com/demo01.php to like: http://mydomain.com/?theme=jerus theme > simple directory need use websites products(in case themes) jerus > name of theme extra info: i plan on rewritting every url individually refrain wildcard varibles.** wouldn't easy instead of doing url rewriting put php in directory called theme , name index.php? http://mydomain.com/theme/?t=jerus but if you're re-writing urls make rule acutally make route this: http://mydomain.com/theme/jerus/ which waaaay prettier see question: using clean urls in restful api
Read more

.htaccess: Transfer name to index.php if not directory public -

-
i have piece of code: options followsymlinks <ifmodule mod_rewrite.c> rewriteengine on rewritecond %{request_filename} !-f rewritecond %{request_filename} !-d rewritecond %{request_filename} !-l rewriterule ^(.*)$ index.php?url=$1 [l] </ifmodule> <ifmodule !mod_rewrite.c> errordocument 404 /index.php </ifmodule> i don't know how allow directory name "public" inside folder .htaccess, other names dir should transfered index.php. how that? add rewritecond exclude public directory rewritecond %{request_filename} !-f rewritecond %{request_filename} !-d rewritecond %{request_filename} !-l rewritecond %{request_uri} ^/public(/.*)?$ rewriterule ^(.*)$ index.php?url=$1 [l] now, redirection work /public directories only. if want url have rest of path that's below public url=subfolder/page.php /public/subfolder/page.php use rewritecond %{request_filename} !-f rewritecond %{request_filename} !-d rewrit...
Read more

Admob integration with pygame in android -

-
hello curious know solution integrating admob app written in pygame subset android. have tried below things did' t work me :( still nothing working me may there no way :( try 1: followed google https://developers.google.com/mobile-ads-sdk/docs/admob/fundamentals#android solution has no code change build.xml modification didt works me :( try 2: tried below solutio also. http://www.michenux.net/android-admob-tutorial-461.html did't work me :( try 3: tried hack pythonactivity.java. getting below related errors. have googleadmobadssdk-6.4.1.jar in \pgs4a-0.9.4\libs path still below kind of error. below code: protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); //vrbilgi setcontentview(r_layout_main); // setcontentview(r.layout.main); // create adview // adview = new adview(this, adsize.banner, my_ad_unit_id); adview = new adview(this, adsize.banner,"a15...
Read more