this is the code for the part i want to centre:
HTML Code:
<div id="content">
<article id="storm-home">
<div><a href="#storm-dfx" class="home-create"> </a></div>
<div id="text-box1"><img src="img/text-block1.png" alt="text" width="940" height="25" /></div>
<div><a href="#service" class="home-create1"> </a></div>
<div id="text-box2"><img src="img/text-block2.png" alt="text" width="940" height="19" /></div>
<div><a href="#finger-pulse" class="home-create2"> </a></div>
<div id="text-box33"><img src="img/text-block3.png" alt="text" width="940" height="30" /></div>
<div><a href="#award-winning" class="home-create3"> </a></div>
<div id="text-box4"><img src="img/text-block4.png" alt="text" width="940" height="16" /></div>
<div><a href="#repack-service" class="home-create4"> </a></div>
<div id="text-box5"><img src="img/text-block5.png" alt="text" width="940" height="28" /></div>
<div><a href="#drop-line" class="home-create5"> </a></div>
<div>
<div id="text-box6"><img src="img/text-block6.png" alt="text" width="146" height="47" /></div>
<div><a href="#your-brand" class="home-create6"> </a></div>
</div>
This is the CSS for the storm-home id:
Code:
#content article { width: 940px; height: 550px;}
#storm-home,
#storm-dfx,
#service,
#finger-pulse,
#award-winning,
#repack-service,
#drop-line,
#your-brand{padding-top: 10px;}
#storm-home {position: absolute; top: 50%; margin-left:auto; margin-right:auto; vertical-align:text-top;}
#storm-dfx {position: absolute; top: 1090px;}
#service {position: absolute; top: 2180px;}
#content h1 {margin: 0 0 25px 0; font-size: 60px; font-family: arial; font-weight: normal; line-height: 65px;}
#finger-pulse {position: absolute; top: 3270px;}
#award-winning {position: absolute; top: 4360px;}
#repack-service {position: absolute; top: 5450px;}
#drop-line {position: absolute; top: 6540px;}
#your-brand {position: absolute; top: 7630px;}
Bookmarks