html - border-radius wont apply to top of div -


i'm working on landing page personal use, have ran problem. have div border radius, called .popout. border radius applies bottom of div not header part, why? , how can fix this? if know how make box-shadow little bit lighter , not dark great! thanks!

code:

html:

    *{margin:0; padding:0;}      body{      	background: #ccc;      	color:#000305;      	font-size: 87.5%;      	font-family: arial, 'lucida sans unicode';      	line-height: 1.5;      	text-align: left;	      }      .body{      	margin: 0 auto;      	width: 70%;      	background:#ebebeb;      	margin:auto;      }      .mainback{      	margin:auto;      	background:white;      	width:600px;      	height:650px;      }      .popout{      	background:white;      	width:80%;      	height:600px;      	margin:auto;      	box-shadow:0px 0px 15px 0px;      	border-radius:6px;      	position:relative;      	top:30px;      }      .mainheader{      	background:linear-gradient(#465bf6,#3149f2);      	width:100%;      	height:100px;      }
<html>      	<head>      		<meta charset="utf-8">      		<title>      			welcome!      		</title>      		<script type="text/javascript" src="jquery.js">      </script>      		<script type="text/javascript" src="script.js">      </script>      		<link rel="stylesheet" href="style.css" type="text/css">      	</head>      	<body class="body">      		<div class="mainback">	      			<div class="popout">      				<div class="mainheader"></div>      				<div class="mainarea"></div>      				<div class="mainareab"></div>      				<div class="mainfooter"></div>      			</div>	      		</div>      	</body>      </html>

your .mainheader div covering border-radius of .popout div. add line .mainheader class: border-radius: 6px 6px 0px 0px;

also, make box-shadow lighter add color this:

box-shadow:#777 0px 0px 15px 0px;

here's example:

*{margin:0; padding:0;}  body{  	background: #ccc;  	color:#000305;  	font-size: 87.5%;  	font-family: arial, 'lucida sans unicode';  	line-height: 1.5;  	text-align: left;	  }  .body{  	margin: 0 auto;  	width: 70%;  	background:#ebebeb;  	margin:auto;  }  .mainback{  	margin:auto;  	background:white;  	width:600px;  	height:650px;  }  .popout{  	background:white;  	width:80%;  	height:600px;  	margin:auto;  	box-shadow:#777 0px 0px 15px 0px;  	border-radius:6px;  	position:relative;  	top:30px;  }  .mainheader{  	background:linear-gradient(#465bf6,#3149f2);  	width:100%;  	height:100px;          border-radius: 6px 6px 0px 0px;   }
<html>  	<head>  		<meta charset="utf-8">  		<title>  			welcome!  		</title>  		<script type="text/javascript" src="jquery.js">  </script>  		<script type="text/javascript" src="script.js">  </script>  		<link rel="stylesheet" href="style.css" type="text/css">  	</head>  	<body class="body">  		<div class="mainback">	  			<div class="popout">  				<div class="mainheader"></div>  				<div class="mainarea"></div>  				<div class="mainareab"></div>  				<div class="mainfooter"></div>  			</div>	  		</div>  	</body>  </html>


Comments

Post a Comment

Popular posts from this blog

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

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

bash - Performing variable substitution in a string -

i have string contains use of variable, , i'd substitute variable's value string. right best have is #!/bin/bash foo='$name; echo bar' name="the name" expanded="$(eval echo "$foo")" echo "$expanded" which has obvious defects: prints the name bar while i'd print the name; echo bar instead of eval can bash's regex matching bash's string replacement: foo='$name; echo bar' name="the name" [[ "$foo" =~ \$([[:alnum:]]+) ]] && s="${!bash_rematch[1]}" && expanded="${foo/\$${bash_rematch[1]}/$s}" echo "$expanded" name; echo bar
Read more