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 8 of 8
  1. #1
    Junior Member
    Join Date
    Jun 2009
    Posts
    4
    Member #
    19193
    hello im working on a site and i cant figure out where i have messed up the code. basically im looking for my "wrap" to encompass everything on the page and it seems to be stuck near the top. the wrap is grey on my page and i know no pictures are present right now. page can be found at www.allreadyproperty.com/newtest thank you for any help
    patrick

  2.  

  3. #2
    Senior Member
    Join Date
    Dec 2008
    Posts
    483
    Member #
    17875
    Liked
    1 times
    your code is extremely hard to read
    clean it up a bit, you might find whats wrong.

    USE <h1> - <h6> INSTEAD OF <font>!!!! and use css to style
    h1{font-size:12px;}
    h2,h3,h4{font-size:10px;} etc etc

    also use <p> <<paragraph tags instead of <div id="paragraph1"></div> <div id="paragraph2"></div>!!!!
    Also, marquee is really tacky.

    ANYWAYS: Get rid of the absolute positioning on images, float them left/right and this should have the same affect. Add clear:both; to your footerbg and get rid of position:absolute on footerbg

  4. #3
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    Patrick,

    What do you mean by "wrap"?

  5. #4
    Junior Member
    Join Date
    Jun 2009
    Posts
    4
    Member #
    19193
    sorry, i guess i changed the name from the div "main" in this one.
    i will try and clean it up and fix the recommendations, im very new to web design and trying teach myself by slowly working through it myself, so thank you for any pointers. any help would be greatly appreciated.
    thank you,
    patrick

  6. #5
    Senior Member
    Join Date
    Dec 2008
    Posts
    483
    Member #
    17875
    Liked
    1 times
    ANYWAYS: Get rid of the absolute positioning on images, float them left/right and this should have the same affect. Add clear:both; to your footerbg and get rid of position:absolute on footerbg

    ....this fixes your wrap issue.

  7. #6
    Junior Member
    Join Date
    Jun 2009
    Posts
    4
    Member #
    19193
    alright i think i figured out where i went wrong and i think i also corrected the issues aburningflame recommended. the new pages can be viewed at www.allreadyproperty.com i dont know if the code is any clearer to read though, i will read up on how to clean it up.
    thanks for any advice

  8. #7
    Senior Member
    Join Date
    Dec 2008
    Posts
    483
    Member #
    17875
    Liked
    1 times
    looks pretty clean, A LOT easier to read.

    quick little tips
    .left5{margin-left:5px;}
    .left10{margin-left:10px;}
    .top5{margin-top:5px;}
    .top10{margin-top:10px;}
    .right{float:right;}
    .left{float:left;}
    .clear{clear:both;}

    clear clears floated elements (thats why i told you to put clear:both) on your footer

    .right, .left can be used as such
    <img class="left" src="myImage.jpg" alt="My Image Description Good For SEO"/>

    You can also do this:
    img.right,img.left{
    padding:10px;
    border:1px solid #ccc;
    }
    This will add some padding and a little border around any floated images
    (Your images are a little close to your text)

    top5,top10 can be used for spacing
    <p>Test Test</p>
    <p class="top5">This paragraph will be 5px below the other paragraph</p>

    If your website isnt looking the way its supposed to:
    http://validator.w3.org/
    This is your first step

    Looks good, much better than what you had before, glad you got it figured out

  9. #8
    Junior Member
    Join Date
    Jun 2009
    Posts
    4
    Member #
    19193
    aburningflame,
    many thanks for you inputs, they have definatly helped me with this process having only used wysiwyg to make the website this has really helped me build this one from code. i will start going back through the pages tonight and adding the code and information you shared here today.
    thanks again for your input and comments
    patrick


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