Results 1 to 5 of 5
  1. #1
    Join Date
    Nov 2006
    Location
    D?sseldorf
    Posts
    2,858
    Tokens
    2,256

    Latest Awards:

    Default Possible to do this in CSS?

    Okay, at the moment to make these boxes

    I have
    <container>
    <title> (class for title text)
    <line> (background image div with the '3 colour line')
    <body> (blue bit)

    Now, i'm wondering, if it's possible to merge the title and line divs so it would be
    <container>
    <title>
    <body>

    But is it possible to have a border-bottom with 3 colours?
    If so, how?

    Cheers
    Luke

  2. #2
    Join Date
    Sep 2009
    Location
    Hull
    Posts
    827
    Tokens
    0

    Latest Awards:

    Default

    If you need 3 colours, just put a bottom border on the top div, create a dive with 1px border and no spacing (this will become 2px height, obvs..) and put a top border on the bottom div

    Hope you understand.

    Lew.
    Im not here to be loved, I love to be hated :-}


  3. #3
    Join Date
    Mar 2007
    Location
    Kent
    Posts
    11,415
    Tokens
    787

    Latest Awards:

    Default

    You could use the title div and have the line has a background set so that'll it expand fully, and then custom the font.

    Quickest way top of my head.

  4. #4
    Join Date
    Nov 2008
    Location
    Cambridge, UK
    Posts
    901
    Tokens
    100

    Default

    Just do what you're doing atm. Do the line as a CSS background on a whatever height div though. Loading a 1 x 2 px tile is hardly intensive on the old bandwidth.
    we're smiling but we're close to tears, even after all these years

  5. #5
    Join Date
    Nov 2006
    Location
    D?sseldorf
    Posts
    2,858
    Tokens
    2,256

    Latest Awards:

    Default

    Hmm, think I'll just stick to it with an image then; was just wondering whether it was possible.
    And yeh, it's a 1 x 3 picture, wasn't worried about bandwith :L

Posting Permissions

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