- This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
Viewing 3 posts - 1 through 3 (of 3 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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!
upload the CSS file and necessary images
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.