Чат сообщества
Архив - только для чтения |
| Сообщество uCoz Архивариус Архив Архив темы: Дизайн решение вопросов |
| Архив темы: Дизайн решение вопросов |
|
Есть две большие проблемы на сайте http://online-catalog.ucoz.net/. Большие для меня, потому что я не знаю, что делать.
Первая проблема заключается в том, что баннер имеет небольшой отступ от меню, а мне нужно, чтобы он был неотделим от меню:  Вот код HTML: Код <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <META NAME="Description" CONTENT="Shop-Gid.kg - онлайн-каталог товаров и услуг Кыргызстана"> <META NAME="Keywords" CONTENT="ювелирные изделия, мужская одежда, женская одежда, детская одежда, электроника, гаджеты, электронные книги, автозапчасти, бытовая техника, стройматериалы,"> <title>Shop-Gid.kg - онлайн-каталог товаров и услуг Кыргызстана</title> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> <?if($MODULE_ID$='shop')?> <!--[if lte IE 8]> <style type="text/css"> .shop-item {padding-right:15px;} </style> <![endif]--> <?endif?> <script type="text/javascript">var homeurl="$HOME_PAGE_LINK$";var urlid="page-$PAGE_ID$";var modid="mod-$MODULE_ID$";</script> </head> <body> $GLOBAL_AHEADER$ <div id="casing"> <div class="wrapper"> <?if($MODULE_ID$='forum')?><section><?endif?> <!-- <middle> --> <aside> <script type="text/javascript" src="http://online-catalog.ucoz.net/rtr/3-6"></script> <div id="sidebar"> $GLOBAL_CLEFTER$ </div> </aside><section> <div id="content"> <div id="slideshow"> <script type="text/javascript" src="http://online-catalog.ucoz.net/rtr/1"></script> </div> </div> <div id="content"> <h2><!--<s4623>-->Новинки<!--</s>--></h2><hr class="big-hr"/> $MYINF_2$ </div> <div id="content"> <h2><!--<s4623>-->Популярное<!--</s>--></h2><hr class="big-hr"/> $MYINF_3$ </div> <div id="content"> <h2><!--<s4623>-->Бестселлеры<!--</s>--></h2><hr class="big-hr"/> $MYINF_4$ </div> </section> <section> <div id="content"> </div> </section> <!-- </middle> --> <?if($MODULE_ID$='forum')?></section><?endif?> <div class="clr"></div> </div> </div> $GLOBAL_BFOOTER$ <script type="text/javascript" src="/js/ui.js"></script> <script src="http://webuilder.info/Demo/Craftyslide/craftyslide.min.js"></script> <script> $("#slideshow").craftyslide({ 'width': 687, 'height': 400, 'pagination': false, 'fadetime': 700, 'delay': 7000 }); </script> </body> </html> Код картинки: Код <script type="text/javascript" src="http://online-catalog.ucoz.net/rtr/3-6"></script> CSS: Код .sidebox{padding:0 0 20px 0; background: none repeat scroll 0% 0% rgb(255, 255, 255); background-color: rgb(255, 255, 255); background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; background-clip: border-box; background-origin: padding-box; background-size: auto auto;padding: 15px; padding-top: 15px; padding-right-value: 15px; padding-bottom: 15px; padding-left-value: 15px; padding-left-ltr-source: physical; padding-left-rtl-source: physical; padding-right-ltr-source: physical; padding-right-rtl-source: physical; position: relative; }} .sidebox .inner {padding:10px 0;} .sidetitle {color:#333;font-size:18px;padding:0 0 10px 0;font-family:'Lobster';background:url(/img/hr-hor.png) 0 bottom repeat-x;} .sidebox ul {list-style-type:none;margin:0;padding:0;z-index:10;} .sidebox ul li,.sidebox .catsTd {padding:3px 5px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;} .sidebox .odd {background:#ccc url(/img/li-bg.png);} .sidebox li a,.sidebox .catsTable td a {color:#444;text-decoration:none;padding:0 0 0 15px;background:url(/img/bullets.png) 0 4px no-repeat;} .sidebox li a:hover,.sidebox .catsTable td a:hover,.sidebox .catsTable td a.catNameActive,.sidebox li a.current-item {color:#8c2800;background-position:-600px 4px;} .sidebox .catNumData {color:#777;font-size:9px;} .sidebox .calTable{width:100%;} .calTable td {text-align:center;padding:5px 3px;} .calTable td a {font-weight:bold;text-decoration:underline;} .calTable td a:hover {text-decoration:none;} .calTable .calWday,.calTable .calWdaySe,.calTable .calWdaySu {font-weight:bold;border-top:1px dotted #aaa;border-bottom:1px dotted #aaa;} .calTable .calMdayA,.calTable .calMdayIsA {color:#fff;background:#008e8a;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} .calTable .calMday,.calTable .calMdayIs{} .calTable .calMdayIsA a {color:#fff;} .sidebox ul ul {margin:0 0 0 196px;background:#ccc url(/img/li-bg.png);border:1px solid #e8e8e8;border-bottom:none;} .sidebox ul li ul ul {margin:0 0 0 180px;} .sidebox ul li li,.sidebox ul li li.odd {background:none;padding:0;border-bottom:1px solid #e8e8e8;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} .sidebox ul li li a {background:none;color:#555;line-height:normal;height:auto;font-size:11px;white-space:normal;padding:8px 10px;} .sidebox ul li li a:hover,.sidebox ul li.item-hover li a,.sidebox ul li li a.current-item {background:none;color:#555;} .sidebox ul li li a:hover {color:#444;} .sidebox ul.ut-menu li a .item-arrow {display:none;} .sidebox .multicolumn > li {border-color:#e8e8e8;} .sidebox iframe {border:1px solid #bbb;} .sidebox .answer {padding:5px 0 0 0;} .sidebox input.mchat {max-width:188px;} .sidebox textarea.mchat {max-width:150px;} .sidebox .loginField {max-width:130px;} #content {float: right; width:735px; background: none repeat scroll 0% 0% rgb(255, 255, 255);background-color: rgb(255, 255, 255); background-image: none; background-repeat: repeat;} #content .calTable td {padding:0px; background-attachment: scroll; background-position: 0% 0%; background-clip: border-box; background-origin: padding-box; background-size: auto auto; padding: 15px; padding-top: 15px; padding-right: 95px; padding-bottom: 15px; padding-left-value: 15px; padding-left-ltr-source: physical; padding-left-rtl-source: physical; padding-right-ltr-source: physical; padding-right-rtl-source: physical; position: relative;} А вторая проблема связана с фоном основной части, т.е. там, где располагается контент:  Как видно на скриншоте, фон контента "зашит" не до конца, так что видно фон сайта. Код HTML приведен выше. Помогите, пожалуйста, а то уже долго сижу и не знаю, что делать.  |
|
Владос,
Цитата (Владос) Первая проблема заключается в том, что баннер имеет небольшой отступ от меню, а мне нужно, чтобы он был неотделим от меню: В коде баннера прописываем margin-top:-20px; в общем что бы было так: Код <img style="margin-top:-20px;width:988px;height:260px;border:0px;" src="http://online-catalog.ucoz.net/branding/sliderimage.jpg" > Цитата (Владос) А вторая проблема связана с фоном основной части, т.е. там, где располагается контент: Как видно на скриншоте, фон контента "зашит" не до конца, так что видно фон сайта. Код HTML приведен выше. Помогите, пожалуйста, а то уже долго сижу и не знаю, что делать. находим в CSS это Код #footer {background:#111 url(/img/footer.png) repeat-x;height: 50px;padding:20px 0;text-align:center;font-size:11px;color:#999;} И заменяем на это Код #footer {background:#111 url(/img/footer.png) repeat-x;height: 50px;padding:20px 0;text-align:center;font-size:11px;color:#999;margin-top: -20px;}    |
|
bandjuk, о, а я смотрел смотрел от куда этот отступ взялся, так и не увидел, по этому решил прибегнуть к отрицательному margin)))
Владос, а лучше вообще удали это Код <div id="casing"></div> |
|
Вечер добрый. подскажите как устранить глюк на сайте, съехал в сторону правый контейнер.и как сделать чтобы оба контейнера были одинаковой ширины? такая проблема наблюдается с браузера опера и фаерфокс, яндекс браузер показывает сайт нормально. спасибо. Мой сайт
Прикрепления:
2893864.jpg
(192.2 Kb)
Сообщение отредактировал Андрюха1024 - Пятница, 17 Май 2013, 19:31:42
|
|
Андрюха1024, это из-за того, что ширина центрального контейнера и картинок прописана в % а размер картинок мягко говоря большой:
http://motodgin.at.ua/scooter-1/dio-27-232/IMG_0074.jpg |
|
Андрюха1024, в сss в любое место
Код .eMessage img {width:400px!important;} ну а 400 уже меняете на нужную вам ширину картинок, дабы они не растягивали шаблон. |
|
Цитата (bandjuk) Андрюха1024, это из-за того, что ширина центрального контейнера и картинок прописана в % а размер картинок мягко говоря большой:http://motodgin.at.ua/scooter-1/dio-27-232/IMG_0074.jpg |
|
Андрюха1024, может потому, что у тебя столяло в css ограничение на размер картинки, и ты случайно его снёс.
Или до этого заливали картинки меньшего размера. Не знаю. В любом случае решение такое Код .eMessage img {width:400px!important;} |
|
Цитата (Rad_van_Cor) Андрюха1024, может потому, что у тебя столяло в css ограничение на размер картинки, и ты случайно его снёс.Или до этого заливали картинки меньшего размера. Не знаю. В любом случае решение такое вот такое получается когда сохраняю данный код, как я уже писал плющит картинки. Прикрепления:
0388910.jpg
(157.1 Kb)
|
|
Андрюха1024, тогда так
Код .eMessage img {width:400px!important;height:100%!important;} |
|
Цитата (Rad_van_Cor) eMessage img {width:400px!important;} Сообщение отредактировал Андрюха1024 - Суббота, 18 Май 2013, 10:02:59
|
|
Здравствуйте! Я раньше была на народе , мой сайт переехал в вам. Весь дизайн остался тот же. У меня такая проблема: Создаю новые страницы , а шапка (глобальный блок, Верхняя часть ) сайта не отображается. Как сделать так чтобы шапка была на всех страницах? Ведь на народе она отображалась автоматически. Подскажите ?
|
|
prasdnik,
Цитата (prasdnik) Как сделать так чтобы шапка была на всех страницах? второй вариант - не заполнен сам шаблон $GLOBAL_AHEADER$ - пропишите фрагмент кода для шапки в шаблон $GLOBAL_AHEADER$ все шаблоны в ПУ Понял тебя, тридцатый ...
Сообщение отредактировал brodyaga30 - Суббота, 18 Май 2013, 08:52:33
|
|
|
| |||
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!