dovrei spostare tutto e tutti i div a sinistra dello schermo..come si fa?
codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title> Stu Nicholls | CSSplay | An Active Photograph Gallery</title> <style type="text/css"> /* needed for IE to make :active state work first time */ a, a:visited {color:#000;} /* common styling for all galleries */ a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; float:left; margin:4px; z-index:50;} a.slidea {background:url(london/pic2.jpg);} a.slideb {background:url(london/thumb3.jpg);} a.slidec {background:url(london/thumb4.jpg);} a.slided {background:url(london/thumb5.jpg);} a.slidee {background:url(london/thumb6.jpg);} a.slidef {background:url(london/thumb7.jpg);} a.slideg {background:url(london/thumb8.jpg);} a.slideh {background:url(london/thumb9.jpg);} a.slidei {background:url(london/thumb10.jpg);} a.slidej {background:url(london/thumb11.jpg);} a.gallery em, a.gallery span {display:none;} a.gallery:hover {border:1px solid #fff;} /* styling for LEFT gallery */ #container_left {position:relative; width:600px; height:305px; background:#d1c8c3; border:1px solid #a49188; margin:1em auto;} #container_left img {border:0;} #container_left .thumbs {width:170px; position:absolute; left:0; top:0;} #container_left a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:265px; left:175px; padding:5px; font-style:italic; color:#fff; z-index:100;} #container_left a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;} #container_left a.gallery:active, #container_left a.gallery:focus {border:1px solid #000;} #container_left a.gallery:active em, #container_left a.gallery:focus em {display:block; position:absolute; width:402px; height:250px; top:5px; left:180px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;} #container_left h1 {clear:both; margin:0; padding-top:80px; padding-left:250px; width:300px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;} #container_left h1 em {font-size:0.6em; color:#000;} </style> </head> <body> <h3>Thumbnails at left</h3> <div id="container_left"> <div class="thumbs"> <a class="gallery slidea" href="#nogo">[img]pic2.jpg[/img]<span>LSE Square Photographs courtesy of stock.xchng</span></a> <a class="gallery slideb" href="#nogo">[img]london/pic3.jpg[/img]<span>Buckingham Palace Photographs courtesy of stock.xchng</span></a> <a class="gallery slidec" href="#nogo">[img]london/pic4.jpg[/img]<span>Tower Bridge Photographs courtesy of stock.xchng</span></a> <a class="gallery slided" href="#nogo">[img]london/pic5.jpg[/img]<span>Tower of London Photographs courtesy of stock.xchng</span></a> <a class="gallery slidee" href="#nogo">[img]london/pic6.jpg[/img]<span>Houses of Parliament Photographs courtesy of stock.xchng</span></a> <a class="gallery slidef" href="#nogo">[img]london/pic7.jpg[/img]<span>St. Paul's Cathedral Photographs courtesy of stock.xchng</span></a> <a class="gallery slideg" href="#nogo">[img]london/pic8.jpg[/img]<span>The London Eye Photographs courtesy of stock.xchng</span></a> <a class="gallery slideh" href="#nogo">[img]london/pic9.jpg[/img]<span>Albert Hall Photographs courtesy of stock.xchng</span></a> <a class="gallery slidei" href="#nogo">[img]london/pic10.jpg[/img]<span>Wandsworth Common Photographs courtesy of stock.xchng</span></a> <a class="gallery slidej" href="#nogo">[img]london/pic11.jpg[/img]<span>London Taxi Cab Photographs courtesy of stock.xchng</span></a> </div> <h1>Views of London</h1> </div> </body> </html>
Rispondi quotando
