Serafim1991
-
Posts
64 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by Serafim1991
-
-
Скажите пожалуйста, можно ли сделать вот такие уголки у блока(беленькие которые) не используя дополнительных блоков поверх основного?
http://youpic.su/pictures/1408132800/33efef60cd204d56fe44795e32cd1d94.png
-
Не знал, спасибо.
-
-
Font Squirrel
Его генератором и переделывал.
Хром не хотел видеть указанные мною шрифты на хостинге ни в какую. На локальном диске - видит, на хостинге - нет. Наверняка дело не в расположении файлов шрифтов или коде, который их описывает.
-
действительно, в ФФ вообще крах. С текстом что-то не то намутили.
С текстом была беда и в хроме. Пока все лежало на локальном диске - хром кушал шрифты вполне нормально, как только все было выложено на хостинг - хром попросту не хотел их видеть до тех пор, пока из TTF шрифтов я не сделал OTF шрифты. После этого хром стал нормально наблюдать шрифты.
Что в мозиле, опере, сафари и иже с ними, сказать не могу - даже не пытался о них думать. Тут бы под хром нормально верстать научиться.
-
Вы еще в браузерах кроме Chrome верстку ТС не видели. В частности в Firefox
Подозреваю, что ее там никто и не смотрел, поскольку в первом посте я предупредил:
P.S. это первая верстка, поэтому версталось только под хром -
Я даже не могу предположить, что мое "творение", будут смотреть на маленьком мониторе(у самого 22").
а про ноутбуки и планшеты ну подумал? у меня 15" и не влазит
Подумал. Поэтому проверил на своем. Там все влезло(и еще чуть-чуть места осталось).
Макет же 1350px в ширину. Я даже не могу предположить,Не надо предполагать, нужно просто знать некие стандарты. Для ПК: 960, 980 и 1000 - все, все остальное это специфические заказы. Дизайнеры, которые рисуют макет сайта предназначенный для широкой аудитории в 1360+ px мгновенно получают ярлык - криворуко-хромосомо сапиенс, это тоже нужно знать )
Спасибо, запомню.
-
Горизонтальный скролл?
Макет же 1350px в ширину. Я даже не могу предположить, что мое "творение", будут смотреть на маленьком мониторе(у самого 22").
В будущем буду стараться учитывать такую ситуацию.
-
Благодарю за указание на ошибки.
Первоначальной целью было соответствие макеты пиксель в пиксель. Увы, не вышло(часть плывет, есть небольшая проблема с тенью у нижнего блока)
А по поводу relative - у меня с позиционированием глобальная проблема. Я вроде бы и понимаю разницу между absolute и relative, но все равно путаю вечно. Поэтому почти везде указывал как позиционировать элементы
-
Сама верстка - http://serafim1991.esy.es/
Макет - http://rghost.ru/52789387
Картинка для PixelPerfect - http://rghost.ru/52789416
P.S. это первая верстка, поэтому версталось только под хром
-
Код надо смотреть. Без кода сложно что-то сказать.
Да и если это лого, почему бы его не сделать картинкой? Конкретно - белую часть с текстом оформить как картинку, а голубой - залить через background
-
Не подскажу, ибо пользуюсь другими текстовыми редакторами.
-
При указании шрифтов в .logotext надо писать не
font-family: cooper;
а
font: 1em 'cooper' sans-serif;
Если я не ошибаюсь, то font-family работает, если присваивать его тегу <P>(как в примерах, на которых вы основывались), вы же присваиваете классу, поэтому и не получается установить шрифт через font-family.
На крайний случай вот вам архив, посмотрите как работает: http://rghost.ru/52612929
-
При минимальной ширине страницы картинки очень сильно вытягиваются по вертикали.
-
так там же под видео есть ссылка
http://narod.ru/disk/59376139001.b112819a0b2399bb8c55b8f4c5da2d73/part1_dopMaterials.rar.html
В архиве находятся 3 программы: ColorMania, NotePad++ и "линейка"(как называет ее автор). PSD-файла там нет. Да и по размеру видно, что он туда не влез бы.
-
Тоже хотелось бы посмотреть на макет.
- 1
-
80% знаю наизусть.
Это те, которые наиболее часто используются?
На заре проф. деятельности постоянно пользовался справочным материалом.
Т.е. это в порядке вещей?
Я почему спрашиваю. У меня бывают моменты, когда я напрочь забываю довольно простой тег и его атрибуты(например, теги таблиц tr, td, th) и приходится лезть на сайт, чтобы освежить в памяти то, что забыл. И в голову стали закрадываться сомненья, что это очень печально и это все не мое.
-
Интересно, опытные верстальщики знают большинство тегов и их атрибуты наизусть или при верстке пользуются сайтами, подобными этому?
-
-
Если картинка большая, а нужно сделать несколько ее отдельных частей разными ссылками, можно использовать программу Adobe Fireworks.
При экспорте картинки в html-страницу, программа сама генерит код нужной области с координатами.
-
-
Может быть !important
Например http://jsfiddle.net/G7phV/
Для всех тегов <p> определено 24px, я для тега <p> с классом class1 - 18px
P.S. опередили, можно удалить
-
-используйте редактор с подсветкой PHP, (например HTMLReader)
-удалите переносы строки в нутри тегов
-пример комментирования с крякозябами...
Насчет переносов строк - у меня этого не наблюдается(например, перенос ";" на другую строку). После вашего сообщения специально перепроверил. Даже в тексте тут нет переносов, перенос появляется, когда заключаю код в соответствующие теги.
Примеры:
1. Оба условия не закомментированы. В это случае страница отображается с крокзябрами(скриншот во втором спойлере)
<?php
global $ErrorString;
global $formErr;
if(!isset($_COOKIE['TestCookie']))
{
if (!isset($_GET['cookie']))
{
setcookie("TestCookie", "12345678");
header('Location:'.$_SERVER['REQUEST_URL'].'?cookie=1');
}
else
{
$formErr=true;
die('Включите, пожалуйста, куки-файлы!');
}
}
else
{
$fn = trim($_REQUEST["name"]);
$ln = trim($_REQUEST["surname"]);
$em = trim($_REQUEST["email"]);
$ph = trim($_REQUEST["phone"]);
$mp = trim($_REQUEST["Mobphone"]);
$ad = trim($_REQUEST["address"]);
$pc = trim($_REQUEST["postcode"]);
$nz = trim($_REQUEST["nazva"]);
$ai = trim($_REQUEST["adrinst"]);
$lg = trim($_REQUEST["login"]);
$ps = trim($_REQUEST["pass"]);
$rp = trim($_REQUEST["repeat-pass"]);
function NameVal(&$src, $nametype)
{
global $ErrorString;
global $formErr;
if(empty($src))
{
$ErrorString.= "<span> $nametype незаполненное поле.</span><br>";
$err=true;
$formErr= true;
}
else
{
$str="Русский";
$src = ucfirst($src);
if(!preg_match("/[а-яА-Я]/",$src))
{
$ErrorString.= "<span> $nametype некорректно заполненное поле.</span><br>";
$err=true;
$formErr= true;
}
}
return $err;
}
function CheckEmail($email)
{
if(empty($email))
return false;
$at = 0;
$dot = 0;
$at_position = 0;
$dot_position = 0;
for($i = 0; $i < strlen($email); ++$i)
{
if($email[$i]==' ')
return false;
elseif($email[$i]=='@')
{
++$at;
$at_position = $i;
}
elseif($email[$i]=='.')
{
++$dot;
$dot_position = $i;
}
}
if($at !=1 || $dot != 1 || $dot_position - $at_position < 2)
return false;
return true;
}
$ErrorString='<span><u>Ошибки</span></u><br>';
$formErr=false;
$errlN=NameVal($ln, "<b> - Имя: </b>");
$errfN=NameVal($fn, "<b> - Фамилия: </b>");
if(empty($em))
{
$ErrorString.= '<span><b> - Email: </b>некорректно заполненное поле. </span><br>';
$formErr= true;
$errem=true;
}
elseif(checkEmail($em))
{
$em = strtolower($em);
}
else
{
$ErrorString.= '<span><b> - Email:</b> несуществующий e-mail. </span><br>';
$formErr= true;
$errem=true;
}
if((!ctype_digit || strlen($ph) < 5 ) or (!ctype_digit || strlen($ph) > 6 ))
{
$ErrorString.= '<span><b> - Телефон(дом):</b> некорректно заполненное поле. </span><br>';
$formErr= true;
$errph=true;
}
if((!ctype_digit || strlen($mp) < 10 ) or (!ctype_digit || strlen($mp) > 13 ))
{
$ErrorString.= '<span><b> - Телефон(моб):</b> некорректно заполненное поле. </span><br>';
$formErr= true;
$errmp=true;
}
if(!preg_match("/[а-яА-Я0-9\.\,]/", $ad))
{
$ErrorString.= '<span><b> - Адрес:</b> некорректно заполенное поле</span><br>';
$formErr= true;
$errad=true;
}
if(!ctype_digit || strlen($pc) != 5)
{
$ErrorString.= '<span><b> - Почтовый индекс:</b> некорректно заполненное поле. </span><br>';
$formErr= true;
$errpc=true;
}
$errai=NameVal($ai, "<b> - Название: </b>");
$errai=NameVal($ai, "<b> - Страна: </b>");
if(!ctype_alnum($lg)|| strlen($lg) < 6)
{
$ErrorString.= '<span><b> - Логин:</b> некорректно заполенное поле</span><br>';
$formErr= true;
$errlg=true;
}
if(!ctype_digit($pw)|| strlen($pw) < 6)
{
$ErrorString.= '<span><b> - Пароль:</b> некорректно заполенное поле</span><br>';
$formErr= true;
$errps=true;
}
if($rp!==$ps)
{
$ErrorString.= '<span><b> - Подтверждение пароля:</b> пароли не совпадают</span><br>';
$formErr= true;
$errrp=true;
}
if(!$formErr)
{
setcookie("Redirect", "Yes");
if($_COOKIE["Redirect"]=="Yes")
{
header("Location:Grats.html");
}
}
else
{
echo $ErrorString;
}
}
?>
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Регистрационная форма</title>
<script type="text/javascript" src="jquery-1.7.1.js"></script>
<script>
$(document).ready(function()
{
$('input, select, textarea').focus(function()
{
$(this).parent('li').addClass('active');
});
$('input, select, textarea').blur(function()
{
$(this).parent('li').removeClass('active');
});
document.cookie="TestCookie=12345678";
});
</script>
<link rel="stylesheet" type="text/css" href="StyleSheet2.css">
</head>
<body>
<form action=" " method="POST" id="payment" >
<fieldset >
<legend>Персональные данные</legend>
<ol>
<li>
<label for="name" <?php if($errlN){?> class="err" <?php } ?> >Имя</label>
<input id="name" name="name" value="<?php echo $fn; ?>" type="text" placeholder="Введите имя" required >
<div></div>
</li>
<li>
<label for="surname" <?php if($errfN){?> class="err" <?php } ?> >Фамилия</label>
<input id="surname" name="surname" value="<?php echo $ln; ?>" type="text" placeholder="Введите фамилию" required >
<div></div>
</li>
<li>
<label for="email" <?php if($errem){?> class="err" <?php } ?> >Email</label>
<input id="email" name="email" value="<?php echo $em; ?>" type="email" placeholder="Введите Email" required>
<div></div>
</li>
<li>
<label for="phone">Телефон (дом.)</label>
<input id="phone" name="phone" value="<?php echo $ph; ?>" type="tel" placeholder="Введите домашний телефон" required>
<div></div>
</li>
<li>
<label for="Mobphone">Телефон (моб.)</label>
<input id="Mobphone" name="Mobphone" value="<?php echo $mp; ?>" type="tel" placeholder="Введите мобильный телефон" required>
<div></div>
</li>
</ol>
</fieldset>
<fieldset>
<legend>Место жительства</legend>
<ol>
<li>
<label for="country">Страна</label>
<select required name="country" id="country">
<option value ="" disabled>Выберите cтрану...</option>
<option value="t1">Опция №1</option>
<option value="t2">Опция №2</option>
<option value="t3">Опция №3</option>
<option value="t4">Опция №4</option>
</select>
<div></div>
</li>
<li>
<label for="city">Город</label>
<select required name="city" id="city">
<option value ="" disabled>Выберите город...</option>
<option value="t1">Опция №1</option>
<option value="t2">Опция №2</option>
<option value="t3">Опция №3</option>
<option value="t4">Опция №4</option>
</select>
<div></div>
</li>
<li>
<label for="address">Адрес</label>
<textarea id="address" name="address" value="<?php echo $ad; ?>" rows="3" placeholder="Введите домашний адрес" required></textarea>
<div></div>
</li>
<li>
<label for="postcode">Почтовый индекс</label>
<input id="postcode" name="postcode" value="<?php echo $pc; ?>" placeholder="Введите почтовый индекс" >
<div></div>
</li>
</ol>
</fieldset>
<fieldset>
<legend>Информация об учебном заведении</legend>
<ol>
<li>
<label for="nazva">Название</label>
<textarea id="nazva" rows="5" name="nazva" value="<?php echo $nz; ?>" placeholder="Введите название института" required></textarea>
<div></div>
</li>
<li>
<label for="adrinst">Страна</label>
<input id="adrinst" name="adrinst" value="<?php echo $ai; ?>" type="text" placeholder="Введите страну" required>
<div></div>
</li>
<li>
<label for="lvl">Уровень аккредитации</label>
<select required name="lvl" id="lvl">
<option value ="" disabled>Выберите уровень...</option>
<option value="1">Первый уровень аккредитации</option>
<option value="2">Второй уровень аккредитации</option>
<option value="3">Третий уровень аккредитации</option>
<option value="4">Четвертый уровень аккредитации</option>
</select>
<div></div>
</li>
<li>
<fieldset>
<label>Форма обучения</label><br/>
<ol>
<li>
<input id="dnev" name="forma" type="radio" required>
<label for="dnev">Дневная</label>
<div></div>
</li>
<li>
<input id="zao" name="forma" type="radio" required>
<label for="zao">Заочная</label>
<div></div>
</li>
<li>
<input id="eks" name="forma" type="radio" required>
<label for="eks">Экстернат</label>
<div></div>
</li>
</ol>
</fieldset>
</li>
<li>
<fieldset>
<label>Вид обучения</label><br/>
<ol>
<li>
<input id="bud" name="vid" type="radio" required>
<label for="bud">Бюджет</label>
<div></div>
</li>
<li>
<input id="kont" name="vid" type="radio" required>
<label for="kont">Контракт</label>
<div></div>
</li>
</ol>
</fieldset>
</li>
</ol>
</fieldset>
<fieldset >
<legend>Данные для входа</legend>
<ol>
<li>
<label for="login">Логин</label>
<input id="login" name="login" type="text" placeholder="Введите логин" required >
<div></div>
</li>
<li>
<label for="pass">Пароль</label>
<input id="pass" name="pass" type="password" placeholder="Введите пароль" required>
<div></div>
</li>
<li>
<label for="repeat-pass">Подтверждение пароля</label>
<input id="repeat-pass" name="repeat-pass" type="password" placeholder="Введите пароль еще раз" required>
<div></div>
</li>
</ol>
</fieldset>
<fieldset>
<button type="submit">Отправить</button>
<button class="reset" type="reset">Очистить</button>
</fieldset>
</form>
<br/>
<div class="tips">
<p >
<u>Подсказки</u>
</p>
<ul>
<li>
Поле <b>"Имя"</b> может содержать только русские буквы верхнего и нижнего регистров.
</li><br/>
<li>
Поле <b>"Фамилия"</b> может содержать только русские буквы верхнего и нижнего регистров.
</li><br/>
<li>
Поле <b>"Email"</b> может содержать английские буквы верхнего и нижнего регистров, цифры, символ @ и точку. Например: example@mydomane.com
</li><br/>
<li>
Поле <b>"Телефон(дом)"</b> может содержать только цифры, не менее 5 и не более 6 символов.
</li><br/>
<li>
Поле <b>"Телефон(моб)"</b> может содержать только цифры, не менее 10 и не более 12 символов.
</li><br/>
<li>
Поле <b>"Адрес"</b> может содержать русские буквы верхнего и нижнего регистров, цифры, символы "." и "," и должно включать в себя не менее 15 символов. Например: ул. Гагарина, д. 51, кв. 41
</li><br/>
<li>
Поле <b>"Почтовый индекс"</b> может содержать только цифры, в количестве равном пяти.
</li><br/>
<li>
Поле <b>"Название"</b> может содержать только русские буквы верхнего и нижнего регистров.
</li><br/>
<li>
Поле <b>"Страна"</b> может содержать только русские буквы верхнего и нижнего регистров.
</li>
</ul>
</div>
</body>
</html>2. Закоментировано одно из условий(проверка логина). Все отображается так, как нужно.
<?php
global $ErrorString;
global $formErr;
if(!isset($_COOKIE['TestCookie']))
{
if (!isset($_GET['cookie']))
{
setcookie("TestCookie", "12345678");
header('Location:'.$_SERVER['REQUEST_URL'].'?cookie=1');
}
else
{
$formErr=true;
die('Включите, пожалуйста, куки-файлы!');
}
}
else
{
$fn = trim($_REQUEST["name"]);
$ln = trim($_REQUEST["surname"]);
$em = trim($_REQUEST["email"]);
$ph = trim($_REQUEST["phone"]);
$mp = trim($_REQUEST["Mobphone"]);
$ad = trim($_REQUEST["address"]);
$pc = trim($_REQUEST["postcode"]);
$nz = trim($_REQUEST["nazva"]);
$ai = trim($_REQUEST["adrinst"]);
$lg = trim($_REQUEST["login"]);
$ps = trim($_REQUEST["pass"]);
$rp = trim($_REQUEST["repeat-pass"]);
function NameVal(&$src, $nametype)
{
global $ErrorString;
global $formErr;
if(empty($src))
{
$ErrorString.= "<span> $nametype незаполненное поле.</span><br>";
$err=true;
$formErr= true;
}
else
{
$str="Русский";
$src = ucfirst($src);
if(!preg_match("/[а-яА-Я]/",$src))
{
$ErrorString.= "<span> $nametype некорректно заполненное поле.</span><br>";
$err=true;
$formErr= true;
}
}
return $err;
}
function CheckEmail($email)
{
if(empty($email))
return false;
$at = 0;
$dot = 0;
$at_position = 0;
$dot_position = 0;
for($i = 0; $i < strlen($email); ++$i)
{
if($email[$i]==' ')
return false;
elseif($email[$i]=='@')
{
++$at;
$at_position = $i;
}
elseif($email[$i]=='.')
{
++$dot;
$dot_position = $i;
}
}
if($at !=1 || $dot != 1 || $dot_position - $at_position < 2)
return false;
return true;
}
$ErrorString='<span><u>Ошибки</span></u><br>';
$formErr=false;
$errlN=NameVal($ln, "<b> - Имя: </b>");
$errfN=NameVal($fn, "<b> - Фамилия: </b>");
if(empty($em))
{
$ErrorString.= '<span><b> - Email: </b>некорректно заполненное поле. </span><br>';
$formErr= true;
$errem=true;
}
elseif(checkEmail($em))
{
$em = strtolower($em);
}
else
{
$ErrorString.= '<span><b> - Email:</b> несуществующий e-mail. </span><br>';
$formErr= true;
$errem=true;
}
if((!ctype_digit || strlen($ph) < 5 ) or (!ctype_digit || strlen($ph) > 6 ))
{
$ErrorString.= '<span><b> - Телефон(дом):</b> некорректно заполненное поле. </span><br>';
$formErr= true;
$errph=true;
}
if((!ctype_digit || strlen($mp) < 10 ) or (!ctype_digit || strlen($mp) > 13 ))
{
$ErrorString.= '<span><b> - Телефон(моб):</b> некорректно заполненное поле. </span><br>';
$formErr= true;
$errmp=true;
}
if(!preg_match("/[а-яА-Я0-9\.\,]/", $ad))
{
$ErrorString.= '<span><b> - Адрес:</b> некорректно заполенное поле</span><br>';
$formErr= true;
$errad=true;
}
if(!ctype_digit || strlen($pc) != 5)
{
$ErrorString.= '<span><b> - Почтовый индекс:</b> некорректно заполненное поле. </span><br>';
$formErr= true;
$errpc=true;
}
$errai=NameVal($ai, "<b> - Название: </b>");
$errai=NameVal($ai, "<b> - Страна: </b>");
/*if(!ctype_alnum($lg)|| strlen($lg) < 6)
{
$ErrorString.= '<span><b> - Логин:</b> некорректно заполенное поле</span><br>';
$formErr= true;
$errlg=true;
}*/
if(!ctype_digit($pw)|| strlen($pw) < 6)
{
$ErrorString.= '<span><b> - Пароль:</b> некорректно заполенное поле</span><br>';
$formErr= true;
$errps=true;
}
if($rp!==$ps)
{
$ErrorString.= '<span><b> - Подтверждение пароля:</b> пароли не совпадают</span><br>';
$formErr= true;
$errrp=true;
}
if(!$formErr)
{
setcookie("Redirect", "Yes");
if($_COOKIE["Redirect"]=="Yes")
{
header("Location:Grats.html");
}
}
else
{
echo $ErrorString;
}
}
?>
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Регистрационная форма</title>
<script type="text/javascript" src="jquery-1.7.1.js"></script>
<script>
$(document).ready(function()
{
$('input, select, textarea').focus(function()
{
$(this).parent('li').addClass('active');
});
$('input, select, textarea').blur(function()
{
$(this).parent('li').removeClass('active');
});
document.cookie="TestCookie=12345678";
});
</script>
<link rel="stylesheet" type="text/css" href="StyleSheet2.css">
</head>
<body>
<form action=" " method="POST" id="payment" >
<fieldset >
<legend>Персональные данные</legend>
<ol>
<li>
<label for="name" <?php if($errlN){?> class="err" <?php } ?> >Имя</label>
<input id="name" name="name" value="<?php echo $fn; ?>" type="text" placeholder="Введите имя" required >
<div></div>
</li>
<li>
<label for="surname" <?php if($errfN){?> class="err" <?php } ?> >Фамилия</label>
<input id="surname" name="surname" value="<?php echo $ln; ?>" type="text" placeholder="Введите фамилию" required >
<div></div>
</li>
<li>
<label for="email" <?php if($errem){?> class="err" <?php } ?> >Email</label>
<input id="email" name="email" value="<?php echo $em; ?>" type="email" placeholder="Введите Email" required>
<div></div>
</li>
<li>
<label for="phone">Телефон (дом.)</label>
<input id="phone" name="phone" value="<?php echo $ph; ?>" type="tel" placeholder="Введите домашний телефон" required>
<div></div>
</li>
<li>
<label for="Mobphone">Телефон (моб.)</label>
<input id="Mobphone" name="Mobphone" value="<?php echo $mp; ?>" type="tel" placeholder="Введите мобильный телефон" required>
<div></div>
</li>
</ol>
</fieldset>
<fieldset>
<legend>Место жительства</legend>
<ol>
<li>
<label for="country">Страна</label>
<select required name="country" id="country">
<option value ="" disabled>Выберите cтрану...</option>
<option value="t1">Опция №1</option>
<option value="t2">Опция №2</option>
<option value="t3">Опция №3</option>
<option value="t4">Опция №4</option>
</select>
<div></div>
</li>
<li>
<label for="city">Город</label>
<select required name="city" id="city">
<option value ="" disabled>Выберите город...</option>
<option value="t1">Опция №1</option>
<option value="t2">Опция №2</option>
<option value="t3">Опция №3</option>
<option value="t4">Опция №4</option>
</select>
<div></div>
</li>
<li>
<label for="address">Адрес</label>
<textarea id="address" name="address" value="<?php echo $ad; ?>" rows="3" placeholder="Введите домашний адрес" required></textarea>
<div></div>
</li>
<li>
<label for="postcode">Почтовый индекс</label>
<input id="postcode" name="postcode" value="<?php echo $pc; ?>" placeholder="Введите почтовый индекс" >
<div></div>
</li>
</ol>
</fieldset>
<fieldset>
<legend>Информация об учебном заведении</legend>
<ol>
<li>
<label for="nazva">Название</label>
<textarea id="nazva" rows="5" name="nazva" value="<?php echo $nz; ?>" placeholder="Введите название института" required></textarea>
<div></div>
</li>
<li>
<label for="adrinst">Страна</label>
<input id="adrinst" name="adrinst" value="<?php echo $ai; ?>" type="text" placeholder="Введите страну" required>
<div></div>
</li>
<li>
<label for="lvl">Уровень аккредитации</label>
<select required name="lvl" id="lvl">
<option value ="" disabled>Выберите уровень...</option>
<option value="1">Первый уровень аккредитации</option>
<option value="2">Второй уровень аккредитации</option>
<option value="3">Третий уровень аккредитации</option>
<option value="4">Четвертый уровень аккредитации</option>
</select>
<div></div>
</li>
<li>
<fieldset>
<label>Форма обучения</label><br/>
<ol>
<li>
<input id="dnev" name="forma" type="radio" required>
<label for="dnev">Дневная</label>
<div></div>
</li>
<li>
<input id="zao" name="forma" type="radio" required>
<label for="zao">Заочная</label>
<div></div>
</li>
<li>
<input id="eks" name="forma" type="radio" required>
<label for="eks">Экстернат</label>
<div></div>
</li>
</ol>
</fieldset>
</li>
<li>
<fieldset>
<label>Вид обучения</label><br/>
<ol>
<li>
<input id="bud" name="vid" type="radio" required>
<label for="bud">Бюджет</label>
<div></div>
</li>
<li>
<input id="kont" name="vid" type="radio" required>
<label for="kont">Контракт</label>
<div></div>
</li>
</ol>
</fieldset>
</li>
</ol>
</fieldset>
<fieldset >
<legend>Данные для входа</legend>
<ol>
<li>
<label for="login">Логин</label>
<input id="login" name="login" type="text" placeholder="Введите логин" required >
<div></div>
</li>
<li>
<label for="pass">Пароль</label>
<input id="pass" name="pass" type="password" placeholder="Введите пароль" required>
<div></div>
</li>
<li>
<label for="repeat-pass">Подтверждение пароля</label>
<input id="repeat-pass" name="repeat-pass" type="password" placeholder="Введите пароль еще раз" required>
<div></div>
</li>
</ol>
</fieldset>
<fieldset>
<button type="submit">Отправить</button>
<button class="reset" type="reset">Очистить</button>
</fieldset>
</form>
<br/>
<div class="tips">
<p >
<u>Подсказки</u>
</p>
<ul>
<li>
Поле <b>"Имя"</b> может содержать только русские буквы верхнего и нижнего регистров.
</li><br/>
<li>
Поле <b>"Фамилия"</b> может содержать только русские буквы верхнего и нижнего регистров.
</li><br/>
<li>
Поле <b>"Email"</b> может содержать английские буквы верхнего и нижнего регистров, цифры, символ @ и точку. Например: example@mydomane.com
</li><br/>
<li>
Поле <b>"Телефон(дом)"</b> может содержать только цифры, не менее 5 и не более 6 символов.
</li><br/>
<li>
Поле <b>"Телефон(моб)"</b> может содержать только цифры, не менее 10 и не более 12 символов.
</li><br/>
<li>
Поле <b>"Адрес"</b> может содержать русские буквы верхнего и нижнего регистров, цифры, символы "." и "," и должно включать в себя не менее 15 символов. Например: ул. Гагарина, д. 51, кв. 41
</li><br/>
<li>
Поле <b>"Почтовый индекс"</b> может содержать только цифры, в количестве равном пяти.
</li><br/>
<li>
Поле <b>"Название"</b> может содержать только русские буквы верхнего и нижнего регистров.
</li><br/>
<li>
Поле <b>"Страна"</b> может содержать только русские буквы верхнего и нижнего регистров.
</li>
</ul>
</div>
</body>
</html>Если закомментировать другое условие(для проверки пароля) или оба условия - результат будет точно такой же(все показывается как нужно).
Могу предоставить проект полностью, если потребуется(он небольшой). В работе с ним использую WebMatrix
Потому что надо указывать кодировку. (И указывать её нужно правильную)
Без этих двух условий(или с каким-либо одним) все работает прекрасно. С двумя условиями - не работает.
Были бы проблемы с кодировкой, то крокозябры были бы всегда, а не только в тех случаях, когда оба условия не закомментированы.
Указана UTF-8.
-
Углы блока
in HTML Coding
Posted
А можно небольшой примерчик?
Как придать тени форму уголка - никак не пойму.