Ширина картинок в посте

[Yuna_Kairi]

Уважаемые мастера, здравствуйте еще раз.

Я несколько недель назад обращалась сюда и мне помогли, но сейчас снова столкнулась с такой же проблемой на другом дизайне(( Я хочу, чтобы все картинки, которые подгружаются в дневник по ширине не превышали 800 px, но код img {max-width:800px;} почему-то не работает...Что я делаю не так?
Помогите, пожалуйста!

#wrapper{padding:0 !important; width:800px; min-width:800px!important; float:center !important; margin-top:-10px !important; overflow:hidden !important;}
 #side {margin:0 !important; padding:0 !important;}
 #side .bordered {width:800px; background:#4f9fcd; height:38px; margin: 0 !important; padding:0 !important; position:absolute; top:276px; z-index:5;}
 #side li {float:left; display:block; padding-right:10px!important;}
 #page-c {width:790px !important;padding-right:5px !important;height:auto; margin:0!important}
 #page-t {margin:0!important}
 #page-c a {color:#efa48d;}
 #wrapper{overflow:hidden;}
 #side h1 a {display:block; width:397px; height:59px; line-height:300px; overflow:hidden; background: url('/userdir/1/4/4/3/144393/73986263.png') no-repeat; position:relative; top:-70px; left:5px; z-index:1 !important}
 #side h1 a:hover {display:block; width:397px; height:59px; line-height:300px; overflow:hidden; background: url('/userdir/1/4/4/3/144393/73986264.png') no-repeat; position:relative; top:-70px; left:5px; z-index:1 !important}
 #authorName {display:block; width:160px; height:65px; line-height:300px; overflow:hidden; background: url('/userdir/1/4/4/3/144393/73986257.png') no-repeat; position:relative; top:40px; left:-640px; z-index:1 !important}
 #authorName:hover {display:block; width:160px; height:65px; line-height:300px; overflow:hidden; background: url('/userdir/1/4/4/3/144393/73986261.png') no-repeat; position:relative; top:40px; left:-640px; z-index:1 !important}
 #thisDiaryInfo{ position: absolute; top: -165px; right: -365px; border: none; background-color: transparent; font-size: 100%; font-weight: normal; text-align: left; width: 500px; }
 #thisDiaryPhoto{ display: none; border: 5px solid #5cb0db!important;}
 #thisDiaryPhoto:hover {border: 5px solid #5cb0db!important;}
 #thisDiaryInfo:hover #thisDiaryPhoto{ display: block; position: absolute; left: -130px; margin-top: 10px; }
 body{background: url('/userdir/1/4/4/3/144393/73753124.jpg')}
 body{background-attachment: fixed;}
 #wrapper {background: url('/userdir/1/4/4/3/144393/54031763.png')}
 #extratop {background: #ffffff url('/userdir/1/4/4/3/144393/68200082.png') 0 0 no-repeat; height: 279px; width:100%;}
 .singlePost {height: auto !important; height: 1em; border: 0 !important;}
 #thisDiaryLinks, #globalLinks, #thisDiaryOwner, #myDiaryLinks, #lastComments, #pchs, h1{clear:none; float:left; display:block; width:170px; height:5px; margin:0!important; }
 #yaquery {color:#000!important;}
 #thisDiaryLinks ul, #globalLinks ul, #thisDiaryOwner ul, #myDiaryLinks ul, #lastComments ul, #pchs ul{ display:none; width:780px; padding:5px 10px; position:absolute;left:0; top:14px;}
 #lastComments ul li {float:left; width:300px!important; height:40px; border-bottom: 1px dotted #ffffff;}
 #lastComments:hover ul, #lastComments ul:hover, #pchs:hover ul, #pchs ul:hover, #globalLinks:hover ul, #globalLinks ul:hover, #thisDiaryOwner:hover ul, #thisDiaryOwner ul:hover #globalLinks:hover ul, #globalLinks ul:hover, #thisDiaryLinks:hover ul, #thisDiaryLinks ul:hover {display:block!important; z-index:10;}
 #myDiaryLinks, #myDiaryLinks ul {display:block;}
 #thisDiaryLinks ul {background:#99c2f1}
 #thisDiaryLinks {background: #99c2f1 no-repeat;}
 #globalLinks ul {background:#68c1f9;}
 #globalLinks {background: #68c1f9 no-repeat;}
 #thisDiaryOwner ul {background:#85c0f1}
 #thisDiaryOwner {background:#85c0f1 no-repeat;}
 #myDiaryLinks ul {background: transparent;}
 #myDiaryLinks {background: #b5ddf7 no-repeat;}
 #lastComments ul {background:#b5ddf7;}
 #lastComments {background: #b5ddf7 no-repeat;}
 #pchs, #pchs ul {background:#b5ddf7;}
 #paySupportLink, #diarySupportLink, #diarySpiritLink, #communityCatalogueLink, #randomDiaryLink, #upInChart, #NContent, #login_form, #allDiaryLink, #rssLink, #photolibLink, #faqLink, #albumLink, #Stats,#myProfileLink, #myLinks, #YaSearch, #myNotepadLink, #pchs li {display:none !important;}
 #TagsList {padding:0 !important; margin:0!important; position:absolute;left:0; top:7px;}
 #TagsList LI {border-bottom: 1px dashed #ffffff; display:block; height:15px; float:left; width:250px!important; margin-right:5px!important;}
 #TagsList LI A {padding:0 !important; }
 #thisDiaryLinks, #globalLinks, #thisDiaryOwner, #myDiaryLinks, #lastComments, #pchs{text-transform: lowercase}
 #thisDiaryLinks, #globalLinks, #thisDiaryOwner, #myDiaryLinks, #lastComments, #pchs {font-size:11px;}
 .bordered, .menuSection {border: none !important;}
 .commentAuthor .avatar { margin:0px 0 10px; width:0auto; max-width:200px; }
 a:link {text-decoration: none !important;}
 a:visited {text-decoration: none !important;}
 a:active {text-decoration: none !important;}
 a:hover,a:active{color:#ffffff !important}
 #page-c a {color:#ffffff;}
 #side a:hover,a:active{color:#bff8fc !important}
 span.quote_text {font-style:normal;color: #; font-size: 90%; display: block; margin: 7px;padding: 7px; border:1px dotted #cccd7f; }
 .postLinksBackg {display:block !important; border-bottom: 1px dashed #5c758b; margin-top: 10px !important; padding:10px 0 !important;}
 .commentAuthor .avatar { margin:0px 0 10px; width:0auto; max-width:200px; }
 .avatar, .avatarNew{ float:left; background: no-repeat bottom right !important; background: no-repeat bottom right; margin: 6px 0 0px 6px !important; margin: 6px 0 0px 6px;}
 .avatar img,.avatarNew img { display: block; position: relative; border: 1px solid #bfbfbf; margin: -6px 6px 6px -6px; padding:3px;}
 .avatar img:hover,.avatarNew img:hover { display: block; position: relative;border: 1px solid #98d8ed; margin: -6px 6px 6px -6px; padding: 3px;}
 .avatar img, .avatarNew img{ FILTER: Black; opacity: 0.7; -moz-opacity: 0.7; m: (this.onmouseover = new ("this.className = 'hover';")); }
 .avatar img.hover, .avatarNew img.hover{FILTER: none; m: (this.onmouseout = new ("this.className = '';")); }
 .avatar img:hover, .avatarNew img:hover{ opacity: 0.9; -moz-opacity: 0.9;}
 .singleComment .commentAuthor .avatar img{width: 100px !important;}
 .singlePost .avatar img{max-width: 100px !important;}
 .sign {color:#2c7d97; font-size:9px !important;}
 .atTag em, .atMood em, .atMusic em {font-style: normal;font-size:11px !important;color:#45869a;}
 #side h1 img {display: none}
 #globalLinks a:hover,a:active{color:#fff !important}
 a:hover {text-decoration: none; color:#84a2e6 !important; text-shadow: 2px 2px 6px #c2d3f9;}
 #wrapper {float:center !important;}
 #epigraph {padding-top:30px!important;}
 .offtop {font-size: 11px; font-family:Comic Sans MS; }
 .singlePost{padding-bottom:0px !important;}
 .singlePost{padding-top:20px !important;}
 .postLinksBackg {font-size:80%; font-family: Courier New;}
 span.quote_text {font-style:normal;color: #979797; font-size: 90%; display: block; margin: 7px;padding: 7px; border:2px dotted #b1d9e5; }
 .postDate, .header, #page-c a {text-transform:uppercase;}
 .postDate, .header {font-family: Trajan Pro; letter-spacing: 0.2em}
 img {max-width:800px;}
 

@темы: дневники, diaryCSS, Дизайн

Comments

[.Vozduh]

У меня всё работает... В лисе по крайней мере.

[Yuna_Kairi]

mahini, хм...я через гуглхром сижу, у меня они расползаюцца... ща попробую еще раз глянуть

[.Vozduh]

Yuna_Kairi, м? ))

[Yuna_Kairi]

mahini, короче странное дело -я натыкала этот код во все остальные дизайны - он отлично работает! но на том ,где стоит код от Тех - нифига...по крайней мере в гугл хроме(

[.Vozduh]

Yuna_Kairi, именно 800пх? Просто это много для данного диза. Там page-c 790пх. Попробуйте уменьшить размер, может вам кажется что не работает, так как 800 вылазит за границы ленты в ширину.

[Yuna_Kairi]

mahini, ммм, сейчас попробую, может быть я лох))) спасибо!