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
    New to the CF scene
    Join Date
    May 2012
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Tablecloth Background

    I'm attempting to make a tablecloth background out of pure css. I'm trying to make a set of red vertical lines, overlaying the white space of the
    background-color: #fff;
    I'd also like to make another set of red horizontal lines, the same color as the first set of lines. When each of the lines meet every other square, I'd like the red to intensify, and deepen in red.
    Essentially, I'm looking for something like this:

    The problem is, I'm not sure how to make repeating lines, or how to combine the colors of the lines in CSS.
    I'm attempting to build my background with the aid of webkits, and I program in XHTML 1.0 Strict.

  • #2
    New Coder
    Join Date
    Apr 2012
    Location
    Canada
    Posts
    13
    Thanks
    0
    Thanked 1 Time in 1 Post
    Like this?
    Take a look at the other patterns
    Last edited by Otterblue; 05-12-2012 at 05:09 AM.

  • Users who have thanked Otterblue for this post:

    Jaytheforth (05-12-2012)

  • #3
    New Coder
    Join Date
    May 2012
    Posts
    21
    Thanks
    0
    Thanked 3 Times in 3 Posts
    Try using the CSS opacity factor (e.g. opacity:0.5 ) as when the two lines will overlap the colors will intensify.

  • Users who have thanked bellcoder for this post:

    Jaytheforth (05-12-2012)

  • #4
    New to the CF scene
    Join Date
    May 2012
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Otterblue View Post
    Like this?
    Yeah, you're got the idea. I code in XHTML Strict, however, which makes the coding a bit different. I've been trying to reverse engineer that site's code, but I always manage to get tripped up with the differences and the lack of differences placed between the HTML and the Css.

    [QUOTE=Otterblue;1227290]Take a look at the other patterns
    Sure! I'll see if this can help me!
    By the way, do you write up to any standards? 4.01 Transitional, 4.01 Strict, XHTML 1.0 Strict, ect?

  • #5
    New to the CF scene
    Join Date
    May 2012
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by bellcoder View Post
    Try using the CSS opacity factor (e.g. opacity:0.5 ) as when the two lines will overlap the colors will intensify.
    Occupancy? That might help considerably. By the way, where might I put the occupancy tag?

  • #6
    New Coder
    Join Date
    Apr 2012
    Location
    Canada
    Posts
    13
    Thanks
    0
    Thanked 1 Time in 1 Post
    Quote Originally Posted by Otterblue View Post
    By the way, do you write up to any standards? 4.01 Transitional, 4.01 Strict, XHTML 1.0 Strict, ect?
    I try to when I can. I'm still learning. I just found that on the web.

  • #7
    New to the CF scene
    Join Date
    May 2012
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Otterblue View Post
    I try to when I can. I'm still learning. I just found that on the web.
    How long have you been in Css, and HTML?

  • #8
    New Coder
    Join Date
    Apr 2012
    Location
    Canada
    Posts
    13
    Thanks
    0
    Thanked 1 Time in 1 Post
    Quote Originally Posted by Jaytheforth View Post
    How long have you been in Css, and HTML?
    About a year? Maybe less. I've done programming before that.


  •  

    Posting Permissions

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