Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 5 of 5
  1. #1
    Senior Member
    Join Date
    Apr 2005
    Location
    Hatfield, England
    Posts
    855
    Member #
    9790
    OK its not as simple as what is the code. I mean position it as well.

    www.jasonstanley.co.uk/god/index

    I want it to be the width of the page and start just below the buttons.

    My problem is that i have 2 div's width wise, the content div and the "right" div.

    Is there a way i can do this or have a got to make a gif with transparent edges to slot it into position?

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,715
    Member #
    5580
    Liked
    717 times
    I don't fully understand the question ....

    "I want it to be the width of the page and start just below the buttons."

    What is "it"?


  4. #3
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,715
    Member #
    5580
    Liked
    717 times
    I see what you mean now ...

    Add this to your HTML (the bold lines):

    <div id="content">
    <div id="middle">
    <h1> Welcome! </h1>
    <p> This is the home page for the [GODs] Guards of Desimus clan. We are a dawn of war clan and currently play Winter assault. This clan is
    a fun, friendly and competitive clan. It is not a clan for rudeness, disrespect and, above all, cheating!</p>

    <p> If you wish to join, please fill out the application form located <a href="http://gods.frihost.net/form1.html">here</a></p>

    <p> If you wish to challenge us to clan match, please post <a href="http://guysondrugs.proboards46.com/index.cgi?board=recruits">here</a> </p>

    <p> Currently we are completing in <a href="http://www.esgl.net/files/league/league_members.php?tourdetid=128">this</a> gaming league </p>
    </div>

    <div id="right">
    <object data="http://www.shoutmix.com/box/guardsods/" width="150" height="400" type="text/html"></object>

    </div>
    </div>

    Then, add this to your .css file:

    #container {
    /* background-image:url(/images/background.jpg); */ (comment out or remove this line)
    postion:absolute;
    width:800px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    height: 100%;
    }

    #content {
    background-image:url(./images/background.jpg);
    postion:absolute;
    width:800px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    height: 100%;
    }


  5. #4
    Senior Member
    Join Date
    Apr 2005
    Location
    Hatfield, England
    Posts
    855
    Member #
    9790
    ah ok thx that helps a lot

  6. #5
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,715
    Member #
    5580
    Liked
    717 times
    Perad ...

    I found some more problems ... display with Firefox not working.
    Attached is the correct .css file (godstyle.css). You had some
    float:left; problems. It looks OK now in both browsers.

    --max--



Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 04:49 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com