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 9 of 9
  1. #1
    Junior Member PHPGurl's Avatar
    Join Date
    Apr 2010
    Posts
    11
    Member #
    21600
    Hey guys,
    I'm working on a website for a college and I've run into a small problem. The three divs on the center of my page won't line up! I tried to fiddle with the margins but it wont budge! Can anyone help me? I want the tops of #leftcontent, image1 and #sitemenu to line up horizontally.
    Link: http://student.mccinfo.net/bmwilliams1/home.html
    Someone please help me!

  2.  

  3. #2
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    Did you fix it? They look pretty close to me, maybe the left content could go down a tiny bit, margin-top:20px;. But the other two line up for me. Firefox 2.0, Vista

  4. #3
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    For whatever reason, it looks like #leftcontent's margin is pushing the other 2 elements down.

    Try encapsulating those 3 elements in a "wrapper" div. Put the margin on that outer div, and keep the inner elements with no top margin.

  5. #4
    Junior Member PHPGurl's Avatar
    Join Date
    Apr 2010
    Posts
    11
    Member #
    21600
    Quote Originally Posted by smoseley
    For whatever reason, it looks like #leftcontent's margin is pushing the other 2 elements down.

    Try encapsulating those 3 elements in a "wrapper" div. Put the margin on that outer div, and keep the inner elements with no top margin.
    OK, thanks for the reply, I tried this and now the left and right content match but the center image doesn't.
    http://student.mccinfo.net/bmwilliams1/home.html
    Should I try putting the image inside a div?

  6. #5
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    Which browser are you having trouble with?

    Edit: I see you have clear:left; for your sitemenu div which has float right. Maybe that is causing your problem. Which browser?

  7. #6
    Junior Member PHPGurl's Avatar
    Join Date
    Apr 2010
    Posts
    11
    Member #
    21600
    Well, it's rendering the same in both IE and Firefox now. Thank goodness for that at least!

  8. #7
    Junior Member PHPGurl's Avatar
    Join Date
    Apr 2010
    Posts
    11
    Member #
    21600
    OK, I finally found it what the problem was and fixed it. Now I have another quick question, How do you remove the blue border from images that have links attached to them? For instance, the image at the bottom of this page has a border around it because it's a link. http://student.mccinfo.net/bmwilliams1/

  9. #8
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    <style>
    a img {border: 0;}
    </style>

  10. #9
    Junior Member PHPGurl's Avatar
    Join Date
    Apr 2010
    Posts
    11
    Member #
    21600
    Awesome, thanks! You're such a helpful person. Hopefully, I can return the favor eventually.


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 07:48 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com