Simple web site help.

silentdub

02-16-2009, 01: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.

Thanks

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

thanks again.

ikilledsanta

02-16-2009, 01: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}
</style>

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

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

Chris4

02-16-2009, 02: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">
body
{
background:url(templatecolor.JPG) no-repeat;
}
</style>

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:
http://www.tizag.com/cssT/position.php
http://www.w3schools.com/Css/css_positioning.asp
http://www.htmlgoodies.com/beyond/css/article.php/3470391

Hope that helps.

*Simple* web site help.

Simple web site help.