• Главное
• Радуга
• Как худеть
• Как бросить курить
• Сăмах
• Как создать сайт
• Лада приора
• Электросварка

• HTML
• CSS
• Web-диз
• JavaScript
• PHP
• jQuery
• SEO
• MySQL
• XML

Меняем нижний колонтитул div#copy.

Теперь поступим следующим образом. Изменим нижний колонтитул, так называемый "подвал" страницы сайта или как его еще называют блок-авторства. При этом поменяем фон всей страницы на другой более светлый и приятный( background: #FFFFEC;); цвет верхнего блока осветлим на более веселый фон( background: #AFFFFF;). Размеры нижнего колонтитула не так сильно увеличим, в принципе обычно не бывает большим, ну, где-то высоту сделаем 100-130 пикселей( padding-top: 20px; padding-bottom: 20px;), наверное, достаточно. Цвет "подвала" сделаем розовым( background: #FCF;), шрифт букв выберем другой( font-family: Verdana, Geneva, sans-serif;), размер букв чуть уменьшим( font-size: 18px;), цвет букв сделаем темно-темно синим( color: #036;), расположение строчек в середине( text-align: center;). Хотя кто Вас удерживает в создании своего сайта( Вы хозяин, Вам и творить) - пробуйте, подгоняйте, сравнивайте. Вам писать страницу сайта.

                 @charset "utf-8";
                 /* CSS Document */

                   body {
	                    background: #FFFFEC;
                         }
                   div#nav {
	                   width: 100%;
		               background: #AFFFFF;
		               padding-top: 50px;
		               padding-bottom: 50px;
		               font-family: Georgia, "Times New Roman", Times, serif;
		               font-size: 28px;
		               color: #F00;
		               text-align: center;
                          }
                   table  {
	                   width: 100%;
	                   height: 95%;
	                       }
                   td#tdleft {
	                   width: 20%;
	                   background: #CDF;
	                    }
                   td#tdcenter {
	                   width: 60%;
	                   background: #CDC;
	                        }
                   td#tdright {
	                   width: 20%;
	                   background: #CDF;
	                       }
                   div#copy  {
	                   width: 100%;
		               background: #FCF;
		               padding-top: 20px;
		               padding-bottom: 20px;
		               font-family: Verdana, Geneva, sans-serif;
		               font-size: 18px;
		               color: #036;
		               text-align: center;
	                       }

И еще, если Вам не понравилась просвечивающая между блоками рамка, то расстояние между блоками легко убирается добавлением строки ( border-spacing: 0 0;) в table, где нули означают отсутствие горизонтального и вертикального промежутка между блоками. Проделайте сами со страницей сайта такую процедуру, чтобы убедиться.

обратно на главную   назад   дальше   вперед