Слайдер съезжает в разных браузерах

@stecloduv · Регистрация: 18.11.2015

Студворк — интернет-сервис помощи студентам

стоял флеш, делал в Macromedia Dreamweaver 8. работал прекрасно , но в телефонах и планшетах не видимый, поставил слайдер вот исходник http://ruseller.com/lessons.php?rub=2&id=1475, в хроме работает нормально, в IE слайдер сдвинут в право и не работает, думаю что в других браузерах тоже проблемы, вот мой сайт со слайдером. минипакдв.рф на фото как сайт выглядит в хроме и IE.
Сразу прошу прощения я лузер поэтому на языке супер программистов, сленге, прошу не объяснять лучше пальцем покажите, шутка. Других браузеров у меня нет если проверите на других и покажите как работает буду очень благодарен. Заранее спасибо

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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox.css"/>
<script type="text/javascript" src="fancybox/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="fancybox/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.2.1.pack.js"></script>
<script type="text/javascript">
$(document).ready(function() { 
$("a.first").fancybox(); 
$("a.two").fancybox(); 
$("a.video").fancybox({"frameWidth":560,"frameHeight":340}); 
$("a.content").fancybox({"frameWidth":600,"frameHeight":300}); 
});
</script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<meta name="keywords" content=" порционные продукты купить"/>
<meta name="description" content="Производство продуктов питания для фаст фуда .Борт питание (аэропорт , ж\д). Порционные продукты, мелкая фасовка. Хорека."/>
<title>Порционные продукты, мелкая фасовка, хорека.</title>
<link href="css/styles.css" rel="stylesheet" type="text/css"/>
<style type="text/css">
<!--
body {
    margin-left: 0px;
}
.style12 {  font-size: 14px;
    font-weight: bold;
    font-style: italic;
}
.style16 {font-size: 14px; font-weight: bold; }
.style5 {   font-family: "Comic Sans MS";
    font-size: 28px;
}
.style9 {   font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    color: #FF0000;
    font-weight: bold;
}
.style31 {
    color: #FF0000;
    font-size: 30px;
}
.style41 {
    font-size: 12px;
    color: #003333;
}
.style40 {
    color: #003333;
    font-weight: bold;
}
.style42 {color: #003333; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
-->
</style></head>
<body>
<center>
  <div id="main">
    <div style="background:url(images/corner-topmid.gif); background-repeat:repeat-x; height:24px; width: 808px;"></div>
    <div id="container">
      <div id="header"><img src="images/graphic-left.GIF" alt="порционные продукты, мелкая фасовка, хорека, хабаровск" width="234" height="264" /><img src="images/graphic-right.GIF" alt="порционные продукты, мелкая фасовка, хорека, хабаровск" width="439" height="264" /></div>
      <div></div>
    </div>
    <p><img src="images/corner-midtop.gif" alt="1" width="786" height="28" /></p>
    <div id="container1">
<ul class="vert_menu">
    <li><a href="porsion.html"><span>СОУСЫ</span></a></li>
    <li><a href="spezii.html"><span>СПЕЦИИ</span></a></li>
    <li><a href="horeka.html"><span>ХОРЕКА</span></a></li>
    <li><a href="partneri.html"><span>ПАРТНЕРЫ</span></a></li>
    <li><a href="prise.html"><span>ПРАЙС</span></a></li>
    <li><a href="kontakt.html"><span>КОНТАКТЫ</span></a></li>
    <li><a href="spros.html"><span>СКОРО</span></a></li>
  </ul>
</div>
    <div class="slides">
      <ul>
        <li><a href="porsion.html"><img src="images/pic1.jpg" alt="порционные продукты, мелкая фасовка, хорека, хабаровск" border="0" /></a>
            <div>Порционные продуты</div>
        </li>
        <li><a href="horeka.html"><img src="images/pic2.jpg" alt="порционные продукты, мелкая фасовка, хорека, хабаровск" border="0" /></a>
            <div>Снабжение ресторанов</div>
        </li>
        <li><a href="porsion.html"><img src="images/pic3.jpg" alt="порционные продукты, мелкая фасовка, хорека, хабаровск" border="0" /></a>
            <div>Новый продукт</div>
        </li>
        <li><a href="spezii.html"><img src="images/pic4.jpg" alt="порционные продукты, мелкая фасовка, хорека, хабаровск" border="0" /></a>
            <div>Порционные специи</div>
        </li>
      </ul>
    </div>
 
 
[CSS]body{background-color:#e1e9ca;background-image:url(../images/bg.gif);background-repeat:repeat-x; background-attachment: fixed;background-position: bottom;}
#main{
    margin-top:24px;
    overflow:hidden;
    background:url(../images/bg-mid.gif);
    background-repeat:repeat-y;
    margin-bottom:50px;
    width: 808px;
}
#container{
    width:750px;
    overflow:hidden;
    height: 264px;
}
#container1{
    float:left;    
    width:230px;
    overflow:hidden;
    height: 330px;
}
#container3{
    width:220px;
    overflow:hidden;
    height: 750px;
    float: left;
}
#container4{
    width:560px;
    overflow:hidden;
    height: 500px;
}
 
ul {
    list-style: none;
        margin: 0;
        padding: 0;
}
 
 
.vert_menu {
    font-weight: bold;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-size: 99%;
    width: 212px;   
}
 
.vert_menu li {
    height: 45px;
}
 
.vert_menu li a:link, .vert_menu li a:visited {
        text-decoration: none;  
        color: #FFFFFF;
        display: block;
        background:  url(../images/vert_menu.png) 0 0 no-repeat;
        padding: 10px 0 10px 10px;
}
 
.vert_menu li a:hover, .vert_menu li #current {
    color: #FFF;
    background: url(../images/vert_menu.png) 0 -44px no-repeat;
    padding: 10px 0 10px 15px;
}
.slides {
    width: 570px;
    height: 332px;
}
 
/* Кадры анимации #anim_slides */
@-webkit-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
 
.slides ul li {
    opacity:0;
    top:390px;
 
    -webkit-animation-name: anim_slides;
    -webkit-animation-duration: 24.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
 
    -moz-animation-name: anim_slides;
    -moz-animation-duration: 24.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
    left: 442px;
    position: absolute;
    width: 558px;
    height: 321px;
}
 
/* Задержки css3 */
.slides ul  li:nth-child(2), .slides ul  li:nth-child(2) div {
    -webkit-animation-delay: 6.0s;
    -moz-animation-delay: 6.0s;
}
.slides ul  li:nth-child(3), .slides ul  li:nth-child(3) div {
    -webkit-animation-delay: 12.0s;
    -moz-animation-delay: 12.0s;
}
.slides ul  li:nth-child(4), .slides ul  li:nth-child(4) div {
    -webkit-animation-delay: 18.0s;
    -moz-animation-delay: 18.0s;
}
 
/* Кадры анимации #anim_titles */
@-webkit-keyframes anim_titles {
    0% {
        left:100%;
        opacity:0;
    }
    5% {
        left:10%;
        opacity:1;
    }
    20% {
        left:10%;
        opacity:1;
    }
    25% {
        left:100%;
        opacity:0;
    }
    100% {
        left:100%;
        opacity:0;
    }
}
@-moz-keyframes anim_titles {
    0% {
        left:100%;
        opacity:0;
    }
    5% {
        left:10%;
        opacity:1;
    }
    20% {
        left:10%;
        opacity:1;
    }
    25% {
        left:100%;
        opacity:0;
    }
    100% {
        left:100%;
        opacity:0;
    }
}
 
.slides ul li div {
    background-color:#000000;
    border-radius:10px 10px 10px 10px;
    box-shadow:0 0 5px #FFFFFF inset;
    color:#FFFFFF;
    font-size:20px;
    left:6px;
    margin:0 auto;
    padding:20px;
    position:absolute;
    top:194px;
    width:200px;
 
    /* Анимация css3 */
    -webkit-animation-name: anim_titles;
    -webkit-animation-duration: 24.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
 
    -moz-animation-name: anim_titles;
    -moz-animation-duration: 24.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
}
[/CSS]

@stecloduv · 21.11.2015, 15:08 **[ТС]**

критику принимаю без каких либо смущений. потому что я ни когда в жизни ни учился и не знаю что это такое, я инженер строитель, у нас компьютер был в институте с автобус, просто захотел сайт сделать для себя верней для работы. спросил друга он сказал берешь Dreamweaver 8. берешь шаблон и как в фотошопе , бац бац, потом второй друг сказал че он у тебя в конце поисковиков, начал переделывать, потом самому не понравилось кривизна, все стер оставил скелет заново все вставил потом добавил флешь потом спрятал текс. потом по клику увеличение фото, открывал инет и как мог понять крутых программистов которые на своем сленге разговаривая со мной как с програмистом , а я не только не знаю что такое див а что такое блок, а просто ни чего не знаю вот сам до шел до того что есть, проверил на валидность спрваил почти все ошибки 22 шт, проверил на скорость 90 , когда узнаю что 86 это прекрансо и мне приятно.

Добавлено через 2 минуты
я иногда не понимаю о чем вы говорите, потому что я лузер в этом деле, и я не стесняюсь этого , потому что я действительно ни чего не знаю простите

Добавлено через 3 минуты
я не только в этом деле первый класс вторая четверть, я ясельная группа говорить учусь, и думаю что научился говорить только слово мама

Добавлено через 3 минуты
рамочка ваша красивая но просить ее вставить уже по моему слишком, вы и так мне очень помогли, а фон у меня был нормальный раньше, видимо при моих вмешательствах что то стер, буду дальше искать

@mrBobrillo · 21.11.2015, 15:37

Не велика беда! Как говорят, кто хочет и кому интересно, тот всегда научится. Переделаем постепенно что нужно по мере возможности ...
Сперва не используйте Dreamweaver а установите как минимум notepad ++ и будете ручками все править сами! ну и учиться и получать от этого опыт ...

@stecloduv · 21.11.2015, 15:49 **[ТС]**

я уже пытаюсь,

@stecloduv · 21.11.2015, 15:50 **[ТС]**

а в нотпаде есть визуальная система а то я когда не вижу плохо арентируюсь

@stecloduv · 21.11.2015, 15:57 **[ТС]**

подскажите что тут выбрать

@mrBobrillo · 21.11.2015, 17:03

Нет, в нем нет визуальной системы, вы просто открываете свой html файл в браузере и нотпаде, и когда сохраняете то что сделали, переходите в браузер и обновляете свою страницу, тогда вы видите что вы сделали.
По поводу установки, просто нажмите установить и все.

@stecloduv · 21.11.2015, 18:20 **[ТС]**

я тут натворил пока без нот пада не желаите глянуть

Добавлено через 3 минуты

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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
    <meta name="keywords" content=" порционные продукты купить"/>
    <meta name="description" content="Производство продуктов питания для фаст фуда .Борт питание (аэропорт , ж\д). Порционные продукты, мелкая фасовка. Хорека."/>
    <title>Порционные продукты, мелкая фасовка, хорека.</title>
    <link href="css/styles.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="colorbox/colorbox.css"/>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="colorbox/jquery.colorbox-min.js"></script>
    <script type="text/javascript" src="js/jquery.bxslider.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $('.bxslider').bxSlider({
                captions: true,
                auto: true,
                mode: 'fade'
            });
        });
    </script>
    <link href="css/jquery.bxslider.css" rel="stylesheet" />
    <script type="text/javascript">
        $(document).ready(function(){
            $(".group1").colorbox({rel:'group1'});
            $(".group2").colorbox({rel:'group2', transition:"fade"});
            $(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"75%"});
            $(".group4").colorbox({rel:'group4', slideshow:true});
            $(".ajax").colorbox();
            $(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:390});
            $(".vimeo").colorbox({iframe:true, innerWidth:500, innerHeight:409});
            $(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
            $(".inline").colorbox({inline:true, width:"50%"});
            $(".callbacks").colorbox({
                onOpen:function(){ alert('onOpen: colorbox is about to open'); },
                onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
                onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
                onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
                onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
            });
 
            $('.non-retina').colorbox({rel:'group5', transition:'none'})
            $('.retina').colorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true});
 
            $("#click").click(function(){
                $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
                return false;
            });
        });
    </script>
<style type="text/css">
body {
    margin: 0px;
}
.style12 {  font-size: 14px;
    font-weight: bold;
    font-style: italic;
}
.style16 {font-size: 14px; font-weight: bold; }
.style5 {   font-family: "Comic Sans MS";
    font-size: 28px;
}
.style9 {   font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    color: #FF0000;
    font-weight: bold;
}
.style31 {
    color: #FF0000;
    font-size: 30px;
}
.style41 {
    font-size: 12px;
    color: #003333;
}
.style40 {
    color: #003333;
    font-weight: bold;
}
.style42 {color: #003333; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
</style>
</head>
<body>
<div class="wrapper">
    <div class="container7">
    
      <div><img hspace="35" vspace="10"  src="images/graphic-left.GIF" alt="порционные продукты, мелкая фасовка, хорека, хабаровск" width="234" height="264" /><img hspace="10" vspace="10" src="images/graphic-right.GIF" alt="порционные продукты, мелкая фасовка, хорека, хабаровск" width="439" height="264" /></div>
 
     <div id="container6">
<ul class="bxslider">
   <li><a href="spros.html"><img src="images/pic5.jpg" alt="порционные продукты, мелкая фасовка, хорека, хабаровск" width="558" height="321" border="0" title= "Васаби"/></a></li>
  <li><a href="porsion.html"><img src="images/pic1.jpg" alt="порционные продукты, мелкая фасовка, хорека, хабаровск" width="558" height="321" border="0" title= "Порционные продукты"/></a></li>
  <li><a href="horeka.html"><img src="images/pic2.jpg" alt="порционные продукты, мелкая фасовка, хорека, хабаровск" width="558" height="321" border="0" title= "Снабжение ресторанов"/></a></li>
  <li><a href="porsion.html"><img src="images/pic3.jpg" alt="порционные продукты, мелкая фасовка, хорека, хабаровск" width="558" height="321" border="0" title= "Новый продукт"/></a></li>
  <li><a href="spezii.html"><img src="images/pic4.jpg" alt="порционные продукты, мелкая фасовка, хорека, хабаровск" width="558" height="321" border="0" title= "Порционные специи"/></a></li>
</ul>
</div>
<div id="container1">
<ul class="vert_menu">
    <li><a href="porsion.html"><span>СОУСЫ</span></a></li>
    <li><a href="spezii.html"><span>СПЕЦИИ</span></a></li>
    <li><a href="horeka.html"><span>ХОРЕКА</span></a></li>
    <li><a href="dokumenti.html"><span>ДОКУМЕНТЫ</span></a></li>
    <li><a href="ser*.html"><span>СЕРТИФИКАТЫ</span></a></li>
    <li><a href="prise.html"><span>ПРАЙС</span></a></li>
    <li><a href="kontakt.html"><span>КОНТАКТЫ</span></a></li>
    <li><a href="spros.html"><span>СКОРО</span></a></li>
  </ul>
</div>
<div id="container3">
       <p align="center" class="style42" >Наши партнеры </p>
       <p align="center" ><a class="group1"  href="images/ptishka1.jpg"><img src="images/ptishka22.jpg" alt="порционные продукты, мелкая фасовка, хорека, хабаровск" border="0" /></a></p>
       <p align="center" ><a class="group1"  href="images/papa1.jpg"><img src="images/papa.jpg" alt="порционные продукты, мелкая фасовка, хорека, хабаровск" border="0" /></a></p>
          <p align="center" ><a class="group1"  href="images/dvkuhny1.jpg"><img src="images/dvkuhny.jpg" alt="порционные продукты, мелкая фасовка, хорека, хабаровск" border="0" /></a> </p>
         <p align="center" ><a class="group1"  href="images/dvkuhny3.jpg"><img src="images/dvkuhny01.jpg" alt="порционные продукты, мелкая фасовка, хорека, хабаровск" border="0" /></a></p>
    </div>
    <div>
         <h4><em><strong><a href="#" class="style31" onclick="hidetxt('div6'); return false;" >ВАСАБИ порционный ...</a></strong></em>            </h4>
         <div style="display:none; text-align: left; width: 750px; text-indent: 15px;" id="div6">С 01 декабря 2015 года запускаем в производство новый порционный продукт "Васаби" 5 грамм. Васаби – приправа, используется в японской кухне. Известна как «японский хрен». Васаби представляет собой высушенный и измельченный корень одноименного растения семейства капустных, обладающий очень сильным запахом. Культивировать это растение начали в X веке. Выращивают васаби двумя способами: в холодной горной воде в полупритопленном состоянии (хон-васаби) и на огороде. Васаби, выросший на берегу, ценится выше, так как отличается более ярким вкусом. Сегодня васаби уже не считается диковинной приправой, а твердо занимает место в кулинарии, наряду с распространенным хреном. Почти ни одно японское блюдо не обходится без этой приправы; его часто добавляют в соевый соус, но особенно известен васаби, как приправа к суши. Говорят, что вместе с суши его начали есть в XIX веке, когда заметили, что употребляющие его люди не страдают от желудочно-кишечных заболеваний.
Потом стало ясно, почему люди не болеют: паразиты, живущие в сырой рыбе, не выдерживают воздействия биологически активных веществ, содержащихся в этом остром, жгучем корне. Порционный васаби в связи с популярностью японской кухни в России, пользуется большим спросом. </div>
    </div>
    <p>&nbsp;</p>
       <div>
      <h3><em><strong><a href="#" class="style31" onclick="hidetxt('div1'); return false;" >ООО "МиниПакДв" ...</a></strong></em>            </h3>
      <div style="display:none; text-align: left; width: 750px; text-indent: 15px;" id="div1">Компания МиниПакДв создана в 2010 году. Наша компания производит порционные продукты питания ( мелкая фасовка ), для предприятий общественного питания, фастфуда, цехов бортпитания аэропортов, вагонов ресторанов, кафе, ресторанов. Наш ассортимент порционные продукты ( мелкая фасовка ): порционный майонез 12 грамм, порционный кетчуп 12 грамм, порционная сгущенное молока 12 грамм, порционный мед 12 грамм, порционный конфитюр 12 грамм, порционный соевый соус 10 грамм, порционный сырный соус 12 грамм, порционный сахар 10грамм, порционная соль 1 грамм, порционный перец 0,3 грамма. Наши порционные продукты ( мелкая фасовка ) упакованны в пакет типа сашет с четырех-сторонней запайкой. Поставляем продукцию для хореки майонез оптом, кетчуп оптом, сырный соус оптом в ведрах 10 кг ( Хорека ). С нами работают предприятия таких городов как Благовещенск, Сахалин, Владивосток, Комсомольск на Амуре, Камчатка, Благовещенск, Тында, Чита. Качественная Упаковка, красивый дизайн, великолепное сырьё вот успех нашей компании. Мы стараемся работать со всеми клиентами которые к нам обращаются, не только с Дальнего Востока и города Хабаровска.</div>
    </div>
<p>&nbsp;</p>
 
<div>
<h2><em><strong><a href="#" class="style31" onclick="hidetxt('div3'); return false;" >Порционные соусы...</a></strong></em>
</h2>
<div style="display:none; text-indent: 15px; text-align: left; width: 750px;" id="div3"> Порционные продукты ( мелкая фасовка ) подразделяются на несколько групп. Одна из групп - соусы, к этой группе относятся порционный майонез, порционный кетчуп, порционный конфитюр, порционный сырный соус, порционная сгущенка, порционный соевый соус, порционный мед. Так же мы рассматриваем все просьбы наших клиентов и выпускаем продукцию по их желанию, так появился на свет порционный сырный соус, порционный соевый соус.</div>
</div>
<p>&nbsp;</p>
<div>
<em><strong><a href="#" class="style31" onclick="hidetxt('div4'); return false;" >Соевый соус...</a></strong></em>
<div style="display:none; text-align: left; text-indent: 15px; width: 750px;" id="div4">Соевый соус оптом 20 килограмм ( Хорека )- всего 2000 рублей. Цена подарок . Такой цены на Дальнем востоке просто нет. Порционный соус 12 грамм 1,50 руб. Соевый соус сам по себе очень полезный продукт. Но это только в том случае, если речь идет о соусе, приготовленном из натуральных ингредиентов. К сожалению, многие производители недобросовестно относятся к изготовлению соевого соуса. Мы можем гордиться своим качеством. Мы продаем соевый соус проверенный временем. Соевый соус компании ОБОК.</div>
  </div>
<p>&nbsp;</p>
<div>
<em><strong><a href="#" class="style31" onclick="hidetxt('div5'); return false;" >В ведрах по 10 килограмм...</a></strong></em>
<div style="display:none; text-align: left; text-indent: 15px; width: 750px;" id="div5">Компания МиниПакДв поставляет для предприятий общественного питания, фастфуда, цехов бортпитания аэропортов, вагонов ресторанов, кафе, ресторанов майонез оптом, соевый соус оптом, кетчуп оптом, сырный соус оптом в ведрах по 10 килограмм ( Хорека ). Весовой продук очень удобен для производства. Цена весового продукта сильно отличается от товара в розничных упаковках, чем привликательна для наших партнеров таких городов как Благовещенск, Сахалин, Владивосток, Комсомольск на Амуре, Камчатка, Благовещенск, Тында, Чита. Качественная Упаковка, красивый дизайн, великолепное сырьё вот успех нашей компании. Мы стараемся работать со всеми клиентами которые к нам обращаются, не только с Дальнего Востока и города Хабаровска..</div>
  </div>
<p>&nbsp;</p>
<div>
  <h1><em><strong><a href="#" class="style31"  onclick="hidetxt('div2'); return false;" >Порционные продукты...</a></strong></em>
  </h1>
  <div style="display:none; width: 750px; text-align: left; text-indent: 15px;" id="div2" >Компания МиниПакДв организована в 2010 году в городе Хабаровске. Наша компания производит порционные продукты питания ( мелкая фасовка ), для предприятий общественного питания, фастфуда, цехов бортпитания аэропортов, вагонов ресторанов, кафе, ресторанов. Мы производим такие порционные продукты ( мелкая фасовка ) как : порционный майонез 12 грамм, порционный кетчуп 12 грамм, порционная сгущенное молока 12 грамм, порционный мед 12 грамм, порционный конфитюр 12 грамм, порционный соевый соус 10 грамм, порционный сырный соус 12 грамм, порционный сахар 10 грамм, порционная соль 1 грамм, порционный перец 0,3 грамма. Наша порционные продукты ( мелкая фасовка ) упакованы в пакет типа сашет с четырех-сторонней запайкой.  Сопутствующим товаром нашей компании является майонез, кетчуп, сырный соус в ведрах 10 кг (Хорека). Наши покупатели порционных продуктов ( мелкая фасовка ) предприятия таких городов как Благовещенск, Сахалин, Владивосток, Комсомольск на Амуре, Камчатка, Благовещенск, Тында, Чита. Качественная Упаковка, красивый дизайн, великолепное сырьё вот успех нашей компании. Мы стараемся работать со всеми клиентами которые к нам обращаются, не только с Дальнего Востока и города Хабаровска Порционные продукты ( мелкая фасовка ) подразделяются на несколько групп. Одна из групп - соусы, к этой группе относятся порционный майонез, порционный кетчуп, порционный конфитюр, порционный сырный соус, порционная сгущенка, порционный соевый соус, порционный мед. Так же мы рассматриваем все просьбы наших клиентов и выпускаем продукцию по их желанию, так появился на свет порционный сырный соус, порционный соевый соус Порционные продуты ( мелкая фасовка ) сыпучие это порционный сахар, порционная соль, порционный перец. Самые необходимых порционные продукты  для кафе, ресторанов, кафе фастфудов из-за очень большого удобства в использование. Порционный сахар является лидером по популярности среди порционных продуктов ( мелкая фасовка ), многие владельцы кафе и ресторанов предпочитают разливать, разбавлять, тратить время не задумываясь что уже все есть в готовом виде Так что мы рады вам предложить порционные продукты ( мелкая фасовка ) в большом ассортименте.</div>
  
 
 
    </div>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p align="center" class="style41">©2010 ООО &quot;Минипакдв&quot; г.Хабаровск тел: (4212) 655-666 minipakdv@mail.ru </p>
</div>
      <div align="center">
        <script type="text/javascript">
var show;
function hidetxt(type){
 param=document.getElementById(type);
 if(param.style.display == "none") {
 if(show) show.style.display = "none";
 param.style.display = "block";
 show = param;
 }else param.style.display = "none"
}
       </script>
        
        
     
</body></html>

@stecloduv · 21.11.2015, 18:21 **[ТС]**

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
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
#main{
    margin-top:24px;
    overflow:hidden;
    background:url(../images/bg-mid.gif);
    background-repeat:repeat-y;
    margin-bottom:50px;
    width: 808px;
}
#container{
    width:850px;
    overflow:hidden;
    height: 264px;
}
#container1{
    float:left;
    width:230px;
    overflow:hidden;
    height: 365px;
    background-attachment:fixed;
    padding-left: 5px;
}
#container3{
    width:220px;
    overflow:hidden;
    height: 750px;
    float: left;
    background-attachment:fixed;
}
#container4{
    width:560px;
    overflow:hidden;
    height: 500px;
}
#container6{
    width:560px;
    float: right;
    padding-right: 5px;
    captions: true;
    height: 370px;
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
 
 
.vert_menu {
    font-weight: bold;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-size: 99%;
    width: 212px;   
}
 
.vert_menu li {
    height: 45px;
}
 
.vert_menu li a:link, .vert_menu li a:visited {
        text-decoration: none;  
        color: #FFFFFF;
        display: block;
        background:  url(../images/vert_menu.png) 0 0 no-repeat;
        padding: 10px 0 10px 10px;
}
 
.vert_menu li a:hover, .vert_menu li #current {
    color: #FFF;
    background: url(../images/vert_menu.png) 0 -44px no-repeat;
    padding: 10px 0 10px 15px;
}
*{
    box-sizing: border-box;
}
.style8 ul {
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}
.style8 ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0 0.5rem;
    text-align: center;
    text-transform: uppercase;
}
.download__btn {
    margin: 0.5rem auto 0.5rem auto;
    display: block;
    max-width: 90px;
    background: #7daa11;
    color: white;
    border-radius: 10px;
    padding: 5px;
    height: 25px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
}
.wrapper{
    height:auto;
    padding-top: 2rem;
            /* Permalink - use to edit and share this gradient: [url]http://colorzilla.com/gradient-editor/#e1e9ca+0,78a804+100[/url] */
background: linear-gradient(to bottom, rgba(225,233,202,1) 0%,rgba(120,168,4,1) 100%); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZTljYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3OGE4MDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(225,233,202,1) 0%, rgba(120,168,4,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(225,233,202,1) 0%,rgba(120,168,4,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(225,233,202,1) 0%,rgba(120,168,4,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e9ca', endColorstr='#78a804',GradientType=0 ); /* IE6-8 */
background-attachment:fixed;
}
 
.container7 {
    min-height: 800px;
    max-width: 800px;
    margin: 0 auto;
    border: 4px green solid;
    border-radius: 10px;
    background: white;
}

@mrBobrillo · 23.11.2015, 12:25

Ну уже чутка получается. Но если вы действительно хотите заниматься своим сайтом, стоит начать учить как минимум html, css

@stecloduv · 23.11.2015, 15:41 **[ТС]**

мне позновато учится , и времени нет, поэтому и дрим вивер, одно дело кубики сложить в домик другое дело этот домик описать на китайском языке,

Добавлено через 2 минуты
подскажите можно исправить ошибку в нашей новой странице
Error Line 73, Column 189: "download" is not a member of a group specified for any attribute
…учет"/></a><a class="download__btn" href="images/sv1.jpg" download>Cкачать</a>

@mrBobrillo · 23.11.2015, 17:52

Возможно он ругается конкретно на тег download, ничего страшного не произойдет если так оно и есть и вы не будете убирать его.

@stecloduv · 24.11.2015, 14:26 **[ТС]**

он на него и ругается, если я его убираю то документ не скачивается

@mrBobrillo · 24.11.2015, 14:27

Значит его и не стоит трогать, пусть себе и дальше ругается, это не столь критично

Новые блоги и статьи Все статьи Все блоги /
Беседа с ИИ о программистах, недопускающих к созданию и правке кода генеративные ИИ и причины этого zorxor 21.09.2026 Раньше я радовался или получал некоторые эмоции, пусть небольшие, но всё же, от самого процесса написания кода, рекомпиляции и запуска, видя постепенное развитие программы и прочее. А теперь лень. . .	Мобильное приложение ColorStep pavlinmavlin 17.09.2026 Реализовал приложение Красный, Зеленый, Синий в Unity3d + c#. Название изменил на ColorStep. Приложение прошло модерацию и теперь доступно для скачивания. Делал его сам, шаг за шагом — и вот,. . .	Запрет дублирования строк в табличной части Maks 13.09.2026 Реализация из решения ниже выполнена на нетиповом справочнике "Нормы ТО" с табличной часть "Виды ТО", разработанного в КА2, со следующими реквизитами: - ВидТО (СправочникСсылка. ВидыТО); - ВидГСМ. . .	Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр. Jin X 06.09.2026 Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр. Работая с форумом и нейросетями в браузере часто хочется что-то подкорректировать или добавить какого-то функционала. Ниже прикреплён. . .
Программа опроса у.з. расходомера SLS-720F Argus19 02.09.2026 Программа опроса у. з. расходомера SLS-720F Программа опрашивает один раз в минуту три ультразвуковых расходомера SLS-720F через интерфейс RS-485 по протоколу Modbus RTU. Опрашиваются регистры. . .	Hyper-V: Компьютер должен поддерживать доверенный платформенный модуль 2.0. Maks 31.08.2026 При установке Windows 11 на виртуальную машину Hyper-V 2-го поколения вылезла такая ошибка: Решение: в параметрах виртуальной машины, в разделе "Безопасность" (Security) активировать флаг. . .	Архитектура биовида Стива в Майнкрафте: Зачем бонобо кубический каннибализм anaschu 30.08.2026 Кубический Вагинокапитализм в Minecraft: Математический инвариант ОДУ и рок Стивов-бонобо Главная задача разработанной «Модели Всего» — наглядно продемонстрировать наличие системной «судьбы». . .	Оттачиваю умение писать js программы. russiannick 30.08.2026 Проектом выходного дня стало написание Книги шифров Виженера. Итогом стала версия 200, синий туман. Синий туман назван так, потому что замораживает текст под собой. Нажатие синих кнопок управляют. . .

@stecloduv 0 / 0 / 0 Регистрация: 18.11.2015 Сообщений: 52
	21.11.2015, 15:08 [ТС]
	критику принимаю без каких либо смущений. потому что я ни когда в жизни ни учился и не знаю что это такое, я инженер строитель, у нас компьютер был в институте с автобус, просто захотел сайт сделать для себя верней для работы. спросил друга он сказал берешь Dreamweaver 8. берешь шаблон и как в фотошопе , бац бац, потом второй друг сказал че он у тебя в конце поисковиков, начал переделывать, потом самому не понравилось кривизна, все стер оставил скелет заново все вставил потом добавил флешь потом спрятал текс. потом по клику увеличение фото, открывал инет и как мог понять крутых программистов которые на своем сленге разговаривая со мной как с програмистом , а я не только не знаю что такое див а что такое блок, а просто ни чего не знаю вот сам до шел до того что есть, проверил на валидность спрваил почти все ошибки 22 шт, проверил на скорость 90 , когда узнаю что 86 это прекрансо и мне приятно. Добавлено через 2 минуты я иногда не понимаю о чем вы говорите, потому что я лузер в этом деле, и я не стесняюсь этого , потому что я действительно ни чего не знаю простите Добавлено через 3 минуты я не только в этом деле первый класс вторая четверть, я ясельная группа говорить учусь, и думаю что научился говорить только слово мама Добавлено через 3 минуты рамочка ваша красивая но просить ее вставить уже по моему слишком, вы и так мне очень помогли, а фон у меня был нормальный раньше, видимо при моих вмешательствах что то стер, буду дальше искать 0

@mrBobrillo 49 / 42 / 25 Регистрация: 18.11.2015 Сообщений: 279
	21.11.2015, 15:37
	Не велика беда! Как говорят, кто хочет и кому интересно, тот всегда научится. Переделаем постепенно что нужно по мере возможности ... Сперва не используйте Dreamweaver а установите как минимум notepad ++ и будете ручками все править сами! ну и учиться и получать от этого опыт ... 0

@stecloduv 0 / 0 / 0 Регистрация: 18.11.2015 Сообщений: 52
	21.11.2015, 15:49 [ТС]
	я уже пытаюсь, Миниатюры 0

@stecloduv 0 / 0 / 0 Регистрация: 18.11.2015 Сообщений: 52
	21.11.2015, 15:50 [ТС]
	а в нотпаде есть визуальная система а то я когда не вижу плохо арентируюсь 0

@stecloduv 0 / 0 / 0 Регистрация: 18.11.2015 Сообщений: 52
	21.11.2015, 15:57 [ТС]
	подскажите что тут выбрать Миниатюры 0

@mrBobrillo 49 / 42 / 25 Регистрация: 18.11.2015 Сообщений: 279
	21.11.2015, 17:03
	Нет, в нем нет визуальной системы, вы просто открываете свой html файл в браузере и нотпаде, и когда сохраняете то что сделали, переходите в браузер и обновляете свою страницу, тогда вы видите что вы сделали. По поводу установки, просто нажмите установить и все. 0

@mrBobrillo 49 / 42 / 25 Регистрация: 18.11.2015 Сообщений: 279
	23.11.2015, 12:25
	Ну уже чутка получается. Но если вы действительно хотите заниматься своим сайтом, стоит начать учить как минимум html, css 0

@stecloduv 0 / 0 / 0 Регистрация: 18.11.2015 Сообщений: 52
	23.11.2015, 15:41 [ТС]
	мне позновато учится , и времени нет, поэтому и дрим вивер, одно дело кубики сложить в домик другое дело этот домик описать на китайском языке, Добавлено через 2 минуты подскажите можно исправить ошибку в нашей новой странице Error Line 73, Column 189: "download" is not a member of a group specified for any attribute …учет"/></a><a class="download__btn" href="images/sv1.jpg" download>Cкачать</a> 0

@mrBobrillo 49 / 42 / 25 Регистрация: 18.11.2015 Сообщений: 279
	23.11.2015, 17:52
	Возможно он ругается конкретно на тег download, ничего страшного не произойдет если так оно и есть и вы не будете убирать его. 0

@stecloduv 0 / 0 / 0 Регистрация: 18.11.2015 Сообщений: 52
	24.11.2015, 14:26 [ТС]
	он на него и ругается, если я его убираю то документ не скачивается 0

@mrBobrillo 49 / 42 / 25 Регистрация: 18.11.2015 Сообщений: 279
	24.11.2015, 14:27
	Значит его и не стоит трогать, пусть себе и дальше ругается, это не столь критично 0