|
View Full Version : Layout Coding Problem JessieMil42 09-14-2004, 01:51 AM I have this layout... I don't know how to code it. Its used using IFrames. Clicky> Layout (http://img.photobucket.com/albums/v89/JessieMil42/07.gif) can someone email me at JessieMil42@aol.com and help me? Thanks! Jessie pb&j 09-14-2004, 06:15 AM if you try to code it yourself to start off, we can guide you on how to get you going in the right direction to finish it out. Desten 09-15-2004, 05:43 AM I clicked on the layout but it didn't work.. MaGiCSuN 09-15-2004, 05:10 PM <html> <head> <title> your title here </title> </head> <body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0 background="BGIMGHERE.GIF" style="background-repeat: repeat-y;"> <img src="http://img.photobucket.com/albums/v89/JessieMil42/07.gif" border="0" style="position: absolute; left: 0px; top: 0px; z-index: 1;"> <div style="position: absolute; left: ##px; top: ##px; width: ##px; z-index: 2;">sidebar here</div> <div style="position: absolute; left: ##px; top: ##px; width: ##px; z-index: 2;">main content here</div> </body> </html> that's the main setup. You do need to make yourself a background that is about 4px height and 700 pixels width (width of the whole image). Just open your main image in your graphic program, click the selection tool and fill int he sizes. Click on the graphic and the selection will appear, drag it to the bottom of the image. Click ctrl+c and then ctrl+n for a new document. Then hit ctrl+v to paste and save it. Then replace BGIMGHERE.GIF with the background image filename. the rest is up to you. You need to replace all ##'s from the last two divs to numbers to position them right on the spot and you need to fill in a width so that they make 'two collumns' like on your graphic. Love, Mirna |