hi guys, I have 5 banners that I want to show with a 100 pixel gap between them, i cant seem to get the gap correct, I have read somewhere that it is wrong to use to many DIV's in a doc, is it exceptable to use one div per banner, and name each div1, 2,3 4,5 etc..? What I would like is to have 5 banners in vertical alignment, (placed beneath each other) - but i cant figure out the correct code for this, and I'd like all of them lined up 300 pixels from the left edge! I have attached a zip file of the code and 2 banners does anyone have any ideas please? Thanks for looking, DAE666.
<!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> <title>Display rollover demo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> * {margin:0; padding:0; border:0;} body {behavior:url(csshover.htc); background-color:#fff;} .video_selection {display:block; position:relative; width:468px; height:75px; margin:100px 0 0 300px;} .bannerimage {display:block; height:60px; width:468px;} p {position:relative; display:none; width:468px; height:15px; background-color:#ccc; font-size:11px; line-height:13px; font-family:Arial, sans-serif; text-align:center;} div:hover p, p:hover {display:block;} </style> </head> <body> <div class="video_selection"> <a href="#"><img src="images/kangoo.gif" alt="Renault" class="bannerimage" /></a> <p> Renault Advertising campaign 468x60 'Kangoo' </p> </div> <div class="video_selection"> <a href="#"><img src="images/kangoo.gif" alt="Renault" class="bannerimage" /></a> <p> Renault Advertising campaign 468x60 'Kangoo' </p> </div> <div class="video_selection"> <a href="#"><img src="images/kangoo.gif" alt="Renault" class="bannerimage" /></a> <p> Renault Advertising campaign 468x60 'Kangoo' </p> </div> <div class="video_selection"> <a href="#"><img src="images/kangoo.gif" alt="Renault" class="bannerimage" /></a> <p> Renault Advertising campaign 468x60 'Kangoo' </p> </div> <div class="video_selection"> <a href="#"><img src="images/kangoo.gif" alt="Renault" class="bannerimage" /></a> <p> Renault Advertising campaign 468x60 'Kangoo' </p> </div> </body> </html>