Hello, I am quite new to web development, but I feel that I am moving along nicely with what I am building at the moment. Here is the streaming video website that I am putting together at the moment: www.testizzy.dyndns.org The page is divided into framesets. As of now I like the way that the framesets behave when I resize the whole page. The problem that I am having is with the first banner that I am trying to create right now. It exists in the lower left hand corner of the page. If I make the page too wide then the white background behind the banner appears. Is there a way to change this to black? Also, I'd like to be able to make the image appear centered when I widen the page. Afterwards, I was going to try to give the page a minimum size so that frame would never appear too small for the banner. Here is my index file containing my frames: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Testizzy</title> </head> <frameset rows="302,*" cols="*"> <frameset rows="*" cols="349,*"> <frame src="http://www.testizzy.dyndns.org/stream.html" scrolling="No" noresize="noresize" marginwidth="0" marginheight="0" id="stream" /> <frameset cols="289,289"> <frame src="UntitledFrame-12" id="content" /> <frame src="UntitledFrame-13" id="content" /> </frameset> </frameset> <frameset rows="*,83" cols="*"> <frame src="http://embed.mibbit.com/e/index.html?channel=%23testizzy" scrolling="No" noresize="noresize" id="chat" /> <frameset cols="466,467"> [B]<frame src="http://www.testizzy.dyndns.org/Elektron Banner.html" scrolling="No" noresize="noresize" marginwidth="0" marginheight="0" id="banner" />[/B] <frame src="UntitledFrame-16" id="banner" /> </frameset> </frameset> </frameset> <noframes><body> </body> </noframes></html> Code (markup): And here is the source html banner: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Untitled Document</title> </head> <body> <a href="http://www.elektron.se/" TARGET="_blank"> <IMG BORDER="0" SRC="http://www.testizzy.dyndns.org/Elektron Banner.jpg" alt="Elektron" ></a> </body> </html> Code (markup): Also, I am using Dreamweaver CS3 on OS X Leopard. Any suggestions at all much appreciated. Petar
On the page that has the logo, set its BODY element to have background color black, that should do it. Probably the easiest way to center it is to just use center tags around it, and give it a top margin in CSS to push it down a bit from the top of page.
Thanks man. I was able to make the background black, and I was also able to center the banner image thanks to your advice. Now I'm going to go over some tutorials so that I can make some good flash banners, and then I'll probably try and figure out how to make my website open to a minimum width. Thanks again.