Список наград на странице профиля или в посте форума
|
|
[31] OKO [29.06.2012, 12:21] |
Странно. Может дело в браузере?.. У меня вот так отображается (обычный и увеличенный):
Вместо ширины в 95% поставил 200px, получилось это:
|
|
[32] likbezz [29.06.2012, 12:31] |
OKO, Да, похоже на то, в хроме не переносит ... без доктайпа ... |
|
[33] OKO [29.06.2012, 12:43] |
Мда, проверил через мозилу, работает А в хроме никак не получится, чтобы работало?.. |
|
[34] likbezz [29.06.2012, 12:44] |
OKO, А вот так если:
Стили: Code div.listawards{display:block;width:150px;margin:0 auto;text-align:center;} div.listawards noindex,div.listawards td{display:inline-block!important;float:left;background:transparent;}
Скрипт: Code <?if($AWARDS_READ_URL$)?> <div align="center" class="listawards" id="listawards$ID$">загрузка наград ...</div> <script type="text/javascript"> $('#listawards$ID$').hide(); $.get('/index/54-$UID$',function(d){ $('#listawards$ID$').html($('noindex',$(d).text().replace(/td/gi,'noindex'))).show(); }) </script> <?endif?> |
|
[35] likbezz [29.06.2012, 12:49] |
OKO, А в хроме никак не получится, чтобы работало?.. Прописать доктайп, например ) Тогда точно заработает) - в примере же работает - а так прописан доктайп. Или как написано выше. Через флоат и замену элементов.
Доктайп прописывают в ПУ » Общие натройки, там в самом низу есть поле для доктайпа, в него вставлять вот это: Code <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> И сохранить. |
|
[36] OKO [29.06.2012, 13:12] |
Сделал, в хроме тоже заработало, большое спасибо) Но после этого небольшая проблема на главной возникла, какие-то полоски в боковых блоках появились:
Высоту вместо 30px поставил 25px, полоска исчезла, но в мозиле теперь как будто обрезано (слева хром, справа мозилла):
Добавлено (29.06.2012, 13:12) --------------------------------------------- Хотя, в принципе, и так пойдёт) Просто непонятно, откуда эти полосы взялись Спасибо ещё раз)
Сообщение отредактировал OKO - Пятница, 29.06.2012, 13:08 |
|
[37] likbezz [29.06.2012, 13:14] |
OKO, Высоту вместо 30px поставил 25px, полоска исчезла, но в мозиле теперь как будто обрезано (слева хром, справа мозилла): Там не высотой регулировать нужно, а line-height: или поправить отступы - они складываются с высотой по разному. Или прописать box-sizing: border-box;
Почитайте, интересно: box-sizing Box model — блочная модель |
|
[38] OKO [29.06.2012, 13:48] |
Да, padding в одном месте не заметил, убрал, всё работает) Насчёт наград ещё небольшой вопрос, хотя это уже нельзя сделать, наверно: можно ли кол-во наград под картинками самих наград убрать? Проще говоре, все эти единички под наградами?
|
|
[39] likbezz [29.06.2012, 13:51] |
Проще говоре, все эти единички под наградами? Можно. Code div.listawards div{display:none;} |
|
[40] WOLFsergey [24.07.2012, 22:25] |
Вот поставил в профиль..делал и по центру..и дивом тоже, не становятса нормльно
код вот
Code <span id="listawards">Загрузка наград ...</span> <script type="text/javascript"> $('#listawards').hide(); // by UAWARDS.UCOZ.RU $.get('/index/54-$_USER_ID$', function(data){ data=$(data).text(); $('#listawards').empty().append($('td', data)).show(); })</script>
и при навидении фон зеленый..есть возможность что то изменить?
|
|
[41] likbezz [25.07.2012, 00:18] |
WOLFsergey, и при навидении фон зеленый..есть возможность что то изменить? http://likbezz.ru/forum/59-93-4927-16-1314256122 |
|
[42] WOLFsergey [25.07.2012, 02:39] |
likbezz, да я понял..я забыл кодик дать еще..ставил это
Code <style type="text/css"> #listawards{width:200px;} #listawards td{display:inline-block!important;background:transparent;} </style>
это пробовал не работает
Code <style> .myWinTD1 {background:none;} .myWinTD2 {background:none;} </style>
по разному пробовал.. потом поставил это
Code #listawards{display:block;width:95%;margin:0 auto;text-align:center;} #listawards td{display:inline-block!important;background:transparent;}
.myWinTD1 {background:#FFFFFF;} .myWinTD2 {background:#FFFFFF;}
фон не пропал..и не изменился не как..и в верх CSS и в низ ставил.. также фон и тут присудствует..но не такой как у меня..
он и на другом браузере (опера 12) был тоже..
поставил
Quote <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
тоже результатов 0
в хроме..вообще их нет в профиле..на форуме есть..фон немного выделяет..но это не смертельно.. Вот такая вот беда..вот что я подумал размер наград то разный..думаю из за этого перекос..но почему отступ у первой награды не понятно..что скажете likbezz!
|
|
[43] likbezz [25.07.2012, 03:55] |
WOLFsergey, <style type="text/css"> #listawards{width:200px;} #listawards td{display:inline-block!important;background:transparent;} </style> это пробовал не работает А так: Quote (Code) #listawards td{display:inline-block!important;background:transparent!important;}
Ничего не скажу, я вообще этого блока не вижу) |
|
[44] WOLFsergey [25.07.2012, 16:34] |
#listawards td{display:inline-block!important;background:transparent!important;}
И так тоже не работает..
Ничего не скажу, я вообще этого блока не вижу)
Ак в личку кинул.. |
|
[45] likbezz [25.07.2012, 17:32] |
WOLFsergey, А посмотреть какой класс отвечает за фон никак? Узнать класс и прописать нужные стили. Все просто.
У вас же в стилях к медали фон прописан: _http://homesims.ru/by_manucoz/style.css Quote (Code) #listawards td img { background: none repeat scroll 0 0 white; border: 5px solid #FFFFFF; margin-top: 1px; } #listawards td:hover img { background: none repeat scroll 0 0 #83C315; } - зеленый ... Уберите, что ли .. Вообще все вот это: Quote (Code) #listawards td img { background: none repeat scroll 0 0 white; border: 5px solid #FFFFFF; margin-top: 1px; } #listawards td:hover img { background: none repeat scroll 0 0 #83C315; } ... |
|