Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Feb 2009
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    *Simple* web site help.

    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.

  • #2
    New Coder
    Join Date
    May 2005
    Posts
    78
    Thanks
    3
    Thanked 0 Times in 0 Posts
    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.

  • #3
    New Coder
    Join Date
    Jun 2008
    Posts
    26
    Thanks
    0
    Thanked 0 Times in 0 Posts
    First tip, change your background so it doesn't repeat. DELETE this:

    Code:
    <body background="templatecolor.JPG">
    And ADD this in the HEAD tags:

    Code:
    <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:

    Code:
    <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/cs...le.php/3470391

    Hope that helps.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •