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.

Page 2 of 2 FirstFirst 1 2
Results 11 to 15 of 15

Thread: Sizes?

  1. #11
    Senior Member Shani's Avatar
    Join Date
    Nov 2004
    Posts
    1,140
    Member #
    8171
    I don't know of a way to make a border out of an image, but you can fake it w/ nested divs, the outer one w/ the background image and the inner one w/ a solid background color and a wee bit smaller.

    CSS:
    Code:
    #div1{
      width: 250;
      background: url(image.gif);
    }
    #div2{
      width: 240;
      position: relative;
      margin: auto auto;
    }
    HTML Code:
    <div id="div1">
      <div id="div2">all the cool stuff you want to tell people</div>
    </div>
    Shani

    I have an eye for detail like you'd never believe.

  2.  

  3. #12
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,830
    Member #
    5580
    Liked
    726 times
    I guess I mis-read the post ...


  4. #13
    Junior Member
    Join Date
    May 2006
    Posts
    27
    Member #
    13165
    Yes, adjust the widths for the <div> sections as defined ...
    And add a border to whatever <div> section you want.

    That's the whole point of having the .css file. It's there for you
    to define whatever things you want for each section.

    You might want to search Google for a tutorial, as the changes you
    want you need to make yourself ... to get it exactly the sizes and
    border colors you desire.
    I just need to know the code on how to change the widht of the center area where all my text is....

  5. #14
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,830
    Member #
    5580
    Liked
    726 times
    #center {
    background-color: #ffffff;
    font-family: Verdana, "MS Sans Serif", Geneva, sans-serif;
    font-weight: normal;
    padding: 0px 20px 0px 20px;
    width: 400px;
    font-size: 10pt;
    color: #000000;
    border-right: 1px solid #f7d794;
    border-left: 1px solid #f7d794;
    text-align: justify;
    float: left;
    }

    You can make it bigger. If the 3 widths (center-left, center, center-right) exceed
    the maximum width of your page, it will shift the sections, so if you make the number
    400 too much larger, make the other sections smaller to make-up for the difference.
    ... and you can adjust padding and all that.
    The padding values go like this:
    padding: top right bottom left;
    so, it's currently set as:
    padding: 0px 20px 0px 20px;


  6. #15
    Junior Member
    Join Date
    May 2006
    Posts
    27
    Member #
    13165
    Ohh thankyou! I woulda never found that without your help (im a bad proofreader =\ ) thankyou soo much =]


Page 2 of 2 FirstFirst 1 2

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 01:33 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com