Can you do this with only CSS?

Discussion in 'HTML & Website Design' started by skillipedia, Jun 24, 2007.

  1. ICE_monky

    ICE_monky Peon

    Messages:
    95
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    do you mean the layout?
     
    ICE_monky, Jun 24, 2007 IP
  2. nwk

    nwk Well-Known Member

    Messages:
    385
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    158
    #3
    You mean the drawing shown in the media? It can certainly be done with HTMl and CSS but its gonna be a lot more bigger and confusing..
     
    nwk, Jun 24, 2007 IP
  3. ICE_monky

    ICE_monky Peon

    Messages:
    95
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    I just watched the video, and HOLY SHIOT!!! thats amazing. It can be done, but you need the following: unlimited supply of pizza and your choice of Coca Cola or mountain dew; and lots and lots of spare time on your hands
     
    ICE_monky, Jun 24, 2007 IP
  4. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #5
    Nothing can be done with ONLY CSS, you have to have SOME html for the CSS to manipulate.

    That said, it could probably not only be done, it theoretically be less code. You just stack your div's float left set to 1px height... you'd probably be best off inlining your CSS, though that really depends on your palette depth for the image and number of 'horizontal runs' that are the same pixel.

    In a way, it's very similar to my technique for doing rounded corners without images...
     
    deathshadow, Jun 24, 2007 IP
  5. x-noise

    x-noise Peon

    Messages:
    35
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    it can be done. here's something simpler, but in the same manner, done with css and html

    http://www.designdetector.com/demos/css-house-2.html
     
    x-noise, Jun 24, 2007 IP