Базовий шаблон HTML

Якось мені знадобилось створити швидко 1 сторінку - сайт. Для того щоб не копіювати, я знайшов в англійському гуглі шаблон HTML5, який і використав для створення сторінки. Перевага HTML5 від HTML в тому, що треба писати менше директив і не вказувати уже не потрібні речі. Отже .... ось шалон:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>The HTML5 Salomoon</title>
  <meta name="description" content="The HTML5 Salomoon">
  <meta name="author" content="Salomoon">
  <link rel="stylesheet" href="css/styles.css?v=1.0">
</head>
<body>

  <script src="js/scripts.js"></script>
</body>
</html>

Розглянемо тепер основні відмінності HTML5 від HTML

Читать полностью

input checkbox – пример кода и что возвращает в РНР

Если флажок установлен, то возвращается то, что установлено в value, в примере ниже это единица в строке - '1'.

Если флажок не установлен, то возвращается пустая строка ''

Читать полностью

Как разместить картинку по центру блока

Ниже предоставлен код для центрирования картинки внутри блока DIV. Данный код очень интересен для тех, кто разрабатывает универсальный шаблон на бутстрап (bootstrap):

<div class="dp-highlighter">
<ol class="dp-c" start="1">
<li class="alt">
<div><span class="keyword">class</span>=<span class="string">"holdImg "</span>></div>
</li>
<li class="alt"><a class="string" href="<span">"http://7.poltava.ua/_/images/fullscreen/river01.jpg"</a><a class="string" href="<span"> > </a></li>
</ol>
<ul>
<li class=""><figure><img class="string" src="<span"></figure>"http://7.poltava.ua/_/images/river01.jpg" width=<span class="string">"160"</span> height=<span class="string">"120"</span> /></li>
</ul>
<ol class="dp-c" start="1">
<li class="alt"> </li>
<li class=""> </li>
</ol>
</div>

А вот и стили:

  1. .holdImg {
  2. display: block;
  3. height: 124px;
  4. margin-left: auto;
  5. margin-right: auto;
  6. width: 164px;
  7. }

Читать полностью

Вертикальные столбцы, аналог таблиц

clear both в конце обязательно. Все тянется. Ширина столбцов обязательна. Сумма ширин столбцов не должно превышать ширину контейнера, а еще лучше сделайте меньше на 5 пикселей - для браузеров дяди Билла.

HTML:

Читать полностью

Почему иногда не работает margin-top?

Столкнувшись 2 раза с подобным фокусом решил разобраться. Все оказалось просто. Дело в том что у вашего контейнера вероятно фиксированная высота, а внутренний контейнер, для которого вы прописываете не работающий margin-top, превышает высоту родительского. Выход: прописать для родителя overflow: auto;

Если даже это не решит ваш вопрос, то направит на мысли. У меня начала появляться горизонтальная прокрутка, увеличил высоту родителя, указал фон не повторять и все.

Читать полностью