October 12, 200916 yr heres my html <img src="jonah.png" height="312" /> <div id="progress-bar"> <div id="progress-level"> </div> </div> <h1> Recent News</h1> <div style="height:300px;width:400px;font:16px/26px Georgia, Garamond, Serif;overflow:scroll;"> Just met with a new person. </div> and heres the image Basically i want the progress bar right after the Phase 1: The phase 1 and generosity are PNGS. Thanks for help!
October 12, 200916 yr I think we need the full page code. You should be able to raise the progress bar image with relative positioning or absolute positioning to layer it over the bottom of the PHASE 1: png image. http://www.wickham43.net/layers.php
October 12, 200916 yr Author Thanks man! One other question, i want to center the whole site inside the body tag but when i do text-aling:center it doesnt work because almost everything is text.
October 12, 200916 yr The usual method for centering a page is to use a wrap div around all your html markup:- <body> <div id="wrap"> ...all page content... </div> </body> and a style like this (choose a suitable width):- #wrap { width: ???px; margin: 0 auto; position: relative; } If you are using any position: absolute divs or elements inside the wrap div, you may need to edit the top and left positions as the position: absolute divs will now take their positions from the top left corner of the wrap div, not the top left corner of the screen (so when the wrap div centers in a large window, the position: absolute divs move with it, maintaining their positions inside.)
Create an account or sign in to comment