Page 1 of 2 12 LastLast
Results 1 to 10 of 17
  1. #1
    Join Date
    Apr 2008
    Posts
    7
    Plugin Contributions
    0

    Default Page Alignment problems

    Been trying to post, will not accept my posts....just testing again

    ok, now that it let me do it, I'll explain my issue...again...maybe this time it will take....been trying for 2 days...

    Ok, firstly, I'm new to PHP, but I can stare at code for a while and figure out what it does...with a little help. My issue is that on some (not all) of my product descriptions, the right side boxes (updates and search in this case) are being pushed out of alignment. This makes my page look all crappy, and I havent been able to find the solution in the forums. Here are examples:
    Working:
    http://www.fightandflight.com/index....products_id=18
    Broken:
    http://www.fightandflight.com/index....products_id=12
    I'm not quite competent with PHP and stylesheets yet, but with a little help, I can tweak the code. (after futzing it up a few times, but hey, thats how we all learn) I found that in the admin panel you can control the width of the left and right side boxes, but nothing for the middle, and I don't know where to begin in the code (there's a lot of it....quite intimidating). Any and all help would be appreciated.

  2. #2
    Join Date
    Dec 2006
    Location
    Seligman, MO U.S.A.
    Posts
    2,101
    Plugin Contributions
    5

    Default Re: Test

    F&F, it's those GIGANTIC images that's throwing everything out of whack. There's just not enough room in the center column to display them without pushing the whole right column over. Shrink those images about 100px in width, and everything should be just fine.

    Hope this helps.
    Teach them to shop and they will shop today;
    Teach them to Zen and they will OWN a shop tomorrow!

  3. #3
    Join Date
    Apr 2008
    Posts
    7
    Plugin Contributions
    0

    Default Re: Test

    wow....I was thinking on the issue too hard...easy fix...thanks, Get Em Fast! With some experimentation, I found I could do up to 375px wide, so I went with 350, just to be on the safe side.

  4. #4
    Join Date
    Dec 2006
    Location
    Seligman, MO U.S.A.
    Posts
    2,101
    Plugin Contributions
    5

    Default Re: Test

    Not a problem. That's what we're here for. By the way, you might STILL have something a little too wide, although I don't think it's your images, anymore. See the right side of your header? That white space shouldn't be there, and since the header image is only 740px wide, and your main wrapper is set to 750px, you're getting that white space. You make your header wider or you can find this section of code in your stylesheet.css:

    Code:
    #mainWrapper {
        background-color: #ffffff;
        text-align: left;
        width: 750px;
        vertical-align: top;
        border: 1px solid #9a9a9a;
        }
    and change the 750 to 740 to look like this:

    Code:
    #mainWrapper {
        background-color: #ffffff;
        text-align: left;
        width: 740px;
        vertical-align: top;
        border: 1px solid #9a9a9a;
        }
    Hope this helps.
    Teach them to shop and they will shop today;
    Teach them to Zen and they will OWN a shop tomorrow!

  5. #5
    Join Date
    Feb 2008
    Posts
    1,336
    Plugin Contributions
    1

    Default Re: Test

    Quote Originally Posted by Get Em Fast View Post
    Not a problem. That's what we're here for. By the way, you might STILL have something a little too wide, although I don't think it's your images, anymore. See the right side of your header? That white space shouldn't be there, and since the header image is only 740px wide, and your main wrapper is set to 750px, you're getting that white space. You make your header wider or you can find this section of code in your stylesheet.css:

    Code:
    #mainWrapper {
        background-color: #ffffff;
        text-align: left;
        width: 750px;
        vertical-align: top;
        border: 1px solid #9a9a9a;
        }
    and change the 750 to 740 to look like this:

    Code:
    #mainWrapper {
        background-color: #ffffff;
        text-align: left;
        width: 740px;
        vertical-align: top;
        border: 1px solid #9a9a9a;
        }
    Hope this helps.
    Just a random question:
    How can you guys know whats on the style sheet without looking at it.
    Iam just curious to know because iam fascinated by the job the Zenners do to help each other, But some of the masters are able to pull out code from the site that I can't even find althoug I have access to all the files on the server.

  6. #6
    Join Date
    Apr 2008
    Posts
    7
    Plugin Contributions
    0

    Default Re: Test

    OK, resized the banner... one other thing, since y'all are helping so awesomely... I put some text saying "please excuse our mess..." on the main page, and I hard-coded that into a file, now I can't remember where I did it. Any ideas?

  7. #7
    Join Date
    Dec 2006
    Location
    Seligman, MO U.S.A.
    Posts
    2,101
    Plugin Contributions
    5

    Default Re: Test

    Quote Originally Posted by Glamorousshoe View Post
    Just a random question:
    How can you guys know whats on the style sheet without looking at it.
    Iam just curious to know because iam fascinated by the job the Zenners do to help each other, But some of the masters are able to pull out code from the site that I can't even find althoug I have access to all the files on the server.

    It's all in the tools you use, Glamor. We all (the ones you're talking about) use FireFox browser with the Web Developer add-on. It not only lets you see ALL information on a site, but actually edit the css "on the fly". In other words, If I go to your site, I can not only view YOUR css, but I can edit it as well. Now when I edit it, it's not editing the css on your server, but just in my browser, so I can instantly see the changes taking place as I'm making them. Yea........I was excited, too, when I first found this out, so it's ok to scream out "COOL!!! I'VE GOT TO CHECK THAT OUT!!!!"

    Hope this answers your question well enough. If not, pm me and I'm sure we can have you set up in no time.
    Teach them to shop and they will shop today;
    Teach them to Zen and they will OWN a shop tomorrow!

  8. #8
    Join Date
    Dec 2006
    Location
    Seligman, MO U.S.A.
    Posts
    2,101
    Plugin Contributions
    5

    Default Re: Test

    Quote Originally Posted by fightandflight View Post
    OK, resized the banner... one other thing, since y'all are helping so awesomely... I put some text saying "please excuse our mess..." on the main page, and I hard-coded that into a file, now I can't remember where I did it. Any ideas?

    Nope. Sorry F, it's not on the main page. Maybe the "Down for Maintenance" page?
    Teach them to shop and they will shop today;
    Teach them to Zen and they will OWN a shop tomorrow!

  9. #9
    Join Date
    Apr 2008
    Posts
    150
    Plugin Contributions
    0

    Default Re: Test

    Quote Originally Posted by fightandflight View Post
    Been trying to post, will not accept my posts....just testing again
    Same problem here making a reply in another thread, so I thought I'd try a post here.
    What causes this difficulty in posting?

  10. #10
    Join Date
    Apr 2008
    Posts
    7
    Plugin Contributions
    0

    Default Re: Test

    Quote Originally Posted by Get Em Fast View Post
    Nope. Sorry F, it's not on the main page. Maybe the "Down for Maintenance" page?
    Its on the Index page. Just not sure what file its actually in. Looked in a bunch and can't find it.

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. Alignment problems
    By UnknownImp in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 20 Jan 2011, 11:44 PM
  2. Alignment Problems in IE7
    By lj20272 in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 20 Nov 2009, 03:43 AM
  3. Alignment problems in IE
    By rcallan515 in forum General Questions
    Replies: 3
    Last Post: 19 Sep 2006, 12:42 AM
  4. Alignment Problems
    By e-hol.co.uk in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 23 Jul 2006, 11:37 PM

Posting Permissions

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