Раздел "заметки" содержит ответы на различные распространенные среди начинающих веб-мастеров вопросы, которые по своему объему не тянут на полноценные статьи. Для заметок, как и для статей и уроков, существует возможность комментирования.

Выравнивание таблицы по центру

7 ноября 2011. Автор: Joker-jar

Если таблицу поместить в блок с CSS-стилем

text-align: center

то желаемого эффекта не произойдет. Многие для выравнивания таблицы по центру используют тег center. Это не самое лучшее решение, так как данный тег является устаревшим.

Выровнять таблицу по центру можно, поместив ее в блок со следующим CSS-стилем:

<div style="margin: 0 auto">
  <table> ... </table>
</div>

Таким же образом можно отцентрировать и блок внутри блока.

Читать полностью | 0 комментариев

Блок с закругленными углами на CSS3

1 ноября 2011. Автор: Joker-jar

Еще один полезный CSS-стиль третьей версии — border-radius, позволяющий закруглить углы у блока. Браузеры-лидеры последних версий поддерживают данный стиль, Internet Explorer потихоньку подтягивается и в 9 версии также научился закруглять углы.

Пример использования стиля border-radius:

<!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>
    <title>Page</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <style type="text/css">
      .box {background: #F2F213; width: 400px; height: 200px;}
      .round-corners {border-radius: 20px;}
    </style>
  </head>
  <body>
    <div class="box round-corners"></div>
  </body> 
</html>
Читать полностью | 0 комментариев

Создание блока с тенью на CSS3

29 октября 2011. Автор: Joker-jar

Один из уроков на сайте был посвящен созданию блока с тенью. В нем предлагалось отрисовать и сверстать тень. С приходом CSS3 веб-дизайнеру стали доступны многие интересные стили, в частности, box-shadow, который позволяет создать тень для блока. В данный момент этот стиль поддерживается всеми современными популярными браузерами.

Пример использования стиля box-shadow:

<!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>
    <title>Page</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <style type="text/css">
      .box {background: #F2F213; width: 400px; height: 200px;}
      .shadow {box-shadow: 5px 5px 10px #777;}
    </style>
  </head>
  <body>
    <div class="box shadow"></div>
  </body> 
</html>
Читать полностью | 0 комментариев

Иконка для сайта

22 октября 2011. Автор: Joker-jar

Иконка придает сайту стильность, его дизайну целостность, позволяет легко опознать сайт в закладках и результатах поиска.

Как создать иконку для сайта? Очень просто. Иконка представляет собой изображение размером 16 на 16 пикселей в формате ico. Можно найти готовую иконку, сделать ее в одном из онлайн-сервисов или при помощи графической программы, например, Gimp. Полученному файлу присваиваем имя favicon.ico и помещаем в корневой каталог сайта.

Читать полностью | 1 комментарий

Редирект на домен с www

21 октября 2011. Автор: Joker-jar

Если ваш сайт доступен по адресу site.ru и www.site.ru, то это не очень правильно с точки зрения поисковой оптимизации. Определитесь, какой из доменов является основным для вашего сайта и настройте на него перенаправление с неосновного. Если основной домен с www, то настроить редирект можно следующим образом. Для Apache (прописывается в .htaccess или конфиг виртуального хоста):

RewriteEngine On

RewriteCond %{HTTP_HOST} ^site.ru$
RewriteRule (.*) http://www.site.ru/ [R=301,L]

Для Nginx:

server {
    listen          ip:port;
    server_name     site.ru;
    rewrite         ^ http://www.site.ru$request_uri? permanent;
}
Читать полностью | 0 комментариев
1 2 3 »
 

Свежее

Популярное