воскресенье, 05 апреля 2009
Прошу помощи.
Вопрос первый: Как выровнять экстработтом и блоки постов по центру страницы? Почему-то у меня все съезжает влево.
Вопрос второй: Не могу найти в сообществе, может, кто ткнет меня носом в нужную тему? Мне нужно, чтобы меню и название дневника было на картинке экстработтома.
Вот как это выглядит сейчас (картинка большая!):
А вот код:
много и беспорядочно#extratop { background: url("secure.diary.space/userdir/3/1/9/5/319559/40011...") 50% 50% no-repeat; height:400px; clear:both;}
#wrapper{ background:# ; padding:0 !important; width:900px; min-width:900px!important; margin:0 auto !important; overflow:hidden !important; position: relative !important}
#page-c {width:900px !important; padding:0 !important; padding:0 !important}
#page-t {margin:0!important}
.bordered, .menuSection {border: none !important;}
.postDate { border:1px solid #866b93; letter-spacing: 2px; font: normal bold 115% Verdana !important; padding:4px !important; text-transform: lowercase;}
#extratop { background: # no-repeat; width: 872px; height: 333px; }
#side h1 a{position:absolute; top: 440px; left:30px; font-size: 32px; color: #8a402d !important}
#wrapper{padding: none !important; min-width: 600px!important; width: 600px; margin: 0 auto !important; padding:0 !important; overflow:hidden !important; float: left;}
.singlePost, .singleComment { background: # ; margin: 30px 30px !important; padding: 0px !important; border: 1px solid #16591d !important; }
.postDate { background: url('/userdir/3/1/9/5/319559/37856069.jpg') !important; padding: 5px !important; }
.postTitle, .authorName { padding: 0px 10px !important; color: #643e07; }
.postContent, .postLinksBackg { padding: 50px !important; }
#thisDiaryInfo {background:url('/userdir/3/1/9/5/319559/40023803.jpg');background-repeat:no-repeat;background-position:top 100%; background-position: 100% 100%;}
#thisDiaryPhoto{height: 300px;}
#myDiaryLink A b {content:'К СЕБЕ'; color: #603c09}
#postsCalendar A b {content:'По датам'; color: #603c09}
#albumLink A b {display: none;}
#rssLink A b {display: none;}
#writeThisDiary A b {content:'Написать'; color: #603c09}
#umailLink - U-mail
#myFavLink - Избранное
#myQuotLink A b {content:'Цытатнег'; color: #603c09}
#discussionLink A b {content:'Обсуждения'; color: #603c09}
#myProfileLink A b {content:'Обо мне'; color: #603c09}
#optionsLink A b {content:'Настройки'; color: #603c09}
#myStatLink A b {content:'Статистика'; color: #603c09}
#photolibLink {display: none;}
#allDiaryLink {display: none;}
#mainpageLinkA b {content:'Главная'; color: #603c09}
#favListLink A b {content:'Я читаю:'; color: #603c09}
#pchListLink A b {content:'Меня читают:'; color: #603c09}
#communityCatalogueLink {display: none;}
#myCommunitiesLink {display: none;}
#randomDiaryLink {display: none;}
#diarySpiritLink {display: none;}
#diarySupportLink {display: none;}
#paySupportLink {display: none;}
#tagslistlink A b {content:'Темы'; color: #603c09}
#headlineList {display: none;}
#comments {display: none;}
#subscribe A b {content:'Подписаться'; color: #603c09}
#addToQuote A b {content:'Фцытатнег'; color: #603c09}
#postsArea {overflow: -moz-scrollbars-vertical; overflow-x: auto; overflow-y: auto; overflow: auto; height: 600px; }
.paragraph div:first-letter {font-size: 30px; float: left !important; float: none; font-family:Times New Roman; margin-right: 3px; color: #000000; line-height:100% !important; line-height:140%;}
body{background-color: # ; background: url('/userdir/3/1/9/5/319559/37483289.jpg') fixed no-repeat center;}
#side {font-weight: bold}
#bottomNav {display:none !important;}
#wrapper{min-width:900px !important; width:900px; margin: 0 #wrapper{min-width:850px!important; width:850px; margin: 0 auto !important; padding:0 !important; overflow:hidden !important}
#side {width:100% !important; margin:0 auto !important}
#page-c {width:100% !important; padding:0 !important; margin:0 !important}
#page-t {margin:0 !important; width:90% !important}
@темы:
текст,
меню,
эпиграф,
основные блоки
-
-
05.04.2009 в 12:04Может это из-за того, что он у вас два раза с похожими свойствами прописан?
-
-
05.04.2009 в 12:28-
-
05.04.2009 в 14:44#extratop {margin-top: 0px !important;}
-
-
05.04.2009 в 17:34А со вторым вопросом никак, да?
-
-
05.04.2009 в 17:47#extratop {margin-top: -10px !important;}
2. #side {position:absolute; top:числоpx !important;}
Абсолютное позиционирование элемента - от краев экрана. Т.е., в предложенном варианте меню будет отпозиционировано сверху (ну, например, если подставить вместо числа 10px, оно будет отступать от верхнего края на 10 пикселей и располагаться в самом экстратопе. Можно спустить его к низу экстратопа и т.д.
Можно поиграться с позиционированием от левого, правого и нижнего краев. В этом случае хватит, скажем, верхнего и, при желании, левого: {position:absolute; top числоpx; left: числоpx ;}
-
-
05.04.2009 в 19:19Сейчас будем пробовать
-
-
05.04.2009 в 19:24