|
View Full Version : Confuzzled Striped96 01-17-2006, 03:43 AM I know how iframes work and everything now. But i see that alot of sites have layouts based on backgrounds and stuff. I was wondering how do i get a layout like THIS (http://www.simpleplaninteractive.com) here? I really wanna know how to make those layouts ebcause they look more professional! I'm taking a while guess that they're CSS codes? I dont get css:scared: Owlie42 01-17-2006, 05:54 AM Actually, not really. So far as I can tell, this is made up of a background image (the black and white thing), and an image map. The only CSS you'd need (from my experience of doing these things) is absolute positioning and maybe some div stuff. (In addition to the basic stylesheet, if you choose to use one.) What I usually do is make the whole thing (main image included) as a single image in PSP, which I make into the background (in a stylesheet), then absolute position a transparent GIF over the top of my 'image map' text and use this as my invisible image map, then absolute position a div wherever I planned it. So... (to steal some of my own code: ) <html> <head> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> <div style="position: absolute; left:42px; top:10px;"> (image map coding) </div> <div style="position: absolute; left:42px; top:316px;"> (CONTENT) </div> </body> </html> You would just change the numbers in bold to whatever. The background you can add using HTML. *I used an external stylesheet here. I'm sorry if I'm being incoherent, but it's nearly 1 AM. :D Striped96 01-18-2006, 12:30 AM so you mean everything is made up of a background? I'm like a hard to understand person so im like reading your post over and over again to make myself understand it. So you put the whole image into a background? Striped96 01-18-2006, 12:40 AM oh i get it!!! So you just turn everything into a background and the columns are part of a background and i don't need to draw everything in just like half of it. And then i just post an invisible map overlapping the background? well, how do you make it transparent? Striped96 01-18-2006, 12:53 AM actually...do you know a tutorial on that?:scared: |