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 5 of 5
  1. #1
    Junior Member
    Join Date
    Jan 2010
    Posts
    5
    Member #
    20969
    I just have a real simple layout... I have a blue background with some text over it (looks good).. But its just a jpeg. I was trying to insert just the blue background as a background in my style sheet so I can have real text written over it (for SEO purposes and load time) but it messes up everything on the page.

    http://tinyurl.com/yhoarlt

    Im not so good with this stuff (noooB) so any help would be awesome.

    Thanks

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    Holy <div> Batman!
    what are all those <div>'s for?


  4. #3
    Junior Member
    Join Date
    Jan 2010
    Posts
    5
    Member #
    20969
    I modified an existing layout and removed some content but left the divs

  5. #4
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    You create a horizontal image to make the curved corners,
    then a tall vertical image (repeated) for the background.

    Hard to explain, so I made a quick example using most of your code,
    and you can view the HTML and style.css to see the background stuff.

    My graphics aren't as good as yours, but you'll get the idea.

    http://www.catpin.com/nsr

    The vertical image is 1000 pixels tall X 10 pixels wide and repeats across.
    I made the #middle section 950 pixels high, overflow:hidden;

    Then, you have to define the font face, size, and color for <p>text</p>.
    Further, you can define areas within #middle to layout text, and those
    sections will have, background:transparent;

    Footer tweak to position it below that line ... misc tweaks.
    I would get rid of all unused <div>s, but you have what you have, so I just left it.



    .


  6. #5
    Junior Member
    Join Date
    Jan 2010
    Posts
    5
    Member #
    20969
    Thank you very much for the kind and knowledgeable reply. I understand what you are saying and I'll give it a shot when I get home later.

    ...appreciated


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