Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: Блок на правой стороне страницы

Нужно сделать блок на правой стороне. Как это сделать?
Вот код всей страницы
Заранее благодарю.

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
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Zeences Design</title>
<link rel="shortcut icon" type="image/x-icon" href="style/images/favicon.png" />
<link rel="stylesheet" type="text/css" href="style.css" media="all" />
<link rel="stylesheet" type="text/css" href="style/color/red.css" media="all" />
<link rel="stylesheet" type="text/css" media="screen" href="style/css/prettyPhoto.css"  />
<link rel="stylesheet" type="text/css" href="style/css/jquery.slider.css" />
<link rel="stylesheet" type="text/css" href="style/type/museo.css" media="all" />
<link rel="stylesheet" type="text/css" href="style/type/ptsans.css" media="all" />
<link rel="stylesheet" type="text/css" href="style/type/charis.css" media="all" />
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="style/css/ie7.css" media="all" />
<![endif]-->
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="style/css/ie8.css" media="all" />
<![endif]-->
<!--[if IE 9]>
<link rel="stylesheet" type="text/css" href="style/css/ie9.css" media="all" />
<![endif]-->
<script type="text/javascript" src="style/js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="style/js/ddsmoothmenu.js"></script>
<script type="text/javascript" src="style/js/transify.js"></script>
<script type="text/javascript" src="style/js/jquery.jcarousel.js"></script>
<script type="text/javascript" src="style/js/carousel.js"></script>
<script type="text/javascript" src="style/js/twitter.min.js"></script>
<script type="text/javascript" src="style/js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="style/js/jquery.superbgimage.min.js"></script>
<script type="text/javascript" src="style/js/jquery.slickforms.js"></script>
<script type="text/javascript" src="style/js/jquery.slider.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($){
    $('.forms').dcSlickForms();
});
</script>
  <script type="text/javascript">
    jQuery(document).ready(function($) {
      $(".slider").slideshow({
        width      : 900,
        height     : 400,
        transition : 'ExplodeRandom'
      });
    });
  </script>
 
</head>
<body>
<!-- Fullscreen backgrounds -->
<div id="thumbs">
<a href="style/images/art/bg1.jpg">1</a>
<a href="style/images/art/bg2.jpg">2</a>
<a href="style/images/art/bg3.jpg">3</a>
<a href="style/images/art/bg4.jpg">4</a>
<a href="style/images/art/bg5.jpg">5</a>
<a href="style/images/art/bg6.jpg">6</a>
</div>
<div id="superbgimage">
    <div class="scanlines"></div>
</div>
<!-- End Fullscreen backgrounds -->
<!-- Begin Wrapper -->
<div id="wrapper">
  <div id="header">
    <div class="logo opacity"><a href="index.html"><img src="style/images/logo.png" alt="" /></a></div>
    <div class="social">
      <ul>
        <li><a href="#"><img src="style/images/icon-rss.png" alt="RSS" /></a></li>
        <li><a href="#"><img src="style/images/icon-facebook.png" alt="Facebook" /></a></li>
        <li><a href="#"><img src="style/images/icon-twitter.png" alt="Twitter" /></a></li>
        <li><a href="#"><img src="style/images/icon-googleplus.png" alt="Google+" /></a></li>
        <li><a href="#"><img src="style/images/icon-dribble.png" alt="Dribble" /></a></li>
        <li><a href="#"><img src="style/images/icon-flickr.png" alt="Flickr" /></a></li>
        <li><a href="#"><img src="style/images/icon-tumblr.png" alt="Tumblr" /></a></li>
      </ul>
    </div>
  </div>
  <div class="clear"></div>
  <!-- Begin Menu -->
  <div id="menu" class="menu opacity">
    <ul>
      <li><a href="index.html" class="active">Home</a></li>
      <li><a href="index.html">Sliders</a>
        <ul>
        <li><a href="index.html">Evolution Explode</a></li>
        <li><a href="index2.html">Evolution Random</a></li>
        <li><a href="index3.html">Awkward Fade</a></li>
        <li><a href="index4.html">Awkward Slide</a></li>
        </ul>
      </li>
      <li><a href="portfolio.html">Portfolio</a>
        <ul>
            <li><a href="portfolio.html">Portfolio 5 Columns</a></li>
          <li><a href="portfolio-post.html">Portfolio Post</a></li>
        </ul>
      </li>
      <li><a href="blog.html">Blog</a>
        <ul>
          <li><a href="post.html">Blog Post</a></li>
        </ul>
      </li>
      <li><a href="fullwidth.html">Pages</a>
        <ul>
          <li><a href="fullwidth.html">Full Width Page</a></li>
          <li><a href="pagewithsidebar.html">Page with Sidebar</a></li>
        </ul>
      </li>
      <li><a href="button-boxes-images.html">Styles</a>
        <ul>
          <li><a href="button-boxes-images.html">Buttons Boxes Images</a></li>
          <li><a href="columns.html">Columns</a></li>
          <li><a href="typography.html">Typography</a></li>
          <li><a href="tab-toggle-table.html">Tabs Toggle Tables</a></li>
          <li><a href="testimonials.html">Testimonials</a></li>
        </ul>
      </li>
      <li><a href="contact.html">Contact</a></li>
    </ul>
    <br style="clear: left" />
  </div>
  <!-- End Menu --> 
  
  <!-- Begin Container -->
  <div id="container" class="opacity"> 
    
    <!-- Begin Showcase -->
    <div class="slider">
      <div>
        <img src="style/images/art/s1.jpg" alt=""/>
      </div>
      
      <div>
        <div class="caption">Cras mattis consectetur purus sit amet fermentum.</div>
        <img src="style/images/art/s2.jpg" alt=""/>
      </div>
      
      <div>
        <div class="caption">Nullam quis risus eget urna mollis ornare vel eu leo. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</div>
        <img src="style/images/art/s3.jpg" alt=""/>
      </div>
      
      <div>
        <img src="style/images/art/s4.jpg" alt=""/>
      </div>
    </div>
    <!-- End Showcase -->
    
    <div class="intro">Aenean fringilla aliquam est, a porttitor arcu euismod et. Maecenas rutrum erat at arcu porta interdum. Cras convallis ligula ac risus imperdiet placerat.</div>
    <div class="hr2"></div>
    <!-- Divider --> 
    
    <!-- Begin Top Columns -->
    <h2>What We Do</h2>
    <div class="two-third">
      <p>Vivamus sodales pharetra libero, a tincidunt nisi condimentum a. Quisque non sodales nislero. Integer a tellus eget arcu fringilla molestie quis vel eros. Praesent fermentum vulputate purusa ornare. Vivamus imperdiet, quam et adipiscing placerat, nibh odio scelerisque risus, vitaere accumsan mi justo et quam. Pellentesque quis felis quis tortor porttitor lobortis nec ac risus.</p>
    </div>
    <div class="one-third last">
      <ul>
        <li>Vivamus at magna non ipsum.</li>
        <li>Etiam pharetra pretium eros.</li>
        <li>Curabitur porttitor ipsum nec magna.</li>
        <li>Maecenas cursus arcu a nulla tristique.</li>
      </ul>
    </div>
    <!-- End Top Columns -->
    
    <div class="clear"></div>
    <br />
    <br />
    <br />
    
    <!-- Begin 4 Columns -->
    
    <div class="one-fourth"> <img src="style/images/icon1.png" alt="" class="center" /><br />
      <h4 class="center">Web Design</h4>
      <p class="center">Vivamus soder pharetra libero atincidunt, nisi condimentum Quisque non sodales nislero.</p>
    </div>
    <div class="one-fourth"> <img src="style/images/icon2.png" alt="" class="center" /><br />
      <h4 class="center">Photography</h4>
      <p class="center">Vivamus soder pharetra libero atincidunt, nisi condimentum Quisque non sodales nislero.</p>
    </div>
    <div class="one-fourth"> <img src="style/images/icon3.png" alt="" class="center" /><br />
      <h4 class="center">Motion Graphic</h4>
      <p class="center">Vivamus soder pharetra libero atincidunt, nisi condimentum Quisque non sodales nislero.</p>
    </div>
    <div class="one-fourth last"> <img src="style/images/icon4.png" alt="" class="center" /><br />
      <h4 class="center">Optimization</h4>
      <p class="center">Vivamus soder pharetra libero atincidunt, nisi condimentum Quisque non sodales nislero.</p>
    </div>
    <div class="clear"></div>
    <div class="hr1"></div>
    <!-- Divider --> 
    
    <!-- Begin Latest Works -->
    <h2>Latest Works</h2>
    <div class="carousel">
      <div id="carousel-scroll"><a href="#" id="prev">Prev</a><a href="#" id="next">Next</a></div>
      <ul>
        <li> <a href="#"> <span class="overlay details"></span><img src="style/images/art/c1.jpg" alt="" /> </a> </li>
        <li> <a href="#"> <span class="overlay details"></span><img src="style/images/art/c2.jpg" alt="" /> </a> </li>
        <li> <a href="#"> <span class="overlay details"></span><img src="style/images/art/c3.jpg" alt="" /> </a> </li>
        <li> <a href="#"> <span class="overlay details"></span><img src="style/images/art/c4.jpg" alt="" /> </a> </li>
        <li> <a href="#"> <span class="overlay details"></span><img src="style/images/art/c5.jpg" alt="" /> </a> </li>
        <li> <a href="#"> <span class="overlay details"></span><img src="style/images/art/c6.jpg" alt="" /> </a> </li>
      </ul>
    </div>
    <!-- End Latest Works -->
    
    <div id="footer">
      <div class="footer-top"></div>
      <!-- Divider -->
      <div class="one-fourth">
        <h3>Latest Posts</h3>
        <ul class="latest-posts">
          <li><span class="date"><em class="day">22</em><em class="month">Jun</em></span> <a href="#">Vivamus soder pharetra libero atincidunt</a> </li>
          <li><span class="date"><em class="day">14</em><em class="month">May</em></span> <a href="#">Vivamus soder pharetra libero atincidunt</a> </li>
          <li><span class="date"><em class="day">11</em><em class="month">May</em></span> <a href="#">Vivamus soder pharetra libero atincidunt</a> </li>
          <li><span class="date"><em class="day">08</em><em class="month">Apr</em></span> <a href="#">Vivamus soder pharetra libero atincidunt</a> </li>
        </ul>
      </div>
      <div class="one-fourth">
        <h3>Flickr</h3>
        <ul class="flickr">
          <li><a href="#"><img src="style/images/art/f1.jpg" alt="" /></a></li>
          <li><a href="#"><img src="style/images/art/f2.jpg" alt="" /></a></li>
          <li><a href="#"><img src="style/images/art/f3.jpg" alt="" /></a></li>
          <li><a href="#"><img src="style/images/art/f4.jpg" alt="" /></a></li>
          <li><a href="#"><img src="style/images/art/f5.jpg" alt="" /></a></li>
          <li><a href="#"><img src="style/images/art/f6.jpg" alt="" /></a></li>
          <li><a href="#"><img src="style/images/art/f7.jpg" alt="" /></a></li>
          <li><a href="#"><img src="style/images/art/f8.jpg" alt="" /></a></li>
          <li><a href="#"><img src="style/images/art/f9.jpg" alt="" /></a></li>
        </ul>
      </div>
      <div class="one-fourth">
        <h3>Twitter</h3>
        <div id="twitter-wrapper">
          <div id="twitter"></div>
          <span class="username"><a href="http://twitter.com/elemisdesign">в†’ Follow @elemisdesign</a></span> </div>
      </div>
      <div class="one-fourth last">
        <h3>Get in Touch</h3>
        <!-- Form -->
        <div class="form-container">
          <form class="forms" action="contact/form-handler.php" method="post">
            <fieldset>
              <ol>
                <li class="form-row text-input-row">
                  <label>Name*</label>
                  <input type="text" name="name" value="" class="text-input required" title="" />
                </li>
                <li class="form-row text-input-row">
                  <label>Email*</label>
                  <input type="text" name="email" value="" class="text-input required email" title="" />
                </li>
                <li class="form-row text-area-row">
                  <textarea name="message" class="text-area required"></textarea>
                </li>
                <li class="form-row hidden-row">
                  <input type="hidden" name="hidden" value="" />
                </li>
                <li class="button-row">
                  <input type="submit" value="Submit" name="submit" class="btn-submit" />
                </li>
              </ol>
              <input type="hidden" name="v_error" id="v-error" value="Required" />
              <input type="hidden" name="v_email" id="v-email" value="Enter a valid email" />
            </fieldset>
          </form>
          <div class="response"></div>
        </div>
        <!-- End Form --> 
      </div>
      <div class="clear"></div>
    </div>
  </div>
  <!-- End Container -->
  
  <div id="copyright" class="opacity">
    <p>В© 2011 Zeences Design. All Right Reserved.</p>
  </div>
</div>
<!-- End Wrapper --> 
 
<script type="text/javascript" src="style/js/scripts.js"></script>
</body>
</html>


Ответ: Я не понял вопроса.
CSS
1
float:left;
для блока с розовым фоном
Вопрос: Почему не срабатывает CSS-класс?

Есть вот такая страница:

<!DOCTYPE html><!-- HTML5 -->

<html lang="ru-RU" dir="ltr">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

		<title>Доплата банковской картой без комиссии</title>

		<meta charset="utf-8" />
		<!--[if IE]><meta http-equiv="ImageToolbar" content="False" /><![endif]-->
		<meta name="generator" content="Incomedia WebSite X5 Professional 11.0.8.31 - www.websitex5.com" />

		<meta name="viewport" content="width=947" />

		<link rel="icon" href="favicon.png" type="image/png" />
		<link rel="stylesheet" type="text/css" href="style/reset.css" media="screen,print" />
		<link rel="stylesheet" type="text/css" href="style/print.css" media="print" />
		<link rel="stylesheet" type="text/css" href="style/style.css" media="screen,print" />
		<link rel="stylesheet" type="text/css" href="style/template.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="style/menu.css" media="screen" />
		<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="style/ie.css" media="screen" /><![endif]-->
		<link rel="alternate" type="application/rss+xml" title="Новости" href="x5feed.php" />
		<link rel="alternate" type="application/rss+xml" title="" href="blog/x5feed.php" />

		<link rel="stylesheet" type="text/css" href="pcss/800.css" media="screen" />

		<script type="text/javascript" src="res/jquery.js?31"></script>
		<script type="text/javascript" src="res/x5engine.js?31"></script>
		<script type="text/javascript" src="files/checkid(1).js"></script>

		<script type="text/javascript">
			x5engine.boot.push(function () { x5engine.bgStretch('style/bg.jpg', true, 0); });
		</script>

		<style type="text/css">
			.incorrect-input {
			background-color: lightpink;
			border: red 1px solid;
			color: red;
			}
			.inactive-button {
			cursor:default;
			}
			.active-button {
			cursor: pointer;
			}
		</style>
						
		<script type="text/javascript">
		var jqs = jQuery.noConflict();
		(function(jqs) {
			jqs(document).ready(function () {
			alert(jqs('[name=PAYMENT_NO]').attr('class'));
				jqs('[name=PAYMENT_NO]')
				.addClass('incorrect-input')
				.bind('keypress', function(eo) { return checkId(eo); })
				.bind('keyup', function() { checkIdFormat(); })
				.bind('change', function() { checkIdFormat(); });
			alert(jqs('[name=PAYMENT_NO]').attr('class'));
				jqs('[type=submit]').addClass('inactive-button').attr('disabled', 'dissabled');
				});
		})(jQuery);
		
		</script>
		

		<meta name='yandex-verification' content='15d125435ecda98c' />
	</head>

	<body>

		<div id="imHeaderBg"></div>

		<div id="imFooterBg"></div>

		<div id="imPage">

			<div id="imHeader">

				<h1 class="imHidden">Доплата  банковской картой без комиссии</h1>

				

			</div>

			<a class="imHidden" href="#imGoToCont" title="Заголовок главного меню">Перейти к контенту</a>

			<a id="imGoToMenu"></a><p class="imHidden">Главное меню:</p>

			<div id="imMnMn" class="auto">

				<ul class="auto">
					<li id="imMnMnNode0" class="imMnMnFirst">
						<a href="index.html">
							<span class="imMnMnFirstBg">
								<span class="imMnMnTxt"><span class="imMnMnImg"></span><span class="imMnMnTextLabel">Оплата </span></span>
							</span>
						</a>
					</li><li id="imMnMnNode3" class="imMnMnMiddle">
						<a href="kak-oplatit-trikolor-tv.html">
							<span class="imMnMnFirstBg">
								<span class="imMnMnTxt"><span class="imMnMnImg"></span><span class="imMnMnTextLabel">Как оплатить</span></span>
							</span>
						</a>
					</li><li id="imMnMnNode105" class="imMnMnMiddle">
						<a href="kanaly.html">
							<span class="imMnMnFirstBg">
								<span class="imMnMnTxt"><span class="imMnMnImg"></span><span class="imMnMnTextLabel">Каналы</span></span>
							</span>
						</a>
					</li><li id="imMnMnNode6" class="imMnMnMiddle">
						<a href="aktsii.html">
							<span class="imMnMnFirstBg">
								<span class="imMnMnTxt"><span class="imMnMnImg"></span><span class="imMnMnTextLabel">Акции</span></span>
							</span>
						</a>
					</li><li id="imMnMnNode50" class="imMnMnMiddle">
						<a href="support.html">
							<span class="imMnMnFirstBg">
								<span class="imMnMnTxt"><span class="imMnMnImg"></span><span class="imMnMnTextLabel">Служба поддержки </span></span>
							</span>
						</a>
					</li><li id="imMnMnNode5" class="imMnMnMiddle">
						<a href="novosti.php">
							<span class="imMnMnFirstBg">
								<span class="imMnMnTxt"><span class="imMnMnImg"></span><span class="imMnMnTextLabel">Новости</span></span>
							</span>
						</a>
					</li><li id="imMnMnNode8" class="imMnMnLast">
						<a href="o_kompanii.html">
							<span class="imMnMnFirstBg">
								<span class="imMnMnTxt"><span class="imMnMnImg"></span><span class="imMnMnTextLabel">О компании</span></span>
							</span>
						</a>
					</li>
				</ul>
			</div>
			<div id="imContentGraphics"></div>
			<div id="imContent">
				<a id="imGoToCont"></a>
				<h2 id="imPgTitle">Доплата </h2>
				<div style="width: 912px; float: left;">
					<div id="imCell_166" class="imGrid[0, 0]"><div id="imCellStyleGraphics_166"></div><div id="imCellStyle_166"><div id="imTextObject_166">
						<div class="text-tab-content"  id="imTextObject_166_tab0" style="text-align: left;">
							<div class="text-inner">
								<div style="text-align: center;"><span class="fs16 cf1 ff1">Доплата за тариф "Единый Мульти"</span></div>
							</div>
						</div>
					</div>
					</div></div>
				</div>
				<div style="width: 912px; float: left;">
					<div id="imCell_167" class="imGrid[1, 1]"><div id="imCellStyleGraphics_167"></div><div id="imCellStyle_167"><img id="imObjectImage_167" src="images/line_small_i55m0978.png" title="" alt="" height="20" width="900" /></div></div>
				</div>
				<div style="width: 912px; float: left;">
					<div style="float: left; width: 130px;">
						<div style="height: 40px;"> </div>
					</div>
					<div style="float: left; width: 130px;">
						<div style="height: 40px;"> </div>
					</div>
					<div style="float: left; width: 392px;">
						<div id="imCell_204" class="imGrid[2, 2]"><div id="imCellStyleGraphics_204"></div><div id="imCellStyle_204"><div id="imHTMLObject_204" class="imHTMLObject" style=" overflow: auto; text-align: center;">
						<form name="ShopForm" method="POST" action="https://paymaster.ru/Payment/Init">
						<font face="Comic Sans MS" size="2">
						<input type="hidden" name="MERCHANT_ID" value="50f6484d-4dbe-4893-83ab-10ba61000d83">
						Номер договора*:

						"12 или 14 цифр"

						<input type="text" class="num" name="PAYMENT_NO" size="18" placeholder="12 или 14 цифр" maxlength="14" />
						

						Содержание заказа:


						<p>Тарифный план 1руб.</p>
						<input name="PAYMENT_AMOUNT" value="1" type="hidden">

						<input type="hidden" name="CURRENCY" value="RUB">
						<input type="hidden" name="PAYMENT_DESC" value="Оплата пакета каналов Ночной">
						<input type="submit" value="Оплатить">

						
</font></form> </div></div></div>
					</div>
					<div style="float: left; width: 260px;">
						<div style="height: 40px;"> </div>
					</div>
				</div>
				<div style="width: 912px; float: left;">
					<div style="height: 15px;"> </div>
				</div>
				<div id="imFooPad" style="height: 213px; float: left;"> </div><div id="imBtMn"><a href="index.html">Оплата </a> | <a href="kak-oplatit-trikolor-tv.html">Как оплатить</a> | <a href="kanaly.html">Каналы</a> | <a href="aktsii.html">Акции</a> | <a href="support.html">Служба поддержки </a> | <a href="novosti.php">Новости</a> | <a href="o_kompanii.html">О компании</a> | <a href="imsitemap.html">Главная Карта Сайта</a></div>				  
				<div class="imClear"></div>
			</div>
			<div id="imFooter">
				<div style="position: absolute; top: 17px; left: 441px; width: 42px; height: 31px; overflow: hidden;"><!-- Yandex.Metrika counter --><script type="text/javascript"> (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter32928629 = new Ya.Metrika({ id:32928629, clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks");</script><noscript><div><img src="https://mc.yandex.ru/watch/32928629" style="position:absolute; left:-9999px;" alt="" /></div></noscript><!-- /Yandex.Metrika counter --></div>
			</div>
		</div>
		<span class="imHidden"><a href="#imGoToCont" title="Прочесть эту страницу заново">Назад к содержимому</a> | <a href="#imGoToMenu" title="Прочесть этот сайт заново">Назад к главному меню</a></span>
	
		<noscript class="imNoScript"><div class="alert alert-red">Чтобы использовать этот сайт, необходимо включить JavaScript</div></noscript>
	</body>
</html>


Почему-то не отображаются параметры, заданные в стиле incorrect-input. alert показывает, что класс цепляется к input'у но его настройки не отображаются. Если же я устанавливаю каждую настройку отдельно, то всё отрабатывается нормально.
То же самое и submit'ом.
причём, при проверке в Visual Studio и выкладывании части кода связанного как раз с изменением настроек контролов на другой сайт (IIS) всё работает нормально.

Что может мешать применению класса к контролу?
Ответ: Antonariy, спасибо, дружище! Это сработало!
Вопрос: Обязательные поля не работают

Есть код, почему-то обязательные поля не работают и человек без проблем отправляет форму.
Сижу уже пол часа голову ломаю.

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
{% extends "layout.twig" %}
 
{% block content %}
<h1>Добавить запись - Шаг 1 из 2</h1>
<form id="add">
<table width="700" align="center" id="step1">
    <tbody><tr><td align="center" class="b"  style="color:red" colspan="2">Внимание! Все записи перед публикацией проверяются модератором!</td></tr>
    <tr><td>&nbsp;</td></tr>
    <tr>
        <td colspan="2" align="center"><br><span class="b" style="font-size: 14px;">Персональная информация на у</span><br>Введите одно или больше значений, по одному в строку<br>Пожалуйста вводите только проверенную информацию, иначе лучше оставьте поле пустым!<br><br></td>
    </tr>
        <tr>
        <td width="30%" align="right" valign="top">
<span class="b" style="font-size: 14px;">Ник</span><br><span class="hint">Один или более ников ы</span></td><td>
<textarea cols="40" class="rounded" rows="4" maxlength="300" required name="nic"></textarea><br> 
        </td>
    </tr>
            <tr>
        <td width="30%" align="right" valign="top">
<span class="b" style="font-size: 14px;">ФИО</span><br><span class="hint">Введите ФИО ы, если оно известно</span></td><td>
<textarea cols="40" rows="1" class="rounded" maxlength="100" id="stop" style="resize: none;" name="fio"></textarea><br> 
        </td>
    </tr>
        <tr>
        <td width="30%" align="right" valign="top">
<span class="b" style="font-size: 14px;">Страна/город</span><br><span class="hint">Введите страну/город/адрес где проживает а</span></td><td>
<textarea cols="40" rows="4" class="rounded" maxlength="350" name="gorod"></textarea><br> 
        </td>
    </tr>
        <tr>
        <td width="30%" align="right" valign="top">
<span class="b" style="font-size: 14px;">Мобильный</span><br><span class="hint"Введите известные мобильные номера ы</span></td><td>
<textarea cols="40" rows="4" class="rounded" maxlength="200" name="mobile"></textarea><br> 
        </td>
    </tr>
            <tr>
        <td width="30%" align="right" valign="top">
<span class="b" style="font-size: 14px;">СоцСети</span><br><span class="hint"Введите известные ссылки на профили ы в соцсетях</span></td><td>
<textarea cols="40" rows="4" class="rounded" maxlength="100" name="socseti"></textarea><br> 
        </td>
    </tr>
    <tr>
        <td width="30%" align="right" valign="top">
<span class="b" style="font-size: 14px;">E-mail</span><br><span class="hint">E-Mail адреса ы</span></td><td>
<textarea cols="40" rows="4" class="rounded" maxlength="150" name="email"></textarea><br> 
        </td>
    </tr>
        <tr>
        <td width="30%" align="right" valign="top">
<span class="b" style="font-size: 14px;">ICQ</span><br><span class="hint">ICQ номера ы</span></td><td>
<textarea cols="40" rows="4" class="rounded" maxlength="100" name="icq"></textarea><br> 
        </td>
    </tr>
        <tr>
        <td width="30%" align="right" valign="top">
<span class="b" style="font-size: 14px;">Jabber</span><br><span class="hint">Jabber ID ы</span></td><td>
<textarea cols="40" rows="4" class="rounded" maxlength="150" name="jabber"></textarea><br> 
        </td>
    </tr>
            <tr>
        <td width="30%" align="right" valign="top">
<span class="b" style="font-size: 14px;">Другие виды связи</span><br><span class="hint">Другие виды связи ы</span></td><td>
<textarea cols="40" rows="4" class="rounded" maxlength="200" name="othermob"></textarea><br> 
        </td>
    </tr>
        <tr>
        <td width="30%" align="right" valign="top">
<span class="b" style="font-size: 14px;">Webmoney</span><br><span class="hint">Аккаунты в Webmoney, кошельки R/Z/U/and etc</span></td><td>
<textarea cols="40" rows="4" class="rounded" maxlength="150" name="webmoney"></textarea><br> 
        </td>
    </tr>
        <tr>
        <td width="30%" align="right" valign="top">
<span class="b" style="font-size: 14px;">QIWI</span><br><span class="hint">Введите известные кошельки ы</span></td><td>
<textarea cols="40" rows="4" class="rounded" maxlength="100" name="qiwi"></textarea><br> 
        </td>
    </tr>
        <tr>
        <td width="30%" align="right" valign="top">
<span class="b" style="font-size: 14px;">BitCoin</span><br><span class="hint">Введите известные кошельки ы</span></td><td>
<textarea cols="40" rows="4" class="rounded" maxlength="200" name="btc"></textarea><br> 
        </td>
    </tr>
        <tr>
        <td width="30%" align="right" valign="top">
<span class="b" style="font-size: 14px;">Другие виды платежек (банков)</span><br><span class="hint">Введите известные кошельки/номера карт ы.</span></td><td>
<textarea cols="40" rows="4" class="rounded" maxlength="300" name="othermoney"></textarea><br> 
        </td>
    </tr>
        <tr>
        <td width="30%" align="right" valign="top">
<span class="b" style="font-size: 14px;">Ссылка на профиль</span><br><span class="hint">Ссылки на профили ы</span></td><td>
<textarea cols="40" rows="4" class="rounded" maxlength="100" name="url"></textarea><br> 
        </td>
    </tr>
 
    <tr>
        <td width="30%" align="right" valign="top">
<span class="b" style="font-size: 14px;">Ссылка на блэк</span><br><span class="hint">Один или более топиков с форумов где был признан ой</span></td><td>
<textarea cols="40" rows="4" class="rounded" maxlength="500" name="topic"></textarea><br> 
        </td>
    </tr>
   
    <tr>
        <td colspan="2" align="center">
            <input type="button" class="next rounded" value="Далее">
        </td>
    </tr>
</tbody></table>
 
<table width="700" align="center" style="display:none" id="step2">
    <tbody><tr><td align="center" class="b" colspan="2" style="color:red">Warning: Внимание! Все записи перед публикацией проверяются модератором!</td></tr>
    <tr><td>&nbsp;</td></tr>
    <tr>
        <td align="right" width="30%"><span class="b" style="font-size: 14px;">Ваше имя или ник</span><br><span class="hint">Может быть ненастоящее. Будет опубликовано</span></td>
        <td><input class="rounded" type="text" size="30" maxlength="50" name="unic" required></td>
    </tr>
    <tr>
        <td align="right" width="30%"><span class="b" style="font-size: 14px;">Ваш адрес e-mail </span><br><span class="hint">Требуется настоящий. Не будет опубликован</span></td>
        <td><input type="text" class="rounded" size="30" maxlength="50" name="uemail"></td>
    </tr>
    <tr>
        <td align="right" width="30%"><span class="b" style="font-size: 14px;">Ваш номер ICQ/Jabber</span><br><span class="hint">Требуется настоящий. Не будет опубликован</span></td>
        <td><input type="text" class="rounded" size="30" maxlength="50" name="uicq"></td>
    </tr>
            <tr>
        <td align="right" width="30%"><span class="b" style="font-size: 14px;">Скриншоты</span><br><span class="hint">Пожалуйста предоставьте как минимум  скриншот</span></td>
        <td><textarea cols="40" class="rounded" maxlength="400" name="screen"></textarea>
        </td>
    </tr>
    <tr>
        <td align="right" width="30%" class="b" style="font-size: 14px;">Тема (заголовок) записи</td>
        <td><input type="text" class="rounded" size="40" maxlength="150" name="utopic" required></td>
    </tr>
    <tr>
        <td colspan="2" align="center"><span class="b" style="font-size: 14px;">Опишите наиболее подробно детали проишествия</span><br>Пожалуйста предоставьте как минимум одно доказательство<br>HTML-теги будут автоматически убраны. Если хотите вставить ссылку, просто напишите URL, скрипт автоматически добавит всё необходимое<br>
        <textarea rows="30" class="rounded" cols="80" name="udescr" maxlength="1000" required></textarea>
        </td>
    </tr>
    <tr>
        <td colspan="2" align="center">
            <input type="button" class="save rounded" value="Отправить данные">
        </td>
    </tr>
</tbody></table>
 
 
</form>
<script>
function getCharCode(event) {
    return null === event.which // IE
        ? event.keyCode
        : !(0 === event.which || 0 === event.charCode) ? event.which : -1;
}
document.getElementById('stop').addEventListener('keypress'
    , function(event) {
        if ( 13 === getCharCode(event) ) // Enter
            event.preventDefault();
    }
    , false
);
</script>
 
{% endblock %}
Ответ: Прочитайте внимательно:
reguired будет работать для тэга input.
Пример:
HTML5
1
Firstname<input type="text" name="firstname" id="firstname" pattern="[A-Za-z\s]+" required /><br>
Вопрос: Код переадрессации Javascript

Здравствуйте.

Создал мобильный сайт с помощью системы goMobi, сгенерировал код переадрессации с помощью Javascript:
Code
1
2
<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.novinteh.ru"/>
<script type="text/javascript" src="http://detect.deviceatlas.com/redirect.js?m=http%3A%2F%2Fm.novinteh.ru"></script>
goMobi пишет, что нужно вставить этот код в тег <head> на страницах основного сайта.
Имеется CMS SSPro v. 2.04 build: 087. Очень старая.
В CMS есть пункт структура сайта (изменение контента страниц в html, но без тегов <html>, <head> и т.д.) и редактирование дизайна дизайна (тут как раз эти теги есть, т.е., как я понял, именно тут надо вставлять код).

Собственно говоря, я этот код и вставил, сохранил, захожу с мобильного телефона, а перенаправление не осуществляется.

Код дизайна, который получился, с вставленным кодом JavaScript перенаправления:
Code
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
<html>
<head>
<title> {Var:PageTitle}</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta http-equiv="Content-Language" content="ru">
<meta name="description" content=" {Var:PageDescription} ">
<meta name="keywords" content=" {Var:PageKeywords} ">
<meta name="classification" content=" {Var:PageDescription}">
<LINK REL="stylesheet" TYPE="text/css" HREF="../style/style.css">   
    <meta name="distribution" content="Global">
    <meta name="rating" content="General">
    <meta name="site-created" content="2007">
    <meta name="revisit" content="7 days">
    <meta name="revisit-after" content="7 days">
    <meta name="audience" content="all">
    <meta name="allow-search" content="yes">
    <meta name="robots" content="index, all">
    <meta name="author" content="SWE-ART Web-design&programming(www.swe.ru)">
    <meta name="CMS" content="SSPRO (c)SWE-ART (www.sspro.ru)">
    <meta name="Copyright" content="2004 (c) SWE-ART Web-design&programming(www.swe.ru)">
    <meta name="home_url" content="http://www.novinteh.ru">
    <meta name="other.language" content="Russian, English">
 
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> 
 
<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.novinteh.ru"/>
<script type="text/javascript" src="http://detect.deviceatlas.com/redirect.js?m=http%3A%2F%2Fm.novinteh.ru"></script>
 
<script language=javaScript src="../js/sc.js"></script>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="isLoad=1;">
<table border="0" width="100%" cellspacing="0" cellpadding="0" height="100%">
    <tr>
        <td height="0%">
        <table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0">
            <tr>
                <td background="../images/novinteh_05.jpg">
                <img src="../images/novinteh_01.jpg" width="431" height="122" alt=""></td>
                <td width="204">
                <img src="../images/novinteh_02.jpg" width="204" height="122" alt="НТФ НОВИНТЕХ системы мониторинга резервуаров"></td>
                <td align="right" background="../images/novinteh_06.jpg">
                <img src="../images/novinteh_03.jpg" width="365" height="122" alt=""></td>
            </tr>
        </table>
        </td>
    </tr>
    <tr>
        <td bgcolor="#CEE6FF" height="0%" background="../images/novinteh_26.jpg" style="background-repeat:repeat-y; background-position: center">
            <table border="0" width="100%" id="table7" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="50">
            <img src="../images/novinteh_04.jpg" width="50" height="16" alt=""></td>
                    <td align="right" valign="top">
                    <table border="0" id="table8" cellspacing="0" cellpadding="0" width="300">
                        <tr>
                            <td width="20%">
                            <a href="/">
                            <img border="0" src="../images/home.gif" width="11" height="12" alt="На главную"></a></td>
                            <td width="20%">
                            <a href="Page23.html">
                            <img border="0" src="../images/mail.gif" width="10" height="12" alt="Наш адрес"></a></td>
                            <td width="20%">
                            <a href="Page15.html">
                            <img border="0" src="../images/map.gif" width="11" height="12" alt="Карта сайта"></a></td>
                            <td style="padding-top:2px" valign=top width="20%">
                            <a href="http://www.novinteh.ru/"><img border="0" src="../images/novinteh_07.jpg" width="22" height="12" alt="РУС"></a></td>
                            <td style="padding-top:2px" valign=top width="20%">
                            <a href="http://eng.novinteh.ru/"><img border="0" src="../images/novinteh_09.jpg" width="22" height="12" alt="ENG"></a></td>
                        </tr>
                    </table>
                    </td>
                </tr>
            </table>
</td>
    </tr>
    <tr>
        <td bgcolor="#4C607B" height="0%">
            <img src="../images/novinteh_13.jpg" width="50" height="3" alt=""></td>
    </tr>
    <tr>
        <td height="100%" valign="top">
        <table border="0" width="100%" id="table2" cellspacing="0" cellpadding="0" height="100%">
            <tr>
                <td valign="top" width="1%" background="../images/novinteh_08.jpg" style="background-repeat:repeat-y; background-position: left" bgcolor="#F5F8FD">
                <table border="0" width="100%" id="table3" cellspacing="0" cellpadding="0">
                    <tr>
                        <td valign="top" width="100%">
                        <table border="0" width="100%" id="table4" cellspacing="0" cellpadding="0">
                            <tr>
                                <td width="50" valign="top">
            <img src="../images/novinteh_14.jpg" width="50" height="229" alt=""></td>
                                <td valign="top">
                                <table border="0" width="100%" cellspacing="0" cellpadding="6">
            <tr>
                <td height="200" valign="top" background="../images/novinteh_16.jpg" style="background-repeat:no-repeat; background-position: top right" width="161"><br>
                {mod: Menu: showCatalog: template_file= Menu_vert_tree.htm}</td>
            </tr>
            <tr>
                <td width="161"><br>{mod: Template : Show : template_id= 156 }</td>
            </tr>
        </table>                                
                                </td>
                            </tr>
                        </table>
                        </td>
                    </tr>
                </table>
                </td>
                <td valign="top" bgcolor="#4C607B" width="0%">
            <img src="../images/spacer.gif" width="4" height="1" alt=""></td>
                <td valign="top" width="99%">
                
    <table border="0" width="100%" cellspacing="20" cellpadding="0">
        <tr>
            <td><span class="pagename">{Var:PageName}{var:CatalogItemName: 
                        notshowifItemName=1}{var: ItemName: outbefore=}</span></td>
            <td align="right" nowrap valign="top">&nbsp;</td>
        </tr>
    </table>
                <table border="0" width="100%" id="table6" cellspacing="0" cellpadding="20">
                    <tr>
                        <td style="padding-top:0px">{Var:PageContent}</td>
                    </tr>
                </table>
 
</td>
            </tr>
        </table>
        </td>
    </tr>
    <tr>
        <td bgcolor="#4C607B" height="0%">
            <img src="../images/novinteh_24.jpg" width="50" height="3" alt=""></td>
    </tr>
    <tr>
        <td bgcolor="#CEE6FF" height="0%" background="../images/novinteh_26.jpg" style="background-repeat:repeat-y; background-position: center">
            <table border="0" width="100%" id="table9" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="50">
            <img src="../images/novinteh_25.jpg" width="50" height="41" alt=""></td>
                    <td style="padding-left:6px">
                    &nbsp;<!--
                    <a href="http://www.swe.ru" target="_blank">
                    Создание сайта</a> Cве Арт<br>
<a href="http://www.cms-info.ru" target="_blank">Cms</a> Sspro
                    -->
                    </td>
                    <td width="103">
            <img src="../images/pistolet1.gif" width="103" height="41" alt=""></td>
                </tr>
            </table>
</td>
    </tr>
    <tr>
        <td height="0%" background="../images/pistolet2.jpg" style="background-repeat:no-repeat; background-position: top right">
            <table border="0" width="100%" id="table5" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="50" background="../images/novinteh_29.jpg">
            <img src="../images/novinteh_29.jpg" width="50" height="50" alt=""></td>
                    <td style="padding:6px">{mod: Template : Show : template_id= 
                    20 }</td>
                    <td style="padding:6px" align="right">{mod: Template : Show 
                    : template_id= 176 }</td>
                </tr>
            </table>
    </td>
    </tr>
</table>
</body>
</html>
Ответ: DANDYww, попробуйте в конец адреса добавить
Code
1
&redirect=true
чтобы примерно так было:
HTML5
1
<script type="text/javascript" src="http://detect.deviceatlas.com/redirect.js?m=http%3A%2F%2Fm.novinteh.ru&redirect=true"></script>
Вопрос: Запрос type="text/css" media="screen"

Если в этих двух файла будет написан один и тот же код

<link rel="stylesheet" href="css/style.css">

<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" >

будет ли разница в их работы
Ответ:
type="text/css" скорее всего роли не играет
media="screen" не будет работать при печати. Не уверен о том как сработает с мобилками.
Вопрос: Запрос type="text/css" media="screen"

Если в этих двух файла будет написан один и тот же код

<link rel="stylesheet" href="css/style.css">

<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" >

будет ли разница в их работы
Ответ:
type="text/css" скорее всего роли не играет
media="screen" не будет работать при печати. Не уверен о том как сработает с мобилками.
Вопрос: Запрос type="text/css" media="screen"

Если в этих двух файла будет написан один и тот же код

<link rel="stylesheet" href="css/style.css">

<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" >

будет ли разница в их работы
Ответ:
type="text/css" скорее всего роли не играет
media="screen" не будет работать при печати. Не уверен о том как сработает с мобилками.
Вопрос: Запрос type="text/css" media="screen"

Если в этих двух файла будет написан один и тот же код

<link rel="stylesheet" href="css/style.css">

<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" >

будет ли разница в их работы
Ответ:
type="text/css" скорее всего роли не играет
media="screen" не будет работать при печати. Не уверен о том как сработает с мобилками.
Вопрос: Запрос type="text/css" media="screen"

Если в этих двух файла будет написан один и тот же код

<link rel="stylesheet" href="css/style.css">

<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" >

будет ли разница в их работы
Ответ:
type="text/css" скорее всего роли не играет
media="screen" не будет работать при печати. Не уверен о том как сработает с мобилками.
Вопрос: Запрос type="text/css" media="screen"

Если в этих двух файла будет написан один и тот же код

<link rel="stylesheet" href="css/style.css">

<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" >

будет ли разница в их работы
Ответ:
type="text/css" скорее всего роли не играет
media="screen" не будет работать при печати. Не уверен о том как сработает с мобилками.