Forums

djrolstad

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
<html xmlns="http://www.w3.org/1999/xhtml"&gt;
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Lakeland Bank - MOBILE BANKING</title>
<link href="fonts/stylesheet.css" rel="stylesheet" type="text/css" media="screen" />
<link href="styles.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div class="promoContainer">
  <div class="headerWrapper">
    <div class="headerTxt">MOBILE BANKING</div>
  </div>
  <div class="content">
  <img src="images/mobileapp.png" alt="Lakeland Bank Mobile-Web Application" width="640" height="820" />
		<div class="hovertext">
	<div class="contentTitle">Simplified banking...<br />
      anytime, anywhere.</div>
    <div class="contentsubTitle">Lakeland Bank provides solutions to help simplify<br />
      your financial life:</div>
    <div class="contentBody">
		<ul>
			<li>Check account balances</li>
			<li>View recent transactions</li>
			<li>Transfer funds between accounts</li>
			<li>Find local offices and ATMs</li>
		</ul>
    </div>
	
		</div>
 <img src="images/FooterBG.gif" alt="Lakeland Bank - We're Simplifying Banking. With offices located throughout Bergen, Essex, Morris, Passaic, Sussex and Warren Counties. Member FDIC. Equal Housing Lender." width="639" height="169" /> </div>
    
</div>
</body>
</html>

css

body {
	text-align:center;
}
.content {
	position: relative;
	
}


.hovertext{
	position: relative;
	top: -325px;
}

.promoContainer {
	width:644px;
	font-family: 'MyriadWebProRegular', sans-serif;
	background-color:#FFFFFF;
	text-align:left;
	margin:auto;
	font-smooth:auto;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.promoContainer .headerWrapper {
	background-image:url(images/HeaderBG.gif);
	background-position: top left;
	background-repeat:no-repeat;
	height:112px;
	width:644px;
	color:#FFFFFF;
}
.promoContainer .headerTxt {
	width:454px;
	float:right;
	text-align:center;
	padding-top:40px;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:30px;
}
.promoContainer .content {
	width:639px;
	overflow:auto;
	border: solid 3px #048a96;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}

.promoContainer .contentTitle {
	color:#fff;
	font-family: 'MyriadWebProBold', sans-serif;
	font-size:43px;
	line-height:30pt;
	padding:20px 0px 20px 0px;
	text-align:center;
}
.promoContainer .contentsubTitle {
	color:#fff;
	font-size:18px;
	padding:0px 0px 10px 125px;
	text-align:left;
}
.promoContainer .contentBody {
	color:#fff;
	font-size:18px;
	line-height:14pt;
	padding:0px 70px 35px 175px;
}
.promoContainer .contentBody ul {
	list-style-image:url(images/bullets.gif);
	margin:0px 20px;
	padding-left:0px;
}
.promoContainer .contentBody li {
	margin:8px 0px;
}
.promoContainer .contentBottom {
	color:#0a96a3;
	font-family: 'MyriadWebProBold', sans-serif;
	font-size:20px;
	padding:15px 0px 15px 0px;
	text-align:center;
}
.promoContainer .contentDisclaimer {
	color:#000000;
	font-size:10px;
	padding:0px 40px 10px 40px;
}

all the white space i don't need why is there white space?

TheDoc

Link?

wolfcry911

you're hovertext div that is 'hiding' up out of site is positioned relatively - that reserves its normal space in the document layout. Change to absolute positioning.

treehouse : what would you like to learn today?

Forums

Blank space that I don't need. Need to get rid of it.