Кто чего-то желает-ищет возможность, кто не желает-ищет оправдание
Искала, искала, искала, но не нашла ответа на мучающий меня вопрос. Если я пропустила его (ответ), то прошу киньте ссылку.
А так вопрос заключается в следующем.
Я хочу сделать в меню также фоновую картинку как у каждого отдельного поста. Но почему-то не срабатывает ни код с картинкой
#side {background: url('/userdir/6/3/8/2/638216/41371973.png') !important;}
Ни код с цветом.
Картинка диза
А так вопрос заключается в следующем.
Я хочу сделать в меню также фоновую картинку как у каждого отдельного поста. Но почему-то не срабатывает ни код с картинкой
#side {background: url('/userdir/6/3/8/2/638216/41371973.png') !important;}
Ни код с цветом.
Картинка диза
#side {background: url('/userdir/6/3/8/2/638216/41371973.png'); width: 300px; height: 300px;}
!импортант вообще не нужен)
То есть не истинные размеры картинки, которая загружена в БИ?
Спасибо. Попробую.
#thisDiaryLinks, #thisDiaryOwner, #myDiaryLinks, #globalLinks, #pchs, #lastComments {background: url('/userdir/6/3/8/2/638216/41371973.png'); width: 119px; height: 100%;}
Фиг его знает, может сработает. А вообще, хорошо бы на Ваш код посмотреть, что ли....
body{margin:0; padding:0; background:#31283b url('/userdir/6/3/8/2/638216/41371985.jpg') repeat; background-attachment:fixed !important; font-family: Courrier New;}
#wrapper {min-width:777px!important; width:777px; margin: 0 auto !important; padding:0 !important; overflow:hidden !important;}
#page-c {width:777px !important; padding:0 !important; margin:150px 150 px !important; }
.menuSection {top:5px; position:relative; }
#side {background: url('/userdir/6/3/8/2/638216/41371973.png') width: 119px; height: 133px;}
#extratop {background: url('/userdir/6/3/8/2/638216/41372177.jpg') repeat; WIDTH: 100%; LINE-HEIGHT: 100%! important; HEIGHT: 457px; }
#more_login, #YaSearch, #pchs {display:none}
A:HOVER{color: #657fad; text-decoration: none;}
A{color: #ab6957;text-decoration: none;}
#side h1 a {left:155px;position:absolute;width:500px;font-size:20px !important; }
a:link, a:visited{color:#657fad; text-decoration: none !important;}
a:hover,a:active{color:#a35ab8; text-decoration: none; font-weight: bold;}
.postDate {font-size:100% !important; color: #c24545 !important; font-family: Verdana; }
.header span {font-size:80% !important; color: #c24545 !important; font-family: Verdana;}
.header h2 {font-family: Courrier New; font-size:160%; color: #bb966f !important; padding: 0px 0px 0px 5px; }
#page-c, #page-t, #postsArea, .singlePost, .singleComment {margin-bottom: 30px !important}
#epigraph {margin-bottom: 0px !important}
.singlePost, .postLinks, .singleComment, .singleComment {background: url('/userdir/6/3/8/2/638216/41371973.png') !important; }
#addCommentArea {background: #FFFFFF;}
.singlePost{padding-left:20px !important;}
.singlePost{padding-right:20px !important;}
.singlePost{padding-bottom:20px !important;}
.singlePost{padding-top:20px !important;}
.singleComment{padding-left:20px !important;}
.singleComment{padding-right:20px !important;}
.singleComment{padding-bottom:20px !important;}
.singleComment{padding-top:20px !important;}
.commentAuthor .avatar { margin:0px 0 10px; width:auto; max-width: 140px; }
.avatar, .avatarNew{ float:left; background: # no-repeat bottom right !important; background: no-repeat bottom right; margin: 10px 0 0px 10px !important; margin: 10px 0 0px 5px;}
.avatar img,.avatarNew img { display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; filter:alpha(opacity=100) !important;-moz-opacity:.95 !important;opacity:.95 !important;}
.avatar img:hover,.avatarNew img:hover { display: block; position: relative; background-color: #fffff0; border: 1px solid #898989; margin: -6px 6px 6px -6px; padding: 4px; filter:alpha(opacity=100);-moz-opacity:1.0 !important;opacity:1.0 !important; }
.blockquote { color: #000000; margin: 5px 28px 5px 28px; padding: 12px 14px 14px 14px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #009AB1; border-style: dotted; background: #D6D6D6; padding: 10px 10px 10px 15px !important; }
#msg_form {background: #332a3d !important;}
.pageBar {background: #D4D4D4 !important;}
#thisDiaryLinks ul, #thisDiaryLinks, #globalLinks ul, #globalLinks, #thisDiaryOwner ul, #thisDiaryOwner, #myDiaryLinks ul, #myDiaryLinks, #lastComments ul, #lastComments {background:#ffffff;}
#authorName {right: 35px; position:relative; }
#thisDiaryPhoto {right: 35px; position:relative; }
#side {background: url('/userdir/6/3/8/2/638216/41371973.png') width: 119px; height: 133px;}
После скобок нужно поставить ";"
#side {background: url('/userdir/6/3/8/2/638216/41371973.png') width: 119px; height: 133px;}
После скобок нужно поставить ";" спасибо.
А может иногда картинка экстратопа пропадать? Она у меня вдруг пропала
Но в экстратопе я бы сделал все проще
#extratop {background: url('/userdir/6/3/8/2/638216/41372177.jpg') no-repeat; width: ШИРИНА В ПИКСЕЛЯХ; height: ШИРИНА В ПИКСЕЛЯХ; }
Тут нужно все с самого начала написать, чтобы не мучаться. *facepalm* ох я столько мучилась, пока писала...
а с экстратопом вышло так, что в #wrapper прописан width картинки, а в самом #extratop ее height
И если все прописать в экстратопе...это будет нормально?...
А когда тогда исправить, чтобы в общем все было нормально
Спасибо