Я сделала экстратоп и хотела, чтобы между ним и блоком с записями оставалось пространство. вот как тут:
Но потом я поставила код, для того, чтобы записи заезжали под картинку и зафиксировала меню. И вышло вот что:
Не могли бы вы подсказать, как сдела ть так, чтобы изначально все выглядело как на первом скрине, а при прокрутке только записи заезжали под картинку. Это возможно вообще? Я просто новичок
Вот код:
читать дальше#extratop { BACKGROUND:url('/userdir/2/7/8/2/278220/20484702.jpg') repeat-x; WIDTH: 100%; LINE-HEIGHT: 100% !important; HEIGHT: 350px }
a:hover{cursor:crosshair;}
body.left{padding-left:10px !important;}
.left #wrapper{width:840px;margin: 0 0 0 -420px !important;padding:0 !important;position:relative;left:50%;//left:49.5%;}
.left #side{width:180px !important;margin:0 !important;}
.left #page-c{width:650px !important;padding:0 !important;}
#diarySpiritLink{display:none}
#diarySupportLink{display:none}
#paySupportLink{display:none}
#allDiaryLink{display:none}
#faqLink{display:none}
#myStatLink {display:none}
#upInChart {display:none}
#postsCalendar {display:none}
#myFavLink {display:none}
#discussionLink {display:none}
#randomDiaryLink {display:none}
#rssLink {display:none}
#pchs li {height:15px; max-height:15px; overflow:hidden; overflow-y:hidden;}
#myDiaryLink {background:url('/userdir/2/7/8/2/278220/20410462.gif') no-repeat; padding:0 0 0 16px !important;}
#photolibLink {background:url('/userdir/2/7/8/2/278220/20977147.gif') no-repeat; padding:0 0 0 16px !important;}
#writeThisDiary {background:url('/userdir/2/7/8/2/278220/20410638.gif') no-repeat; padding:0 0 0 16px !important;}
#umailLink {background:url('/userdir/2/7/8/2/278220/20973311.gif') no-repeat; padding:0 0 0 16px !important;}
#myQuotLink {background:url('/userdir/2/7/8/2/278220/20973659.gif') no-repeat; padding:0 0 0 16px !important;}
#myLinksLink {background:url('/userdir/2/7/8/2/278220/20973679.gif') no-repeat; padding:0 0 0 16px !important;}
#myProfileLink {background:url('/userdir/2/7/8/2/278220/20975539.gif') no-repeat; padding:0 0 0 16px !important;}
#optionsLink {background:url('/userdir/2/7/8/2/278220/20975651.gif') no-repeat; padding:0 0 0 16px !important;}
#authorFav {background:url('/userdir/2/7/8/2/278220/20975539.gif') no-repeat; padding:0 0 0 16px !important;}
#authorQuot {background:url('/userdir/2/7/8/2/278220/20973679.gif') no-repeat; padding:0 0 0 16px !important;}
#authorLiks {background:url('/userdir/2/7/8/2/278220/20973659.gif') no-repeat; padding:0 0 0 16px !important;}
#authorAlbum {background:url('/userdir/2/7/8/2/278220/20410638.gif') no-repeat; padding:0 0 0 16px !important;}
#authorStats {background:url('/userdir/2/7/8/2/278220/20973311.gif') no-repeat; padding:0 0 0 16px !important;}
#authorRSS {background:url('/userdir/2/7/8/2/278220/20410462.gif') no-repeat; padding:0 0 0 16px !important;}
#side .bordered {border: none;}
.bordered { border: none; }
body{ background-attachment:fixed; }
.countFirstDate {text-align:center;}
.countSecondDate {text-align:center;}
.atMusic SPAN {display:block; width:60px; height:12px; line-height:500px; float:left; overflow:hidden; background: #ECD6FC url('/userdir/2/7/8/2/278220/20982519.gif') 2px 4px no-repeat;}
.atMood SPAN {display:block; width:60px; height:13px; line-height:500px; float:left; overflow:hidden; background: #ECD6FC url('/userdir/2/7/8/2/278220/20983059.gif') 2px 4px no-repeat;}
.addToQuote {background: url('/userdir/2/7/8/2/278220/20985239.gif') no-repeat; padding:0 0 0 20px !important; display:block; height:25px; }
.singlePost {background-image: url("/userdir/2/7/8/2/278220/20485342.jpg") !important;}
.menuSection {background-image: url("/userdir/2/7/8/2/278220/20485342.jpg") !important;}
.header span{color:#000000}
#mainpageLink a{font-weight: bold}
@темы:
фоновые картинки,
основные блоки
-
-
14.06.2007 в 11:07Зафиксируйте экстратоп.
-
-
14.06.2007 в 11:22-
-
14.06.2007 в 11:25Сделайте отступ у меню (padding-top: высота экстратопа (можно + 2-3 пикселя для красоты ^__^) px)
-
-
14.06.2007 в 12:04-
-
14.06.2007 в 12:11Не за что. Просто...логика.
-
-
14.06.2007 в 12:24#page-c{padding-top:350px}
-
-
14.06.2007 в 12:36Ваш код:
.left #wrapper{width:840px;margin: 0 0 0 -420px !important;padding:0 !important;position:relative;left:50%;//left:49.5%;}
.left #side{width:180px !important;margin:0 !important;}
.left #page-c{width:650px !important;padding:0 !important;}
Что должно получиться:
.left #wrapper{width:840px ;margin: 0 0 0 -420px !important; padding:0 !important; position: relative; left:50%; //left:49.5%;}
.left #side {width: 180px !important; margin: 0; padding-top: 350px !important;}
.left #page-c{width: 650px !important; padding-top: 0px !important;}
Вроде всё должно работать.
-
-
14.06.2007 в 12:50-
-
14.06.2007 в 12:54Умница. Принцип - главное! ^__^
Будут вопросы - пиши на юмейл.