1. [автор] (29 дек 2015, 10:55) [0/0] [0] [отв] [спам] [под] +1 | -1
Выводя этот код, тест размещен посередине (ближе к правому боку), хотя там ясно прописано - СЛЕВА! В чем может быть проблема?
Добавлено 29.12.15 в 10:57:34:
Скрин
Всем доброго здоровьичка) Имеется страница с тестом. код страницы
<!DOCTYPE html>
<!-- templatemo 413 flip turn -->
<!--
Flip Turn Template
http://www.templatemo.com/preview/templatemo_413_flip_turn
-->
<head>
<title>SmartyCMS</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="css/magnific-popup.css" rel="stylesheet">
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/javascript" charset="utf-8" src="js/var_qs.js"></script>
<SCRIPT language=JavaScript>
<!-- hide
var
scrtxt = "Бегущая строка" ;
var length = scrtxt.length;
var width = 100;
var pos = -(width + 2);
function scroll() {
pos++;
var scroller = "";
if (pos == length)
{
pos = -(width + 2);
}
if (pos < 0) {
for (var i = 1; i <= Math.abs(pos); i++)
{
scroller = scroller+" ";}
scroller = scroller + scrtxt.substring(0, width - i + 1);
}
else {
scroller = scroller + scrtxt.substring(pos, width + pos);
}
window.status = scroller;
setTimeout("scroll()", 100);
}
// -->
</SCRIPT>
<META content="MSHTML 6.00.2800.1106" name=GENERATOR>
</head>
<body onload=scroll()>
<div class="main-container">
<nav class="main-nav">
<div id="logo" class="left"><a href="#">SmartyCMS</a></div>
<ul class="nav right center-text">
<li class="btn active">Старт</li>
<li class="btn"><a href="about.html">О программе</a></li>
<li class="btn"><a rel="nofollow" href="http://www.google.com">Наш сайт</a></li>
</ul>
</nav>
<p align="left">
<FORM name=test>
<H3>Название теста </H3></p>
<OL>
<LI>
<H4><INPUT size=1 name=T1> Вопрос 1 </H4>
<INPUT type=radio name=Q1> ответ 1.1 <BR>
<INPUT type=radio name=Q1> ответ 2.1 <BR>
<INPUT type=radio name=Q1> ответ 3.1 <BR>
<INPUT type=radio name=Q1> ответ 4.1 <BR><BR>
<LI>
<H4><INPUT size=1 name=T2> Вопрос 2 </H4>
<INPUT type=radio name=Q2> ответ 1.2 <BR>
<INPUT type=radio name=Q2> ответ 2.2 <BR>
<INPUT type=radio name=Q2> ответ 3.3 <BR>
<INPUT type=radio name=Q2> ответ 4.4 <BR><BR>
<LI>
<H4><INPUT size=1 name=T3> Вопрос 3 </H4>
<INPUT type=radio name=Q3> ответ 1.3 <BR>
<INPUT type=radio name=Q3> ответ 2.3 <BR>
<INPUT type=radio name=Q3> ответ 3.3 <BR>
<INPUT type=radio name=Q3> ответ 4.3 <BR><BR>
<LI>
<H4><INPUT size=1 name=T4> Вопрос 4 </H4>
<INPUT type=radio name=Q4> ответ 1.4 <BR>
<INPUT type=radio name=Q4> ответ 2.4 <BR>
<INPUT type=radio name=Q4> ответ 3.4 <BR>
<INPUT type=radio name=Q4> ответ 4.4 <BR><BR>
<LI>
<H4><INPUT size=1 name=T5> Вопрос 5 </H4>
<INPUT type=radio name=Q5> ответ 1.5 <BR>
<INPUT type=radio name=Q5> ответ 2.5 <BR>
<INPUT type=radio name=Q5> ответ 3.5 <BR>
<INPUT type=radio name=Q5> ответ 4.5 <BR><BR>
<LI>
<H4><INPUT size=1 name=T6> Вопрос 6 </H4>
<INPUT type=radio name=Q6> ответ 1.6 <BR>
<INPUT type=radio name=Q6> ответ 2.6 <BR>
<INPUT type=radio name=Q6> ответ 3.6 <BR>
<INPUT type=radio name=Q6> ответ 4.6 <BR>
</LI></OL><BR>
<P><TEXTAREA name=s1 rows=4 cols=70> </TEXTAREA> </P><INPUT onclick=check_me()
type=button value="Показать результат">
<INPUT type=reset value="Сбросить ответы"> <BR><BR></FORM><BR>
<P>
<H5> © автор., год</H5>
<P></P>
<!-- /.content-container -->
<footer>
<p>Copyright © 2084 Your Company Name</p>
<div class="social right">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-google-plus"></i></a>
<a href="#"><i class="fa fa-dribbble"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
</div>
</footer>
</div>
</body>
</html>
<!-- templatemo 413 flip turn -->
<!--
Flip Turn Template
http://www.templatemo.com/preview/templatemo_413_flip_turn
-->
<head>
<title>SmartyCMS</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="css/magnific-popup.css" rel="stylesheet">
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/javascript" charset="utf-8" src="js/var_qs.js"></script>
<SCRIPT language=JavaScript>
<!-- hide
var
scrtxt = "Бегущая строка" ;
var length = scrtxt.length;
var width = 100;
var pos = -(width + 2);
function scroll() {
pos++;
var scroller = "";
if (pos == length)
{
pos = -(width + 2);
}
if (pos < 0) {
for (var i = 1; i <= Math.abs(pos); i++)
{
scroller = scroller+" ";}
scroller = scroller + scrtxt.substring(0, width - i + 1);
}
else {
scroller = scroller + scrtxt.substring(pos, width + pos);
}
window.status = scroller;
setTimeout("scroll()", 100);
}
// -->
</SCRIPT>
<META content="MSHTML 6.00.2800.1106" name=GENERATOR>
</head>
<body onload=scroll()>
<div class="main-container">
<nav class="main-nav">
<div id="logo" class="left"><a href="#">SmartyCMS</a></div>
<ul class="nav right center-text">
<li class="btn active">Старт</li>
<li class="btn"><a href="about.html">О программе</a></li>
<li class="btn"><a rel="nofollow" href="http://www.google.com">Наш сайт</a></li>
</ul>
</nav>
<p align="left">
<FORM name=test>
<H3>Название теста </H3></p>
<OL>
<LI>
<H4><INPUT size=1 name=T1> Вопрос 1 </H4>
<INPUT type=radio name=Q1> ответ 1.1 <BR>
<INPUT type=radio name=Q1> ответ 2.1 <BR>
<INPUT type=radio name=Q1> ответ 3.1 <BR>
<INPUT type=radio name=Q1> ответ 4.1 <BR><BR>
<LI>
<H4><INPUT size=1 name=T2> Вопрос 2 </H4>
<INPUT type=radio name=Q2> ответ 1.2 <BR>
<INPUT type=radio name=Q2> ответ 2.2 <BR>
<INPUT type=radio name=Q2> ответ 3.3 <BR>
<INPUT type=radio name=Q2> ответ 4.4 <BR><BR>
<LI>
<H4><INPUT size=1 name=T3> Вопрос 3 </H4>
<INPUT type=radio name=Q3> ответ 1.3 <BR>
<INPUT type=radio name=Q3> ответ 2.3 <BR>
<INPUT type=radio name=Q3> ответ 3.3 <BR>
<INPUT type=radio name=Q3> ответ 4.3 <BR><BR>
<LI>
<H4><INPUT size=1 name=T4> Вопрос 4 </H4>
<INPUT type=radio name=Q4> ответ 1.4 <BR>
<INPUT type=radio name=Q4> ответ 2.4 <BR>
<INPUT type=radio name=Q4> ответ 3.4 <BR>
<INPUT type=radio name=Q4> ответ 4.4 <BR><BR>
<LI>
<H4><INPUT size=1 name=T5> Вопрос 5 </H4>
<INPUT type=radio name=Q5> ответ 1.5 <BR>
<INPUT type=radio name=Q5> ответ 2.5 <BR>
<INPUT type=radio name=Q5> ответ 3.5 <BR>
<INPUT type=radio name=Q5> ответ 4.5 <BR><BR>
<LI>
<H4><INPUT size=1 name=T6> Вопрос 6 </H4>
<INPUT type=radio name=Q6> ответ 1.6 <BR>
<INPUT type=radio name=Q6> ответ 2.6 <BR>
<INPUT type=radio name=Q6> ответ 3.6 <BR>
<INPUT type=radio name=Q6> ответ 4.6 <BR>
</LI></OL><BR>
<P><TEXTAREA name=s1 rows=4 cols=70> </TEXTAREA> </P><INPUT onclick=check_me()
type=button value="Показать результат">
<INPUT type=reset value="Сбросить ответы"> <BR><BR></FORM><BR>
<P>
<H5> © автор., год</H5>
<P></P>
<!-- /.content-container -->
<footer>
<p>Copyright © 2084 Your Company Name</p>
<div class="social right">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-google-plus"></i></a>
<a href="#"><i class="fa fa-dribbble"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
</div>
</footer>
</div>
</body>
</html>
Выводя этот код, тест размещен посередине (ближе к правому боку), хотя там ясно прописано - СЛЕВА! В чем может быть проблема?
Добавлено 29.12.15 в 10:57:34:
Скрин
3. (29 дек 2015, 10:58) [0/0] [0] [отв] [спам] [под] +1 | -1
файлы стилей тоже прикрепи или скинь рабочий пример
4. (29 дек 2015, 10:59) [1/0] [1] [отв] [спам] [под] +1 | -1
<p align="right">
Добавлено 29.12.15 в 11:00:38:
хотя нет там все правильно
5. [автор] (29 дек 2015, 11:01) [0/0] [0] [отв] [спам] [под] +1 | -1
Innit,
Ну, так и надо чтоб он с лева был. А он (см скрин) - справа
6. (29 дек 2015, 11:03) [0/0] [0] [отв] [спам] [под] +1 | -1
зайди в свои стили и напиши сюда параметры стиля main-container.{
}
8. [автор] (29 дек 2015, 11:05) [0/0] [0] [отв] [спам] [под] +1 | -1
Ahiska,
ну или см архив выше
вот какой то
.main-container {
max-width: 1200px;
margin: 0 auto;
background: white;
box-shadow: 0 0 5px rgba(107, 110, 112, 0.4);
max-width: 1200px;
margin: 0 auto;
background: white;
box-shadow: 0 0 5px rgba(107, 110, 112, 0.4);
ну или см архив выше
