Здравствуйте! У меня две проблемы:
1) экстрабатом не поднимается выше блока меню. Можно его как-то закрепить за #page-c?
2) Почему-то дизайн, который должен быть централизированным, на самом деле чуть сдвинут в лево. Сколько я не пыталась отыскать проблему в свем коде, у меня не получается. Может, вы подскажите?
Весь мой цсс body {margin: 15px; position: centre !important; background-attachment:fixed; }
#wrapper{width:670px; overflow:hidden !important; }
#extratop { background: url('/userdir/2/4/7/4/247477/71005648.png') no-repeat; width: 850px;height: 400px;}
#side {background: url('/userdir/2/4/7/4/247477/71003758.png') repeat; width:125px !important; margin-right: 130px; margin-top: 5px !important; text-align:center !important; position: relative !important; border: 2px dotted #b9a67c; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;}
.postInner { background: url('/userdir/2/4/7/4/247477/71052701.png') repeat; width:694px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;}
.paragraph {padding-top:10px !important; padding-bottom:10px !important; margin-left: 10px !important; margin-right: 10px !important; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#page-c {background: url('/userdir/2/4/7/4/247477/71002266.png') repeat; width:716px !important; padding:0 !important; margin:0 !important;}
#page-t {width:716px; margin:0 !important; !important; margin:0 !important; align:center;}
#commentsArea .postInner { width:585px !important}
#JournalComments .paragraph { position: relative; margin-left: 18px; padding-top:10px !important; padding-bottom:10px !important; padding-left: 10px !important; padding-right: 10px !important; }
#JournalComments .singlePost div.avatar, #JournalComments .singlePost div.sign {display: none;}
#JournalComments .singlePost .authorName {display: none;}
#JournalComments .singlePost div.paragraph {margin: 0 !important;}
#myStatLink,#authorFav, #favListLink, #pchListLink, #diarySpiritLink, #postsCalendar, #myCommunitiesLink, #iAmQuit, #photolibLink, #rssLink, #paySupportLink, #diarySupportLink, #faqLink, #topNav, #communityCatalogueLink, #diarySupportLink, #paySupportLink, #faqLink, #upInChart, #faqLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #randomDiaryLink, #allDiaryLink, #subscribeEmail, #delFromFav, #unsubscribeEmail, #communityCatalogueLink, #myProfileLink, #subscribeEmail {display:none}
#myDraftLink a {content: 'черновики';}
#authorQuot a {content: 'цитатник'; overflow: hidden;}
#authorAlbum a {content: 'альбом'; overflow: hidden;}
#writeToAuthor a {content: 'оставить записку'; overflow: hidden;}
#addToFav a {content: 'добавить в избранное'; overflow: hidden;}
#tagslistlink a {content: 'темы записей'; overflow: hidden;}
#albumLink a {content: 'альбом'; overflow: hidden;}
#myQuotLink a {content: 'цитатник'; overflow: hidden;}
#myDiaryLink b {content: 'journal intime'; overflow: hidden;}
#writeThisDiary a {content: 'оседлать пегаса'; overflow: hidden;}
#myFavLink a {content: 'любимчики'; overflow: hidden;}
#umailLink a {content: 'почта'; overflow: hidden;}
#myQuotLink a {content: 'цитатник'; overflow: hidden;}
#discussionLink a {content: 'обсуждения'; overflow: hidden;}
#optionsLink a {content: 'настройки'; overflow: hidden;}
#mainpageLink a {content: 'отложить дневник'; overflow: hidden;}
#addToFav a {content: 'подружиться(+fav)'; overflow: hidden;}
#delFromFav a {content: 'отписаться'; overflow: hidden;}
a:hover{cursor: crosshair;}
a:hover { color: #777777; cursor: crosshair;; font-family: Tahoma;}
a:hover {background:#a35c51;color:#ebe3d8; text-decoration:none;}
#side a:link,#side a:visited {cursor: crosshair; font-family: Tahoma;}
#side h1 A{color:#d2c399 !important; font-family:"Tahoma"; position: absolute; top:-362px; left: -58px; right: 20px; font-size:28px;}
#authorName { font-size:10px; font-weight: bold; font-size: 14px; color:#78732b; }
#extrabottom { background: url('/userdir/2/4/7/4/247477/71005343.png') no-repeat; position: relative !important; width: 716px;height: 50px; !important align: center}
@темы:
diaryCSS,
основные блоки
-
-
01.10.2011 в 23:48#page-c{width:928px !important; background: url('/userdir/1/5/7/4/1574422/71559016.png') repeat-y; margin: 0 auto !important; }
#wrapper{ min-width:0px!important; width:950px; margin: 0 auto !important;}
-
-
01.10.2011 в 23:56-
-
01.10.2011 в 23:59position: centre - такого не существует.
Для центрирования должно присутствовать:
Первый вопрос не понял.
-
-
02.10.2011 в 00:27Berthy, в вашем коде честно говоря черт ногу сломает )))) попробуйте подвинуть врампер вручную добавить например margin-left: 100px. Именно врампер отвечает за внутрености дневника и его положение. А вообще к ширине пейдж с надо плюсовать ширину меню и то число которое получится должно быть врампером то есть у вас оно должно быть 841.
-
-
02.10.2011 в 00:34А при чем здесь фон? Я так понял, что мы сдвигаем блоки. Все блоки находятся внутри блока #wrapper. Значит и его надо центрировать.
body { text-align: center; } - говорит о том, что все блоки, находящиеся внутри блока body будут центрированы. Этот момент необходим ибо не все браузеры понимают конструкцию типа: { margin: 0 auto; }.
Соответственно, эта конструкция тоже присутствует здесь: #wrapper{ width:670px; margin: 0 auto; text-align: left; }
Ну и text-align: left; - это возвращение к нормальному тексту...
-
-
02.10.2011 в 00:49здесь проблема с блоками в нормальных браузерах, а не в убитом ие, поэтому текст алигн тут вообще не катит никаким боком потому что он будет работать в нормальных браузерах так как ему и свойственно, двигать текст, а блоки будут стоять на месте
htmlbook.ru/css/text-align
-
-
02.10.2011 в 00:54-
-
02.10.2011 в 01:12-
-
02.10.2011 в 01:13-
-
02.10.2011 в 01:17-
-
02.10.2011 в 01:26Я сперва думала, что в моем коде есть какой-то перекрывающий перекрывающий тег.
Но ведь если первой строкой в боди прописать text-align да еще и position, да и еще и добавить импортант, то ведь наверняка должно заработать? А нет.
-
-
02.10.2011 в 01:34Сделайте вот как.. скопируйте весь свой код в отдельный тхт и начните все заново. поставьте это
body { text-align: center; background-attachment:fixed; }
#wrapper{width:670px; margin: 0 auto; text-align: left;}
#page-c {background: url('/userdir/2/4/7/4/247477/71002266.png') repeat; width:716px !important;}
#page-t {width:716px; }
и постепенно добавляйте по одному из пунктов из вашего тхт, походу дела правя какие то недочеты
Скорее всего сдвинется меню, правим выделеное жирным
#side {background: url('/userdir/2/4/7/4/247477/71003758.png') repeat; width:125px !important; margin-right: 130px; margin-top: 5px !important; text-align:center !important; position: relative !important; border: 2px dotted #b9a67c; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;}
насчет аватар
максимальный размер не самое удачное решение, это я на своем опыте уже понял потому что аватары 120х150 будут сжимать и честно говоря иногда из картинки получается нечто ужасное, и пугающее. Но можно это обойти уменьшая равноценно, то есть на 120х150 нужно ставить мах-width: 100px; max-height: 130px.
-
-
02.10.2011 в 01:44А что не работает? Можно как-то подробнее? А еще лучше скажите где Вы экспериментируете и что хотите получить.
Плыть может, например, из-за того, что у Вас что-то не то с размерами блоков.
-
-
02.10.2011 в 01:45Это гениально. Да, видимо, придется двигать боди\врапер вручную... Спасибо вам большое) Сегоденя уже не буду пробовать исправить, устала, но в успешности затеи не сомневаюсь
Извините за то, что пришлось покапаться в моейм очень таком э, сумбурном коде.
Можно я вас спрошу насчет аватаров позже? Сама еще не вникала в этот вопрос, поэтому не способна ни оценить ваш совет, ни задать умный вопрос.
-
-
02.10.2011 в 01:49-
-
02.10.2011 в 02:07-
-
02.10.2011 в 02:13