Made an image with HTML and CSS tags!

Discussion in 'CSS' started by JEET, Jul 24, 2006.

  1. #1
    Hi,
    I made an image of a CUBE using HTML and CSS tags.
    The image is not created using any image editting software, but instead is a combination of different HTML and CSs tags. :)
    http://www.businessbazee.com/pic.html

    The CUBE should look something like:
    [​IMG]

    It displays perfect for me on IE6, but mozilla for some reason misses 2 top lines. Will try and fix this...

    It's just fun! :)
    I made a post on digg.com in design section...
    Bye
     
    JEET, Jul 24, 2006 IP
  2. ing

    ing Well-Known Member

    Messages:
    500
    Likes Received:
    38
    Best Answers:
    0
    Trophy Points:
    195
    #2
    I see the image fine in IE, but with FF I see letters.. Y, B, C, S in the boxes.
    Is that right?

    :)
     
    ing, Jul 24, 2006 IP
  3. JEET

    JEET Notable Member

    Messages:
    3,832
    Likes Received:
    502
    Best Answers:
    19
    Trophy Points:
    265
    #3
    Yes that's fine. I used letters in different "font-family" to create the shapes.
    In mozilla, I think one needs to download the font first, though the font is already on all windows computers...
    Bye :)
     
    JEET, Jul 24, 2006 IP
  4. Greg-J

    Greg-J I humbly return to you.

    Messages:
    1,844
    Likes Received:
    153
    Best Answers:
    0
    Trophy Points:
    135
    #4
    If you're interested, I have a C# project lying around here somewhere that takes an image and prints out the css/html to draw it with divs. Don't ask why. I had a perfectly good reason for it - I'm sure of it :)
     
    Greg-J, Jul 25, 2006 IP