Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 8 of 8
  1. #1
    Regular Coder
    Join Date
    Aug 2003
    Posts
    565
    Thanks
    0
    Thanked 0 Times in 0 Posts

    background squared or not

    Hi,
    I am trying to achieve a background like the one you can see in the attachement .gif with little squares. Can it be done with CSS or should I make a .gif used in the bg? The color is #F5F5F5. Maybe that you will have to zoom to see what I am talking about.



    thanx
    Attached Thumbnails Attached Thumbnails background squared or not-squared.gif  

  • #2
    Regular Coder
    Join Date
    Aug 2003
    Posts
    565
    Thanks
    0
    Thanked 0 Times in 0 Posts
    re_posted the attachement with a zoom... sorry I should have done it in the first place.
    Attached Thumbnails Attached Thumbnails background squared or not-squared.gif  

  • #3
    Senior Coder
    Join Date
    Jun 2002
    Location
    paris, france
    Posts
    1,216
    Thanks
    0
    Thanked 0 Times in 0 Posts
    best would be to create a small gif file, only a few pixels wide, and either make a border half the size or the mine you want to achieve all around the image. or, just give a fulsize border to two adjacent sides. it shouldn't be to big to load
    photoshop too expensive? use the GIMP! www.gimp.org

  • #4
    Regular Coder
    Join Date
    Aug 2003
    Posts
    565
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thank for your answer I will use it if I don't have another choice. However I am almost pretty sure that it can be done without the gif solution... Maybe someone will check that htread and confirm my intuition .

    thanx again.

  • #5
    me'
    me' is offline
    Senior Coder
    Join Date
    Nov 2002
    Location
    Warwickshire, England
    Posts
    1,229
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I don't think so. It wouldn't be worth it anyway, probably around 5k of CSS to achieve what could be done with a 0.5k gif image.
    David House - Perfect is achieved, not when there is nothing left to add, but when there is nothing left to take away. (Antoine de St. Exupery).
    W3Schools | XHTML Validator | CSS Validator | Colours | Typography | HTML&CSS FAQ | Go get Mozilla Now | I blog!

  • #6
    Regular Coder
    Join Date
    Aug 2003
    Posts
    565
    Thanks
    0
    Thanked 0 Times in 0 Posts
    okay... thank for reply. How should I proceed to do this with .gif then?

  • #7
    me'
    me' is offline
    Senior Coder
    Join Date
    Nov 2002
    Location
    Warwickshire, England
    Posts
    1,229
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Well, cut your current picture up into a gif that's just small enough so that it will still tessalate properly, then:
    Code:
    body, html { background: #fff url(bg.gif) 0% 0% }
    David House - Perfect is achieved, not when there is nothing left to add, but when there is nothing left to take away. (Antoine de St. Exupery).
    W3Schools | XHTML Validator | CSS Validator | Colours | Typography | HTML&CSS FAQ | Go get Mozilla Now | I blog!

  • #8
    Regular Coder
    Join Date
    Aug 2003
    Posts
    565
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thanx a lot. I'll do it asap. If no new posts from it means that everything is working alright.


  •  

    Posting Permissions

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