Чат сообщества
   | |
| Модератор форума: Yuri_G |
| Сообщество uCoz Мастерская uCoz Дизайн: управление шаблонами CSS: решение вопросов (только таблица стилей) |
| CSS: решение вопросов |
|
Тема для пользователей, которые не в первый раз слышат о CSS Тех кто не знает как задать цвет и размер шрифта с помощью CSS, не знают, что такое класс, просим изучить учебник Существуют отдельные темы по: стилизации выпадающего меню цветовому обозначению групп пользователей (архив) настройке мини чата |
|
Подскажите, кто знает:
Не могу понять почему так происходит: в готовый шаблон с 2мя колонками нужно вставить блок корзины 3-ей колонкой, справа. Проблема в том, что вставить-то этот блок у меня получилось: Code .baskett { width:215px; height:auto; float:right; position:absolute; right:5%; top:13.8%; text-decoration:none; padding:5px; background:url(http://xn--80aagcvgbhtbqn4bke6n.xn--p1ai/12345.png) no-repeat; } Но дело в том, что при абсолютной позиции, в случае если у человека другое разрешение экрана(или просто он хочет увеличить/уменьшить окно браузера) - то этот блок с корзиной уезжает отдельно от сайта(точнее сайт уезжает - а абсолютно-позиционированный элемент остается на своем месте. С другой стороны - любое другой тип позиционированния ломает сайт и получается несуразица.... Кто подскажет как правильно поместить 3-ю колонку на сайт так, чтобы она была с сайтом единым целом, и в чем моя ошибка? сайт магазинтвойстиль.рф Китайские мобильный телефоны KitFormatMobile. Любые китайские телефоны на ваш вкус.
Сообщение отредактировал Formatmobile - Вторник, 06 Ноя 2012, 15:16:43
|
|
Formatmobile, У вас фиксированная ширина сайта, ширина сайта расчитана на разрешение 1024px. Вторую колонку справа лучше не ставить .... Зачем она нужна если корзину легко можно разместить в левой колонке ...
|
|
Miss_Esq, но ведь ширина фоновой картинки - 1600 пикс?
или все-равно придется уменьшать центральную и левую части? Китайские мобильный телефоны KitFormatMobile. Любые китайские телефоны на ваш вкус.
Сообщение отредактировал Formatmobile - Вторник, 06 Ноя 2012, 16:15:10
|
|
|
|
Очень прошу помочь, есть горизонтальное меню, при наведении на пункт меню выпадает горизонтальное подменю снизу, но цвет текста там такой же как и в основном меню, а надо сделать, чтобы был черным, как прописать это? и как в меню вставить строку поиска по сайту без кнопки найти?
вот код: пример меню на этой странице: http://3mv.ru/index/slajder/0-7 |
|
Quote (Serzov) а надо сделать, чтобы был черным, как прописать это? добавь в стили строчку: #main-nav li .sub-links li a {color: #000000; background: #F5F5F5;} Добавлено (07-Ноя-2012, 00:01:28) Quote (Serzov) и как в меню вставить строку поиска по сайту без кнопки найти? выдираешь с исходника код поиска, правишь как нужно и вставляешь в меню. |
|
Quote (Serzov) не помогло ну что тебе на это написать? Вот у меня - помогает:  Прикрепления:
8994303.jpg
(14.9 Kb)
|
|
Serzov, вообще по фэн-шую правильно так:
это всё в таблицу стилей ксс: Quote #wrap {width: 100%; position: relative; min-height: 1px;} #main-nav {display:inline-block; margin: 0px 0px 0px 0px; text-align: left; min-height: 25px; padding-top: 10px; padding-left: 0px; background: #8F2613;} #main-handle {width: 100%; float: left; margin-top: 0px;} #main-nav li {display: inline; list-style: none;} #main-nav li a {margin-right: 5px; font-size: 12px; text-decoration: none; color: #FFECAB; padding: 10px; outline: 0; position: relative; top: 0px;} #main-nav li a:hover, #main-nav li a.active {background: #dddddd; color: #111111;} #sub-link-bar {background: #F5F5F5; min-height: 74px;} .sub-links {display: none; position: absolute; color: #000000; width: 100%; top: 45px; text-align: left; left: 0px; padding: 0;} #main-nav li .sub-links li a:hover{color: #b22222; background: #F5F5F5;} #main-nav li .sub-links li a {color: #000000; background: #F5F5F5;} это где должно быть меню: Code <div id="wrap"> <div id="main-handle"> <ul id="main-nav"> <li><a class="main-link" href="#">События</a> <ul class="sub-links"> <li><a href="http://3mv.ru/publ/1/">Новости</a> </li> <li><a href="http://3mv.ru/publ/ehkonomika/10">Экономика</a> </li> </ul> </li> <li><a class="main-link" href="#">Материалы</a> <ul class="sub-links"> <li><a href="http://3mv.ru/publ/3/">Статьи</a> </li> <li><a href="http://3mv.ru/publ/2/">Пророчества</a> </li> <li><a href="http://3mv.ru/forum/14">Выживание</a> </li> </ul> </li> <li><a class="main-link" href="#">Вооружение</a> <ul class="sub-links"> <li><a href="http://3mv.ru/publ/4/">Вооружение РФ</a> </li> <li><a href="http://3mv.ru/publ/5/">Вооружение США</a> </li> <li><a href="http://3mv.ru/publ/6/">Вооружение Китая</a> </li> <li><a href="http://3mv.ru/publ/vooruzhenie_drugikh_stran/13">Вооружение других стран</a> </li> </ul> </li> <li><a class="main-link" href="#">Мультимедиа</a> <ul class="sub-links"> <li><a href="http://3mv.ru/publ/7/">Видео</a> </li> <li><a href="http://3mv.ru/publ/armii_mira/22">Армии мира</a> </li> </ul> </li> <li><a class="main-link" href="#">Разное</a> <ul class="sub-links"> <li><a href="http://3mv.ru/publ/knigi_o_vojne/12">Книги</a> </li> <li><a href="http://3mv.ru/publ/filmy_o_vojne/11">Фильмы</a> </li> <li><a href="http://3mv.ru/publ/igry_o_vojne/16">Игры</a> </li> </ul> </li> <li><a class="main-link" href="http://3mv.ru/forum">Форум</a> </ul> </div> <div id="sub-link-bar"> </div> <script type="text/javascript"> $(document).ready(function(){ $("#main-nav li a.main-link").hover(function(){ $("#main-nav li a.main-link").removeClass("active"); $(this).addClass("active"); $("#sub-link-bar").animate({ height: "70px" },0); $(".sub-links").hide(); $(this).siblings(".sub-links").fadeIn(); }); }); </script> Поправил для Осла, смотрел в 9-м |
|
в хроме почему то разрывает часть фона... в мозилле все нормально
Хром  Mozilla  IE  и заливка основного бара идет только пока идут пункты меню Сообщение отредактировал Serzov - Среда, 07 Ноя 2012, 11:47:48
|
|
Serzov, Адрес у сайта есть ?
Сообщение отредактировал Miss_Esq - Среда, 07 Ноя 2012, 11:53:15
|
|
Miss_Esq, вот на этой странице тестить пытаюсь http://3mv.ru/search/
|
|
Serzov, Странно, но описанной вами проблемы не наблюдаю, ни в Google Chrome ни в IE 9, и вообще то следует прписать Doctype в общих настройках сайта ..
|
| |||
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!