Grow your CSS skills. Land your dream job.

Divison Layout Issues

  • # January 26, 2009 at 2:06 pm

    I’ve been working on this layout in my head for awhile and I started putting it together thinking I knew enough about css to do it, but I’m hitting road blocks all over the place. I want to use a photo realistic screen to emulate an old atari machine on a television. So i made the images and cut them up, I drew up a sketch of how i figured I would need to layout the divisions

    [img]http://dev.webbutter.net/politeAuthority/block.jpg[/img]

    the live project is at:
    http://dev.webbutter.net/politeAuthority/
    and the css file is
    http://dev.webbutter.net/politeAuthority/css/style.css

    The issues I’m having is getting the repeating sides to effectively encompass the entire side of the content window, as well as getting the bottom repeating border to work. Oddly enough I had no problem getting the top to work correctly, but when I applied similar attributes from the top to other repeats I got nothing. If anyone has any ideas I’d greatly appreciate hearing them! Thanks a lot!

    # January 28, 2009 at 5:28 am

    upload the CSS file and necessary images

    Rob
    # January 28, 2009 at 6:53 am

    You are using divs but I think you are thinking in tables too much.

    what I would do is just keep the image of the TV as one, as you dont want it to expand at all, then place things over the top and around it.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".