View Full Version : *Simple* web site help.

02-16-2009, 02:07 AM
I Created a quick page from front page and it is a very simple page, I am looking for a quick was to center it for people not running 1024 X 768.

The page looks perfect at that Res, but higher / lower res it looks different.

I am just trying to cover the most popular resolutions, maybe 1280 X 1024 800X 600 etc.

it doesn't need to be perfect, but just decent. I want to also keep it low tech, nothing major, no long loads and crap like that.

Anyone know of an easy way out?

I am thinking just make it fit to screen, or center it if necessary.

I am not a web developer, just someone looking for an easy fix.


Oh, the site is http://www.mk1dubz.com in case any of you want to take a peek.

thanks again.

02-16-2009, 02:51 AM
I would just center-align it using CSS, I'm pretty sure that should work.

Change this:
<style fprolloverstyle>A:hover {color: #4E05E4; font-family: Algerian; font-weight: bold}

To this:
<style fprolloverstyle>A:hover {color: #4E05E4; font-family: Algerian; font-weight: bold} body {text-align:center;}

I have no idea what the "fprolloverstyle" thing is, must be extraneous code added by frontpage.

02-16-2009, 03:14 AM
First tip, change your background so it doesn't repeat. DELETE this:

<body background="templatecolor.JPG">

And ADD this in the HEAD tags:

<style type="text/css">
background:url(templatecolor.JPG) no-repeat;

Second, your text is just floating, it's not positioned by the looks. If you want it in that box which you've got for the background, you need to position it. Here's a quick example:

<DIV style="position: absolute; top:100px; left:200px; width:400px; height:400px">100 from the top and 200 from the left</DIV>

All you need to do is position it in the correct place by changing the numbers, saving, and refreshing.

More about CSS positioning:

Hope that helps.