С Новым годом! Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.67/6: Рейтинг темы: голосов - 6, средняя оценка - 4.67
0 / 0 / 0
Регистрация: 04.11.2013
Сообщений: 54

Неполучается подложить фон под кнопки

04.11.2013, 12:02. Показов 1396. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Ребят нужноподложить кнопки((( немогу понятьчто не так
сайт: mirel33.ru
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
.sidebar h2 {
    margin: 10px 0 0 0;
    padding: 5px 0 5px 10px;
    background: #b22f2b;
    font-size: 13px;
    font-family: Arial, Helvetica, Sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 1px 0 #871613;
    }
 
.sidebar ul {
    list-style-type: none;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    }
    
.sidebar ul li {
    list-style-type: none;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    }
 
.sidebar ul ul {
    list-style-type: none;
    margin: 0px;
    padding: 0;
    }
    
.sidebar ul li li {
    border-bottom: 1px dotted #cacfd1;
    padding: 4px 0px 6px 20px;
    margin: 0px;
    background: url(images/bullet.gif) no-repeat top left;
    height: 40px
    width: 20px
    background-size: cover; /* Масштабируем фон */
    }
    
.sidebar ul li ul li {
    background: url(images/bullet.gif) no-repeat top left;
    border-bottom: 1px dotted #cacfd1;
    padding: 4px 0px 6px 20px;
    margin: 2px 0;
    height: 40px
    width: 20px
    background-size: cover; /* Масштабируем фон */
    }
Вроде все так ноне плучается боковое меню( чтоя делаю не так?
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
04.11.2013, 12:02
Ответы с готовыми решениями:

Неполучается установить картинку как фон
не могу растерожировать картинку как фон , выходит каша. Где ошибка ?

Как подложить под загруженное png изображение белый фон?
Привет.:) Как подложить под загруженное png изображение белый фон? Использую следующий код: $image_p =...

Можно ли подложить под жёсткий диск бумажки если он меньше свободного пространства?
Купил для ноутбука новый ЖД, а он оказался меньше пространства, в котором находился старый ЖД. При подключении выглядит не очень надёжно. ...

4
23 / 23 / 7
Регистрация: 26.08.2013
Сообщений: 334
05.11.2013, 13:08
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<html>
<head>
 <script type="text/javascript" src="http://mirel33.ru/wp-includes/js/jquery/jquery.js"></script>
  <script type="text/javascript" src="http://mirel33.ru/wp-content/plugins/jquery-vertical-accordion-menu/js/jquery.hoverIntent.minified.js"></script>
  <script type="text/javascript" src="http://mirel33.ru/wp-content/plugins/jquery-vertical-accordion-menu/js/jquery.dcjqaccordion.2.9.js"></script>
</head>
  
  <style type="text/css">
    
body /* Основной фон */{
    background: #9a0707 url(http://mirel33.ru/wp-content/themes/Fiono/images/background.png) top left repeat-x;
    }
#contentwrap, .sidebar sidebar-left /* Меню */
{
  border: solid 3px;
 width:300px;
position: absolute;
top: 30px;
  left: 80px;
    background: url(http://mirel33.ru/wp-content/themes/Fiono/images/contentwrap-background.png) top left repeat-y;
  border-radius: 0px 0px 17px 0px;
}
.widget /* Ширина и длинна текста "каталог" + отмена маркера */
{
    min-width: 90px;
  max-width: 300px;
   list-style: none;
}
.widgettitle /* Текст "каталог" по центру */
{
    text-align: center;
  text-decoration: none;
}
.sidebar-left /* Отступ */{
    margin: 0 0 0 0px
    }
#menu /* Отступ ссылок */
{
  margin-left: 5px;
}
.sidebar a /* Цвет ссылок */{
    text-decoration: none;
    color: #434f54;
    }
.sidebar a:hover /* Цвет ссылок при наведения мыши */{
    text-decoration: none;
    color:#cf3934;
    }
.sidebar h2 /* Параметры текста */{
    margin: 10px 0 0 0;
    padding: 5px 0 5px 10px;
    background: #b22f2b;
    font-size: 13px;
    font-family: Arial, Helvetica, Sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 1px 0 #871613;
    }
.sidebar ul /* Отступ и маркеры текста */{
    list-style-type: none;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    }
.sidebar ul li ul li /* Маркеры ссылок*/{
    background: url(http://mirel33.ru/wp-content/themes/Fiono/images/bullet.gif) no-repeat top left;
    border-bottom: 1px dotted #cacfd1;
    padding: 4px 0px 6px 20px;
    margin: 2px 0;
    }
.sub-menu /* Нижнее подчеркивание */
{
  border-bottom: 1px solid;
} 
 
    
  </style>
<body>
  
            <div class="span-24" id="contentwrap">
            <div class="sidebar sidebar-left">
        <li class="widget "><h2 class="widgettitle" class="widget1">Каталог</h2>     
        <div  id="menu">    
<ul class="menu"> 
  
  <li><a href="#" class="P">++++++</a>
<ul class="sub-menu" style="display: none;">
    <li id="menu-item-1"><a href="#">+</a></li>
    
  </ul>
    
    <li id="menu-item-1"><a href="#">++++++</a>
 <ul class="sub-menu" style="display: none;">
        <li id="menu-item-1"><a href="#">+</a>
        <li id="menu-item-1"><a href="#">+</a>
   
   </li> 
   
</ul>
      
            <li id="menu-item-1"><a href="#">++++++</a>
 <ul class="sub-menu" style="display: none;">
        <li id="menu-item-1"><a href="#">+</a>
        <li id="menu-item-1"><a href="#">+</a>
   
   </li>  
   
</ul>
  
            
      </ul>
        <script type="text/javascript">
                jQuery(document).ready(function($) {
                    jQuery('#menu').dcAccordion({
                        eventType: 'hover',
                        hoverDelay: 200,
                        menuClose: true,
                        autoClose: true,
                        saveState: false,
                        autoExpand: true,
                        classExpand: 'current-menu-item',
                        classDisable: '',
                        showCount: false,
                        disableLink: true,
                        cookie: 'dc_jqaccordion_widget-3',
                        speed: 'fast'
                    });
                });
            </script>
      </div>
        </div>
  </div>
</body></html>
1
0 / 0 / 0
Регистрация: 04.11.2013
Сообщений: 54
05.11.2013, 15:40  [ТС]
Домой приду попробую)

Добавлено через 20 минут
хм вот я сейчас читаюТы получается откоментировал мою css так?
я хочу чтобы под пункты меню подкладывалась кнопка
Название: bullet_my.gif
Просмотров: 75

Размер: 2.1 Кб
Это я и имел в виду под фоном. Как это сделать?

 Комментарий модератора 
Загружайте изображения и файлы на форум и прикрепляйте к сообщению.
https://www.cyberforum.ru/abou... post594251
0
0 / 0 / 0
Регистрация: 04.11.2013
Сообщений: 54
06.11.2013, 12:34  [ТС]
вообщем решил проблему радикально установил другой модель для меню)
0
23 / 23 / 7
Регистрация: 26.08.2013
Сообщений: 334
06.11.2013, 18:39
Прошу, отныне излагайте свои вопросы чётче, понятно, формулируйте свои предложения...

Цитата Сообщение от sumrak2010 Посмотреть сообщение
Ребят нужноподложить кнопки((( немогу понятьчто не так
сайт: mirel33.ru
Вроде все так ноне плучается боковое меню( чтоя делаю не так?
Из вашей записи понял, что вам нужно сделать боковое меню, как на этом сайте "mirel33.ru"[После узнал, что этот сайт ваш.], на счет "кнопок" не совсем ясно...

Цитата Сообщение от sumrak2010 Посмотреть сообщение
вообщем решил проблему радикально установил другой модель для меню)
Молодцы, так держать! Впредь обдумывайте все варианты решения поставленной задачи...
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
06.11.2013, 18:39
Помогаю со студенческими работами здесь

Фон позади кнопки должен быть, как фон блока
Фон позади кнопки должен быть, как фон блока Это сложно объяснить словами, скину скрины макета Надеюсь вы мне поможете и...

При компиляции под WinXP фон окна светлее, чем фон контролов
Сабж собственно: Почему?

Фон frame'a меняет фон кнопки
Такая проблема: ставлю фон frame'а, на котором помещена кнопка, в белый цвет, но фон кнопки тоже изменяется, и она теряет свой серый вид....

Как убрать фон из-под надписи под иконкой
Народ!!! Под иконками которые находятся на рабочем столе надо убрать фон, посоветуйте плиз как это возможно произвети. Заранее всем спасибо.

Поменять у кнопки фон
Всем здрасьте. Мне надо поменять фон у кнопки ,к примеру белый. Прогуглил я то , что надо иметь кнопку со стилем BS_OWNERDRAW , и в...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
изучаю kubernetes
lagorue 13.01.2026
А пригодятся-ли мне знания kubernetes в России?
сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3
anaschu 06.01.2026
aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR
ФедосеевПавел 06.01.2026
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .
Модель микоризы: классовый агентный подход 2
anaschu 06.01.2026
репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru