SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    Skills to Pay the Bills Sparkie's Avatar
    Join Date
    Jul 1999
    Location
    A cave with 47 computers and an internet feed
    Posts
    3,559
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Can this be done with CSS?

    Its possible to create table borders with dotted lines and borders, but is it possible to use an image for the border? If so, how is it done?

    Thanks much!
    Sherice

  2. #2
    morphine for a wooden leg randem's Avatar
    Join Date
    Jun 2002
    Location
    .chicago.il.us
    Posts
    957
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Not technically...

    However, you could create one DIV with the image background, and a padding value rather than the border size. Then, make your DIV or TABLE or whatever inside that, and assign a solid background to it, and the image from the parent will appear to be a border!
    ----Adopt-a-Sig----
    Your message here!

  3. #3
    Sultan of Ping jofa's Avatar
    Join Date
    Mar 2002
    Location
    SvÝ■jˇ­
    Posts
    4,080
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Re: Can this be done with CSS?

    CSS can only control border-width, border-style and color

    You can create a 3x3 table around the table and set the background attribute (or css property background) for the 8 "border" td elements to an image
    NB! the td background attribute isn't standard, some browsers will ignore it

  4. #4
    Skills to Pay the Bills Sparkie's Avatar
    Join Date
    Jul 1999
    Location
    A cave with 47 computers and an internet feed
    Posts
    3,559
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Can you write or show me an example, please? (That's how I learn )

    Thanks
    Sherice Jacob - Web Improvement Expert
    Improve Website Conversions | eBook Covers
    Follow Me on Twitter!

  5. #5
    morphine for a wooden leg randem's Avatar
    Join Date
    Jun 2002
    Location
    .chicago.il.us
    Posts
    957
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Code:
    <div style="background: #000 url(whatever.gif) repeat; padding: 4px;">
      <div style="background: #FFF;color:#000;">...<br>blah blah blah<br>...</div>
    </div>
    ----Adopt-a-Sig----
    Your message here!

  6. #6
    SitePoint Enthusiast
    Join Date
    May 2002
    Posts
    90
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Actually guys you can have a dotted border here's the code

    table.borderb { border: #6699cc; border-style: dashed; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

    this is an example I just used on a project check out my example

    http://www.sportys.com/pilotspal

    I think you can replace "dashed" with "dotted"

  7. #7
    morphine for a wooden leg randem's Avatar
    Join Date
    Jun 2002
    Location
    .chicago.il.us
    Posts
    957
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by willmullis
    Actually guys you can have a dotted border here's the code...
    That's great, but he already knew how to do that. Go back to the top and re-read the first post.
    ----Adopt-a-Sig----
    Your message here!

  8. #8
    Skills to Pay the Bills Sparkie's Avatar
    Join Date
    Jul 1999
    Location
    A cave with 47 computers and an internet feed
    Posts
    3,559
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm a she

  9. #9
    morphine for a wooden leg randem's Avatar
    Join Date
    Jun 2002
    Location
    .chicago.il.us
    Posts
    957
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by Sparkie
    I'm a she
    Sorry, Sparkie!
    ----Adopt-a-Sig----
    Your message here!


Bookmarks

Posting Permissions

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