Results 1 to 6 of 6

Thread: Any1 know how to do this....>>??

  1. #1
    Join Date
    Oct 2007
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Any1 know how to do this....>>??

    I wan to solve my web page emelent to display all at center page... if not the element will be display diffrent size at diffrent screen resolution..

    I see this http://www.letssingit.com/ the layout is near my example... anyone know how to how such of this page background....? it make all emelent at center page... and the border got shadows 1..?

  2. #2
    Join Date
    Aug 2005
    Location
    Other Side of My Monitor
    Posts
    3,494
    Thanks
    5
    Thanked 105 Times in 104 Posts
    Blog Entries
    1

    Default

    It is done with CSS and *shudder* tables. Instead of tables use DIV.

    View the source code to see what is going on (more than needs to thats for sure)
    {CWoT - Riddle } {Freelance Copywriter} {Learn to Write}
    Follow Me on Twitter: @InkingHubris
    PHP Code:
    $result mysql_query("SELECT finger FROM hand WHERE id=3");
    echo 
    $result

  3. #3
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    1. use a more descriptive title
    2. before submitting spell check the post
    3. this is some css done on the body of the page and the rest of the child elements.
    Please post a url to the problematic code for us to help you troubleshoot

    if your site is not online, use the [code] tags to post the code here

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    There are many ways to get that centered look. One of the best is to use at least an HTML 4.01 transitional DOCTYPE with valid URL as the first thing on your page in its source code:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
    Once you have that, you can use a container division of the desired width:

    HTML Code:
    <body>
    <div id="container">
    
    your content here
    
    </div>
    </body>
    around your content and style it like so:

    Code:
    #container {
    width:775px;
    margin:0 auto;
    }
    Use whatever width you like.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  5. #5
    Join Date
    Oct 2007
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I see the source code already... but I don't know why the border have shadow effect... who can tell me where is the shadow come from...

  6. #6
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    The shadow effect comes primarily from:

    http://img.letssingit.com/images/body_schaduw_left.gif

    and:

    http://img.letssingit.com/images/body_schaduw_right.gif

    applied to (probably cells on) the left and right sides of the container respectively, as background images.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

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