Тогда на большой диагонали пол рисунка не видно. background-image: url(images/fon.jpg); background-size: cover; background-attachment:fixed; background-repeat:no-repeat; У меня курсовая, мне надо сверстать самой :)/> Если бы вы мне подсказали, я была бы вам очень благодарна. Дело в том, что надпись я хочу сделать флешом, чтобы она появлялась, как пропись. из фотографий сделала слайд шоу. а вот с версткой, не могу сделать так, чтоб мне нравилось.(( <!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" /> <link rel="stylesheet" type="text/css" href="mysite.css"/> <script src="jquery-1.8.2.js" type="text/javascript"></script> <script type="text/javascript" src="script.js"></script> <title>Pegasus</title> </head> <body> <div id="conteiner"> <div id="header"> <div id="logo"> <img src="images/logo.png" alt="Логотип Pegasus" /></div> </div> <div id="menu"> О нас <br /> Услуги <br /> Фотогаллерея <br /> Контакты </div> <div id="content"> <div id="photos"> <img alt="Pegasus" class="show" src="images/2.jpg" /> <img alt="Pegasus" src="images/3.jpg" /> <img alt="Pegasus" src="images/4.jpg" /> <img alt="Pegasus" src="images/5.jpg" /> <img alt="Pegasus" src="images/1.jpg" /> </div> <br /><br /><br /> <p> Прогулки на карете и верхом </p> </div> </div> </body> </html> @charset "utf-8"; /* CSS Document */ * { margin: 0; padding: 0; border: 0; } /* html { overflow: hidden; }*/ body { color: #333333; font-family: Helvetica, Arial, sans-serif; background-image: url(images/fon.jpg); background-size: cover; background-attachment:fixed; background-repeat:no-repeat; min-width: 960px; } #container { width: 100%; margin: 0 auto; } #header { width: 100%; height:200px; } #logo { } #menu { padding: 50px 10px 100px 300px; width: 200px; float:left } #content { width: 560px; float:right } #photos img { position: absolute; border: 6px solid grey; border-radius: 7px; } #photos { width: 500px; height: 333px; overflow: hidden; } $(document).ready(function() { rotatePics(3); }); function rotatePics(currentPhoto) { var numberOfPhotos = $('#photos img').length; currentPhoto = currentPhoto % numberOfPhotos; $('#photos img').eq(currentPhoto).fadeOut(function() { // re-order the z-index $('#photos img').each(function(i) { $(this).css( 'zIndex', ((numberOfPhotos - i) + currentPhoto) % numberOfPhotos ); }); $(this).show(); setTimeout(function() {rotatePics(++currentPhoto);}, 3000); }); } ЗЫ: могу выслать и картинки :rolleyes:/>
