css - Relative positioning on :hover -


on hover use relative positioning top value -0.3em. expect div move , second div move too. insted of have white gap between both divs. why happen , how can solve this?

.one {      width: 3em;      line-height: 3em;      background: yellow;    }    .two {      width: 3em;      line-height: 3em;      background: red;  }    .one:hover {      line-height: 3.3em;      position: relative;      top: -0.3em;  }
<div class="one">one</div>  <div class="two">two</div>

use negative margin on .one instead:

.one {      width: 3em;      line-height: 3em;      background: yellow;    }    .two {      width: 3em;      line-height: 3em;      background: red;  }    .one:hover {      margin-top: -0.3em;  }
<div class="one">one</div>  <div class="two">two</div>

since relative positioning not change position of element in document flow using top: -0.3em not cause .two move 0.3 em.


Comments

Post a Comment

Popular posts from this blog

How to group boxplot outliers in gnuplot -

i have large set of data points. try plot them boxplot, of outliers exact same value , represented on line beside each other. found how set horizontal distance between outliers in gnuplot boxplot , doesn't much, apparently not possible. is possible group outliers together, print 1 point , print number in brackets beside indicate how many points there are? think make more readable in graph. for information, have 3 boxplots 1 x value , times 6 in 1 graph. using gnuplot 5 , played around pointsize, doesn't reduce distance anymore. hope can help! edit: set terminal pdf set output 'dat.pdf' file0 = 'dat1.dat' file1 = 'dat2.dat' file2 = 'dat3.dat' set pointsize 0.2 set notitle set xlabel 'x' set ylabel 'y' header = system('head -1 '.file0); n = words(header) set xtics ('' 1) set [i=1:n] xtics add (word(header, i) i) set style data boxplot plot file0 using (1-0.25):1:(0.2) boxplot lw 2 lc rgb '#8b0000...
Read more

cakephp - simple blog with croogo -

i not problem, made simple blog in croogo, problem is not adding or modifying or delete, because arabic language ?? function add in controller `public function admin_add() { $this->set('title_for_layout', __('add part')); if (!empty($this->request->data)) { $this->part->create(); if ($this->part->save($this->request->data)) { $this->session->setflash(__('the part has been saved'), 'default', array('class' => 'success')); $this->redirect(array('action' => 'index'));//, $this->part->id)); } else { $this->session->setflash(__('the part not saved. please, try again.'), 'default', array('class' => 'error')); } } }` => model `class part extends appmodel { public $name = 'part'; var $belongst...
Read more