SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Enthusiast
    Join Date
    Feb 2009
    Posts
    60
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Move the main content over to the left

    My test website: www.seemyinvestments.com


    I'm looking at the css file for the solution, but I'm having trouble catching it.

    Would anyone please take a look at the attach file, and tell me how I can reduce the size of the 'gray space' on the left-hand side of my test website?

    As you can see, I've reduced the width of the directory tree listed on the left with following the CSS:

    PHP Code:
    #ja-col1 {
        
    floatleft;
    /*    width: 24.99%;  gp  */
        
    width20%;
        
    padding-top10px;
        
    overflowhidden;

    Now I want everthing else shift to the left that amount too.

    Cheers.
    Attached Images Attached Images

  2. #2
    SitePoint Wizard bronze trophy Centauri's Avatar
    Join Date
    May 2007
    Location
    Newcastle, Australia
    Posts
    3,718
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The grey column is formed from background images (ala faux-column technique) and can be altered by changing the positioning in the styles.css file :
    Code:
    #ja-container {
    	background: url(images/c-bg1.gif) repeat-y 22% 0;
    }
    
    #ja-container2 {
    	padding: 20px 0;
    	background: url(images/c-bg2.gif) no-repeat 22% 0;
    }


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
  •