Jump to content

JBall

Member
  • Posts

    151
  • Joined

  • Last visited

Posts posted by JBall

  1. Personally I'm not a fan of absolute positioning. I think its asking for trouble. I would put the whole site inside a div called #wrapper then use css for positioning. You have a misplaced

    tag as well. Cut and paste that whole tag in between your head tags.

     

    The footer is only 50px tall. In the style sheet you have it declared as 88px tall. Thats causing a gap.

  2. Well, don't follow me. I spew useless information all the time.

     

    The internet needs to be fun. I like social networks. I have rekindled several lost friendships over on FaceBook and have drawn several hundred dollars worth of freelancery off of MySpace. All while having fun in cyberspace. :D

  3. I like the footer being red and the smaller text. The rounded corners don't really fit nor do they add anything to the over all design. I think a soft wrapper shadow along both sides and the original header would fit great with your "Plain Vanilla" approach, add in Thelma and jlhaslip's suggestions and call it done.

     

    Just a foot note: I love the idea of Plain Vanilla Designs. I think that could be a real niche for you. I think realistically you could come up with two or three simple, yet classy designs and sell them over and over and over.

  4. Well, from a "Plain Vanilla" perspective I think you should lose the shadow completely. I also think the blue footer doesn't fit. It's the only blue spot on the page. You might try to incorporate the blue into the header or change the footer to black/red. The only other things I see is the text is just a bit too large and the dark text on the nav bar is hard to make out. The hover white really pops though.

     

    Just my two cents, make of it what you will. :D

  5. Is your image too big?

     

    ...central central? Maybe you meant center center.

     

     

    Would it be possible to post a link to your test site or post the full code here? It would make things a lot easier to diagnose. :)

  6. :lol:

     

    But I did not write it... typical internet stuff.

     

    PS. Orville has a new popcorn, at the bottom of a paper "tub". Nuke it in the Microwave and you have a tub of Popcorn just like in the movies :D, have not tried it yet... guess it will be a Netflix weekend with a season of "Norther Exposure," it should have a whole new meaning to us now :)

     

     

    I guess it may be "new" to Alaska. :rolleyes: We've had those around for a few years in the mid-west. Blockbuster used to sell them... Actually they might still. I haven't seen the inside of a Blockbuster in years...

  7. ...and...

     

    Is your style sheet in the same folder as your html? If not then your link path is wrong.

     

     

    Its also a good habit to only use lower case letters. (homepage.css instead of HomePage.css) But as long as that's consistent it shouldn't be causing your problem.

  8. I named my CSS file HomePage.css, and it turned into a default icon with Cascading Style Sheet written out underneath my title with the .css file extension missing, but why would the icon not be the standard wordpad page icon?

     

    Because by changing the extension to .css, you changed the type of file it is. Fundamentally it no longer is a wordpad page.

  9. OK.

     

    In Photoshop just create a new document that is 5px wide and however tall you want it. Then use the gradient tool (might be hiding under the paintbucket) to create your gradient.

     

    If you need help with that part THIS tutorial might be useful.

     

    Do the same for your footer image. Either make one wide image or a narrow image that is the right height for your footer.

     

    This CSS code is written with the assumption of a narrow image set to repeat for the footer. If you choose one wide image just remove "background-repeat:repeat-x;" from the #footer rules.

     

    As a note: Be sure to set a height and width for your footer.

     

    body {
       background-image:url(images/body_gradient.gif);
       background-color: #000000;
       background-repeat:repeat-x;
    }
    
    #footer {    
       height: 40px;
       width: 800px;
       background-image:url(images/footer.jpg);
       background-color: #000000;
       background-repeat:repeat-x;
    }
    
    

  10. @Ben

     

    Have you seen any negative side effects from this method, cross-browser? I only ask because of the mentioning of ie7 beta troubles in the comments below that trick. Not that I care much. At least not until ie7 in out of beta....

×
×
  • Create New...