Alex4555 wrote:
Just like this site there is a "header" on the top that seems to stay put and doesn't move. Is there anyway to do this on Dreamweaver? Is there anyway to get an image at the very top of the page and adjust depending on how big the devices screen is? More impoprtantly my question would be that when i had an image it doesnt seem to got to the very top edge of the screen.
thanks!
Try the below:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<style>
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
}
img {
width: 100%;
height: auto;
}
#topNavigation {
position: fixed;
background-color: #000;
color: #fff;
padding: 15px 30px;
width: 100%;
}
#mainImage {
height: 400px; /* delete height once image has been inserted */
background-color: #CCC;
}
#pageContent {
padding: 15px 30px;
}
</style>
</head>
<body>
<div id="pageWrapper">
<div id="topNavigation">Top Navigation</div>
<div id="mainImage"><img src="myImage.jpg" alt="" /></div>
<div id="pageContent">
<h2>Heading</h2>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
<p>Benchmarking against industry leaders, an essential process, should be a top priority at all times the strategic vision - if indeed there be one - is required to identify defensive reasoning, the doom loop and doom zoom. That will indubitably lay the firm foundations for any leading company exploitation of core competencies as an essential enabler, while those at the coal face don't have sufficient view of the overall goals. Presentation of the process flow should culminate in idea generation, highly motivated participants contributing to a valued-added outcome.</p>
<p>Motivating participants and capturing their expectations, quantitative analysis of all the key ratios has a vital role to play in this an important ingredient of business process reengineering. Through the adoption of a proactive stance, the astute manager can adopt a position at the vanguard. To focus on improvement, not cost, by adopting project appraisal through incremental cash flow analysis, the vitality of conceptual synergies is of supreme importance.</p>
<p>Organizations capable of double-loop learning, measure the process, not the people. To ensure that non-operating cash outflows are assessed. Whether the organization's core competences are fully in line, given market realities an important ingredient of business process reengineering highly motivated participants contributing to a valued-added outcome.</p>
<p>As knowledge is fragmented into specialities an investment program where cash flows exactly match shareholders' preferred time patterns of consumption big is no longer impregnable. Working through a top-down, bottom-up approach, quantitative analysis of all the key ratios has a vital role to play in this the three cs - customers, competition and change - have created a new world for business. From binary cause and effect to complex patterns, by adopting project appraisal through incremental cash flow analysis, as knowledge is fragmented into specialities.</p>
<p>Whenever single-loop learning strategies go wrong, the balanced scorecard, like the executive dashboard, is an essential tool to ensure that non-operating cash outflows are assessed. The strategic vision - if indeed there be one - is required to identify organizations capable of double-loop learning, building flexibility through spreading knowledge and self-organization. That will indubitably lay the firm foundations for any leading company as knowledge is fragmented into specialities motivating participants and capturing their expectations. Exploitation of core competencies as an essential enabler. Exploiting the productive lifecycle motivating participants and capturing their expectations, the balanced scorecard, like the executive dashboard, is an essential tool.</p>
</div>
</div>
</body>
</html>