Система сама меняет изображение
Bastion
Сообщений: 50
Сообщение # 1 |
14:58:59
04 Мар 2016
Здравствуйте. Бился-бился с проблемой "самостоятельной" смены размеров изображений в модуле Новости сайта, все бестолку. Дизайн - Страница с новостью Каскадные стили:
.eBlock {border-spacing:0;margin:0 0 20px;padding:0 0 20px;border-bottom:2px solid #eceff3;clear:both;table-layout: fixed;} .eBlock + br {display:none;} .eBlock + table {margin:40px 0 0;border-spacing:0;} .eBlock + table td [width="60%"]{font-size:18px;padding:0 0 20px;font-family:'PT Sans';} .eBlock td {padding:0!important;} .eTitle {padding:0!important;font-size:25px;color:#5e6d81;font-family:'PT Sans';} .eTitle a {color:#5e6d81;text-decoration:none;} .eTitle a:hover {color:#1abc9c;} .eTitle div[style^="float:right"] a {font-size:inherit;} .eDetails,.eDetails1,.eDetails2{clear:both;font-size:12px;padding:7px 0!important;color:#939fae;margin:10px 0 0;line-height:170%;} .eDetails ul,.eDetails1 ul,.eDetails2 ul {line-height:normal;} .eBlock .eDetails,.eBlock .eDetails1,.eDetails2 {padding:7px 0!important;margin:10px 0 0!important;} .eDetails a,.eDetails1 a,.eDetails2 a {text-decoration:none;color:#939fae;} .eDetails a:hover,.eDetails1 a:hover,.eDetails2 a:hover,.eDetails .ed-value:hover,.eDetails1 .ed-value:hover,.eDetails2 .ed-value:hover {color:#1abc9c;} .e-category,.e-comments {background:url(/.s/t/1322/details.png) 0 -500px no-repeat;padding:0 0 0 20px;margin:0 10px 0 0;display:inline-block;line-height:15px;} .e-category:hover {background-position:-1000px -500px;} .e-reads,.e-loads,.e-author,.e-date,.e-rating,.e-add,.e-tags {background:url(/.s/t/1322/details.png) 0 0 no-repeat;padding:0 0 0 20px;margin:0 10px 0 0;display:inline-block;height:15px;line-height:15px;} .e-reads {background-position:0 0;} .e-reads:hover {background-position:-1000px 0;} .e-loads {background-position:0 -400px;padding:0 0 0 14px;} .e-loads:hover {background-position:-1000px -400px;} .e-author {background-position:0 -100px;padding:0 0 0 16px;} .e-author:hover {background-position:-1000px -100px;} .e-date {background-position:0 -300px;padding:0 0 0 20px;} .e-date:hover {background-position:-1000px -300px;} .e-comments {background-position:0 -200px;} .e-comments:hover {background-position:-1000px -200px;} .e-rating {background-position:0 -600px;padding:0 0 0 20px;} .e-rating:hover {background-position:-1000px -600px;} .e-add {background-position:0 -700px;padding:0 0 0 20px;} .e-add:hover {background-position:-1000px -700px;} .e-tags {background-position:0 -800px;padding:0 0 0 20px;} .e-tags:hover {background-position:-1000px -800px;} .ed-sep,.ed-title {display:none;} .eBlock td.eMessage,.eBlock td.eText {padding:10px 0 20px!important;} .eMessage,.eText {margin:0;padding:30px 0 10px!important;line-height:150%;text-align:justify!important;} .eMessage img,.eText img {max-width:100%;height:auto!important;float:left;margin:5px 20px 5px 0!important;border:none!important;} .eMessage p,.eText p {margin:0;padding:0 0 5px 0; overflow: hidden;} .eMessage,.eText,.cMessage {word-wrap: break-word;} .eBlock td.eMessage,.eBlock td.eMessage.eText {padding:20px 0 10px!important;} .pagesBlockuz1 b,.pagesBlockuz2 b,#pagesBlock1 b,#pagesBlock2 b,.plist b, .pagesBlockuz1 a,.pagesBlockuz2 a,#pagesBlock1 a,#pagesBlock2 a,a.pgSwch {display:inline-block;margin:2px 0;} .pagesBlockuz1 b,.pagesBlockuz2 b,#pagesBlock1 b,#pagesBlock2 b,.pgSwchA b {padding:3px 6px;background:#1abc9c;text-transform:uppercase;color:#fff;font-size:11px;} .pagesBlockuz1 a,.pagesBlockuz2 a,#pagesBlock1 a,#pagesBlock2 a,a.pgSwch {padding:3px;font-size:11px;color:#5e6d81;} .pagesBlockuz1 a:hover,.pagesBlockuz2 a:hover,#pagesBlock1 a:hover,#pagesBlock2 a:hover,a.pgSwch:hover {color:#1abc9c;} .cBlock1,.cBlock2 {background:#fff;border-bottom:1px solid #dbe1e8;margin:0!important;padding:5px!important;} #content .cBlock1,#content .cBlock2{padding:0 0 20px!important;margin:0 0 20px!important;} .commTable {background:#dbe1e8;padding:20px;} .cMessage {font-size:12px;line-height:130%;} .cTop {padding:0 0 15px 0;font-size:14px;} .cTop * {font-weight:normal;} .cAnswer {padding:5px 0 0 0;font-style:italic;color:#464646;font-size:11px;} .commTd1 {padding:5px 2px;width:20%;} input.codeButtons {min-width:30px;} .securityCode {} .eAttach {margin:10px 0;font-size:11px;color:#939fae;padding:0 0 0 15px;background:url(/.s/t/1322/attach.gif) 0 0 no-repeat;} .eRating {font-size:8pt;} .manTdError,.commError {color:#ff0000;} .commReg {padding: 10px 0;text-align:center;} a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:blue;} a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red;} a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;} .replaceTable {font-size:12px;padding:20px;border:none;background:#fff;} .legendTd {font-size:8pt;} .outputPM {border:1px dashed #ddd;margin:4px 0 4px 30px;} .inputPM {border:1px dashed #ddd;margin:4px 0;} .uTable {border-spacing:0;margin:0;padding:0;} .uTable td {padding:8px 10px;border-bottom:1px solid #dbe1e8;} .uTable td.uTopTd {border-bottom:none;background:#dbe1e8;} .eAttach .entryAttachSize {padding-left:4px;} .manTable {text-align:left;} .manTable .manTd1 {font-size:12px;line-height:14px;width:30%;} #casing.popuptable {margin:0;padding:0; background:#fff;} .popuptitle {background:#1abc9c;text-transform:uppercase;padding:13px 20px;color:#fff;font-size:16px;font-family:'PT Sans';} .popupbody {padding:20px;font-size:12px;color:#5e6d81;} .popupbody * {font-size:12px!important;} .popuptable table {text-align:left;color:#5e6d81;} .archiveEntryTitle ul {margin:2px 0;list-style:circle;} .archiveEntryTitle .archiveEntryTime {display:inline-block;padding:3px 5px;font-size:11px;background:#1abc9c;color:#fff;} .archiveEntryTitle .archiveEntryTitleLink {font-size:14px;text-decoration:none;color:#5e6d81;} .archiveEntryTitle .archiveEntryTitleLink:hover {text-decoration:underline;} .archiveEntryTitle .archiveEntryComms {font-size:11px;color:#939fae;} #uEntriesList .uEntryWrap {width:33.33%;padding:0 20px 20px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #uEntriesList .entryBlock {display:block!important;} #uEntriesList .uphoto {width:auto;display:block;margin:0;} #uEntriesList .photo-title {height:40px;line-height:40px;overflow:hidden;white-space:normal;} #uEntriesList .photo-block,#uEntriesList .photo-eblock {display:block;font-family:Tahoma,Geneva,sans-serif;font-weight:normal;padding:10px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;} #uEntriesList .ph-wrap,#uEntriesList .ph-tc {height:100%;width:100%;display:block;overflow:hidden;} #uEntriesList .ph-wrap img {display:block;padding:0;margin:0;border:none;width:100%;} #uEntriesList .ph-data {position:relative;top:50%;margin:-22px 0 0;} #photoModalWrap .fancybox-wrap,#photoModalWrap .fancybox-inner,#photoModalWrap .fancybox-outer {max-width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .user_avatar img {border:1px solid #dbe1e8;width:100px;padding:2px;} .cMessage .user_avatar img {width:50px;margin:0 10px 5px 0;}
В строке eMessage где стоит тег img попытался сменить размеры на auto, только в этом случае меняется весь дизайн на какашку какую-то. Помогите пожалуйста найти баг (в каскадных стилях я не копался без знания дела и точно не трогал оригинальный CSS по указанному вопросу. Материал с сайта где такой баг:
Сообщение отредактировал Bastion - Пятница, 04 Мар 2016, 15:33:03
Rostislav
Сообщений: 2396
Сообщение # 2 |
16:32:41
04 Мар 2016
Изображение изменяет свои размеры в зависимости от размера экрана, адаптируясь под него для более удобного просмотра. Это обусловлено тем, что у вас адаптивный шаблон. Убрать изменение размера можно в CSS найдите всего коды .eMessage img {xxx px;} для разных размеров экрана и просто удалите их, если не хотите, чтобы изображение подстраивалось под размер экрана.
Bastion
Сообщений: 50
Сообщение # 3 |
16:45:23
04 Мар 2016
Простите, моя вина в том, что я не смог выделить в своем вопросе главное: при добавлении новости, и прикреплении изображения я обнаруживаю то, что фото ставится не в моих размерах, а в одинаковых размерах на всех новостях. Пытаясь решить вопрос я пошел в ксс, там нашел указанную строку кода, начал править то что есть на wight=100 и height=100 (не обращать внимание на пропуск "орфографии кода"), и тут пошло все в лес: как только я жму сохранить, и обновляю сайт, то виду СОВСЕМ ДРУГОЙ ДИЗАЙН, номер которого даже не знаю, номер действующего дизайна 1111. Очень прошу, помогите, тут мистика какая то.
Сообщение отредактировал Bastion - Пятница, 04 Мар 2016, 16:49:57
Rostislav
Сообщений: 2396
Сообщение # 4 |
16:51:03
04 Мар 2016
Bastion , Цитата Bastion (
)
при добавлении новости, и прикреплении изображения я обнаруживаю то, что фото ставится не в моих размерах, а в одинаковых размерах на всех новостях.
За ширину изображений в новостях отвечает тот код в css, который я вам дал. Он задает размеры изображений. Чтобы работали ваши нужно эти стили убрать из css
Rostislav
Сообщений: 2396
Сообщение # 5 |
16:52:07
04 Мар 2016
Цитата Bastion (
)
Пытаясь решить вопрос я пошел в ксс, там нашел указанную строку кода, начал править то что есть на wight=100 и height=100 (не обращать внимание на пропуск "орфографии кода"), и тут пошло все в лес:как только я жму сохранить, и обновляю сайт, то виду СОВСЕМ ДРУГОЙ ДИЗАЙН, номер которого даже не знаю, номер действующего дизайна 1111.
Перед редактированием CSS нажмите на кнопку "Восстановить стандартный шаблон" в правом верхнем углу
Bastion
Сообщений: 50
Сообщение # 6 |
16:59:19
04 Мар 2016
При попытке убрать указанную строку ДИЗАЙН ВСЕГО САЙТА вот такой как на ссылке - резервную копию старого кода с неизменяемыми размерами изображения пока трогать не буду, вдруг кто поможетhttp://xcw.ucoz.ru/news....-27-901 Добавлено (04 Мар 2016, 16:59:19) --------------------------------------------- Сделал как Вы посоветовали, восстановил стандартный шаблон, однако вот результат http://xcw.ucoz.ru/news....-27-901
Rostislav
Сообщений: 2396
Сообщение # 7 |
17:43:36
04 Мар 2016
Bastion , Цитата Bastion (
)
Сделал как Вы посоветовали, восстановил стандартный шаблон, однако вот результат
Теперь у вас css стандартного шаблона 1111, который был у вас на сайте и при изменении кода в Управлении дизайном (CSS) будет изменяться стили элементов сайта без изменения на новый дизайн сайта.
Bastion
Сообщений: 50
Сообщение # 8 |
19:04:07
04 Мар 2016
Вот кусок ксс, покажите мне пожалуйста где нужно что поменять, чтобы не было как тут все время
.eBlock {margin:0 0 30px 0;padding:0;border-spacing:0;table-layout: fixed;} .eBlock td {padding:0!important;} .eTitle {padding:0 0 20px!important;margin:0 0 14px;font-size:20px;text-transform:uppercase;border-bottom:1px solid #8e989b;color:#273135;font-family:'CuprumReg';} .eTitle a {color:#273135;text-decoration:none;} .eTitle div[style^="float:right"] a {font-size: inherit;} .eDetails,.eDetails1,.eDetails2{clear:both;font-size:12px;padding:10px!important;color:#f2f2f2;background:#8d979b;margin:10px 0 0;} .eDetails a,.eDetails1 a,.eDetails2 a {color:#f2f2f2;} .eDetails a:hover,.eDetails1 a:hover,.eDetails2 a:hover {color:#273135;text-decoration:none;} .e-category,.e-comments {background:url(/.s/t/1111/details.png) 0 -500px no-repeat;padding:0 0 0 20px;margin:0 10px 0 0;display:inline-block;height:15px;line-height:15px;} .e-category:hover a,.e-comments:hover a {color:#273135;text-decoration:underline;} .e-category:hover a:hover,.e-comments:hover a:hover {text-decoration:none;} .e-category:hover,.e-comments:hover {background-position:-300px -500px;} .e-reads,.e-loads,.e-author,.e-date,.e-rating,.e-add,.e-tags {background:url(/.s/t/1111/details.png) 0 0 no-repeat;padding:0 0 0 20px;margin:0 10px 0 0;display:inline-block;height:15px;line-height:15px;} .e-reads:hover,.e-loads:hover,.e-author:hover,.e-date:hover,.e-rating:hover,.e-add:hover,.e-tags:hover {color:#273135;} .e-reads:hover a,.e-loads:hover a,.e-author:hover a,.e-date:hover a,.e-rating:hover a,.e-add:hover a,.e-tags:hover a {color:#273135;text-decoration:underline;} .e-reads:hover a:hover,.e-loads:hover a:hover,.e-author:hover a:hover,.e-date:hover a:hover,.e-rating:hover a:hover,.e-add:hover a:hover,.e-tags:hover a:hover {text-decoration:none;} .e-reads {background-position:0 0;} .e-reads:hover {background-position:-300px 0;} .e-loads {background-position:0 -400px;padding:0 0 0 14px;} .e-loads:hover {background-position:-300px -400px;} .e-author {background-position:0 -100px;padding:0 0 0 16px;} .e-author:hover {background-position:-300px -100px;} .e-date {background-position:0 -300px;padding:0 0 0 20px;} .e-date:hover {background-position:-300px -300px;} .e-comments {background-position:0 -200px;} .e-comments:hover {background-position:-300px -200px;} .e-rating {background-position:0 -600px;padding:0 0 0 20px;} .e-rating:hover {background-position:-300px -600px;} .e-add {background-position:0 -700px;padding:0 0 0 20px;} .e-add:hover {background-position:-300px -700px;} .e-tags {background-position:0 -800px;padding:0 0 0 20px;} .e-tags:hover {background-position:-300px -800px;} .eBlock .eDetails,.eBlock .eDetails1,.eDetails2 {padding:10px!important;margin:10px 0 0!important;} .eBlock td.eDetails,.eBlock td.eDetails1,.eBlock td.eDetails2 {padding:10px!important;border-bottom:1px solid #f2f2f2;} .eBlock td.eMessage,.eBlock td.eText {padding:10px 0 20px!important;} .ed-sep,.ed-title {display:none;} .eMessage,.eText {margin:0;padding:10px 0!important;line-height:150%;text-align:justify!important;} .eMessage img,.eText img {float:left;margin:5px 20px 5px 0!important;border:5px solid #fff!important;max-width: 100%;} .eMessage p,.eText p{margin:0;padding:0 0 5px 0;} .eMessage,.eText,.cMessage {word-wrap: break-word;} .eBlock td.eMessage,.eBlock td.eMessage.eText {padding:0 0 10px!important;} .entryReadAll {display:none;} .pagesBlockuz1 b,.pagesBlockuz2 b,#pagesBlock1 b,#pagesBlock2 b,.plist b, .pagesBlockuz1 a,.pagesBlockuz2 a,#pagesBlock1 a,#pagesBlock2 a,.plist a {display: inline-block;} .pagesBlockuz1 b,.pagesBlockuz2 b,#pagesBlock1 b,#pagesBlock2 b,.plist b {padding:4px 7px;font-weight:normal;color:#f2f2f2;font-size:11px;background:#0a8fcc;font-family:'CuprumReg';} .pagesBlockuz1 a,.pagesBlockuz2 a,#pagesBlock1 a,#pagesBlock2 a,.plist a {padding:4px 7px;font-size:11px;text-decoration:none;color:#f2f2f2;background:#8d979b;font-family:'CuprumReg';} .pagesBlockuz1 a:hover,.pagesBlockuz2 a:hover,#pagesBlock1 a:hover,#pagesBlock2 a:hover,.plist a:hover {text-decoration:underline;} .cBlock1,.cBlock2 {background:#fff;border-bottom:1px solid #cdd0d4;} #content .cBlock1,#content .cBlock2,.commTable{background:none;padding:20px 0 0;margin:15px 0 0;border-top:1px solid #cdd0d4;border-bottom:none;} .commTable {border-top-width:3px;border-color:#0a8fcc;} .cMessage {font-size:12px;line-height:130%;} .cTop {padding:0 0 15px 0;font-size:14px;text-transform:uppercase;font-family:'CuprumReg';} .cTop * {font-weight:normal;} .cAnswer {padding:5px 0 0 15px;font-style:italic;color:#273135;font-size:11px;} .commTd1 {padding:5px 2px;width:140px;} input.commFl,textarea.commFl,.prosFl,.consFl,#mchatNmF {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing: border-box;} input.codeButtons {min-width:30px;} .securityCode {} .eAttach {margin:10px 0; font-size:11px;color:#666;padding:0 0 0 15px;background:url(/.s/t/1111/attach.gif) 0 0 no-repeat;} .eRating {font-size:8pt;} .manTdError,.commError {color:#ff0000;} .commReg {padding: 10px 0;text-align:center;} a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:blue;} a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red;} a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;} .replaceTable {font-size:12px;padding:10px;border:none;color:#f2f2f2;background:#273135;} .legendTd {font-size:8pt;} .outputPM {border:1px dashed #ddd;margin:4px 0 4px 30px;} .inputPM {border:1px dashed #ddd;margin:4px 0;} .uTable {padding:0;background:#273135;} .uTable td {padding:3px 10px;background:#f2f2f2;} .uTable td.uTopTd {background:#8d979b;color:#3c424c;} .eAttach .entryAttachSize {padding-left:4px;} .manTable {text-align:left;} .manTable .manTd1 {font-size:12px;line-height:14px;} #casing.popuptable {margin:0;padding:0;background:#ecedee;border:1px solid #eee;color:#555;} .popuptitle {font-size:20px;border-bottom:4px solid #273135;background:#0a8fcc;padding:10px;text-align:center;color:#fff;text-transform:uppercase;font-family:'CuprumReg';} .popupbody {padding:20px;font-size:12px;color:#555;} .popupbody * {font-size:12px!important;} .popuptable table {text-align:left;color:#555;}