jquery - In css how to joining two div classes without space? -

-

in css have following:--

body {   background-color: #ffffff;   font-family: arial, georgia, sans-serif;   font-size: 16px; }   .wrapper {   width: 100%;   position: relative;   min-height: 1300px;   background-color: yellow;   -webkit-box-shadow: -10px 0 15px #000;   -moz-box-shadow: -10px 0 15px #000;   box-shadow: -10px 0 15px #000;   -webkit-transition: -webkit-transform 0.2s ease;   -moz-transition: -moz-transform 0.4s ease;   -ms-transition: -ms-transform 0.4s ease;   -o-transition: -o-transform 0.4s ease;   transition: transform 0.4s ease; }   .header1 {   width: 100%;   position: relative;   min-height: 90px;   clear:both;   background: url(../images/tooplate_footer1.png) no-repeat;     -webkit-transition: -webkit-transform 0.2s ease;   -moz-transition: -moz-transform 0.4s ease;   -ms-transition: -ms-transform 0.4s ease;   -o-transition: -o-transform 0.4s ease;   transition: transform 0.4s ease; }  input[type="checkbox"]:checked ~ .wrapper {   -webkit-transform: translatex(250px);   -moz-transform: translatex(250px);   -ms-transform: translatex(250px);   -o-transform: translatex(250px);   transform: translatex(250px); }  input[type="checkbox"]:not(:checked) ~ .wrapper {   -webkit-transform: translatex(0);   -moz-transform: translatex(0);   -ms-transform: translatex(0);   -o-transform: translatex(0);   transform: translatex(0); }       input[type="checkbox"]:checked ~ .header1 {   -webkit-transform: translatex(250px);   -moz-transform: translatex(250px);   -ms-transform: translatex(250px);   -o-transform: translatex(250px);   transform: translatex(250px); }  input[type="checkbox"]:not(:checked) ~ .header1 {   -webkit-transform: translatex(0);   -moz-transform: translatex(0);   -ms-transform: translatex(0);   -o-transform: translatex(0);   transform: translatex(0); }       @media screen , (min-width: 35em) {   .wrapper {     max-width: 1000px;     margin: 0 auto;     -webkit-box-shadow: none;     -moz-box-shadow: none;     box-shadow: none;   }     .header1 {     max-width: 1020px;     margin: 0 auto;    clear:both;   }

and html following;-

 <body>     <div class="wrapper">     </div>     <div class="header1"></div>     </body>

now getting page this page

i want remove space.so,that 2 div class can join together. have used margin-top:0px; space not removing..suggest me please.

the space between 2 divs comes div wraps around back, makes div higher looks.

to move up, use negative value margin-top.

for example

.header1 {   width: 100%;   position: relative;   min-height: 90px;   clear:both;   background: url(../images/tooplate_footer1.png) no-repeat;     -webkit-transition: -webkit-transform 0.2s ease;   -moz-transition: -moz-transform 0.4s ease;   -ms-transition: -ms-transform 0.4s ease;   -o-transition: -o-transform 0.4s ease;   transition: transform 0.4s ease;   margin-top: -4px; //here }

Comments

Post a Comment

Popular posts from this blog

Fail to load namespace Spring Security http://www.springframework.org/security/tags -

-
i have problem namespace of spring security on xhtml page. don't understand why can't load uri, , have following issue: whitelabel error page application has no explicit mapping /error, seeing fallback. tue jul 21 16:58:12 utc 2015 there unexpected error (type=not found, status=404). please need help! possible uri has been changed? best regards you using incorrect namespace url. correct url http://www.springframework.org/schema/security the error page seeing spring source website since not recognize url. try visiting http://www.springsource.org/security/tags in browser update : spring security tags used in jsp page correct tag lib declaration is: <%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>
Read more

sql - MySQL query optimization using coalesce -

-
can explain me why second query faster first? (first 1 takes around 40 seconds, second 1 less 0.1) select releases.feature_code, releases.platform_id, version, release_date, general_available, uri, filesize, display_name, feature_name.full_name, if ((select exists(select 1 release_exceptions releases.feature_code = release_exceptions.feature_code , releases.platform_id = release_exceptions.platform_id , releases.version = release_exceptions.version) = 1), 1, 0) release_exceptions releases left outer join platform using(platform_id) left outer join feature_name using(feature_code) order version desc; ~~~ query 2 ------------------ ~~~ select feature_code, version, release_date, general_available, platform_id, uri, filesize, display_name, feature_name.full_name, coalesce(release_exceptions, 0) release_exceptions mus.releases left outer join ( select distinct feature_code, version, platform_id, 1 release_exceptions mus.release_exceptions ) release_exceptions using ...
Read more

unity3d - Unity local avoidance in user created world -

-
i'm using unity3d networked multiplayer online game have large complex 3d terrain scene forest, trees, cliff, hills, mountains, bounders, etc. players can build structures sort of minecraft, , put them anywhere in scene, or move them around anytime. aside human controlled players, there automated ai players , objects animals roaming around scene following path. the problem how make these automated ai players , animals, able navigate around static , dynamic player created structures, because path follow can blocked player created structures, or other players , other ai objects, cliffs etc. have find away around them or on track if tumble down off high cliff example. so made navmesh , used navagents, takes care of static, non moving objects, how make ai players navigate around each other , dynamic structures created players can number in hundreds? i thought of adding navmeshobstacle everything, result in being attached hundreds of objects since user created structures b...
Read more