[Luigi D]

Неловко писать сюда с таки ником, простите.
Но.

Вопрос по html на дайри, поскольку многие его свойства урезаны.

Ставлю картинку-фон с помощью background-image

<div style="background-image: url('/userdir/9/3/2/1/932100/78092105.gif'); width=90%">
</div>

Но фон почему-то не реагирует на атрибут width. Это я косячу или всё-таки дело в самих дайри? Есть ли возможность как-то задать фону процентное значение ширины? Без css, только html, поскольку фон необходим для создания дизайна поста/записи.

@темы: HTML

---

[alhames]

Кто что думает по этому поводу?

Есть доменное имя, которое выкуплено в трех ключевых зонах - ru, com, net.
Есть возможность купить в оставшихся.

Вопрос 1й: какую именно зону лучше всего использовать? Почему?
Вопрос 2й: есть ли вообще смысл выкупать домены в других зонах?

На ru есть тИЦ10/pr1 (сами понимаете - копейки), на остальных ничего.
По своему опыту знаю что яндекс ru-домены ставит в приоритете.
Но всеже для пользователей - какую зону воспринимать проще?
Тематика сайта - компьютерные игры.

---

Библиотека скриптов

[alhames]

Ok, как я понял мнений много и каждый пользуется тем, что ему более удобно. Тогда я разобью тему со ссылками на категории.
В этой теме делимся скриптами, которые вы используете.

Client-side
Twitter Bootstrap (ru) - CSS-фреймворк, выполненный в лучших традициях современного web
jQuery (ru) - JS-фреймворк, призванный упростить пользователям работу с нативным Javasсript'ом
jQuery UI - библиотечка полезных эффектов для jQuery
Raphaël - Библиотека для рисования средствами JS
html5shiv - хак для кроссбраузерной поддержки HTML5

Server-side
phpMyAdmin - веб-интерфейс для управления MySQL-базами (php)
WideImage - библиотека для работы с изображениями (php)
Smarty - шаблонизатор (php)

Предлагайте свои варианты - я потихоньку буду дописывать

---

[towelie]

Здравствуйте, заранее извините за нубский вопрос, но я еще учусь =)
Дали задание сверстать макет, при условии что каждая картинка должна быть обернута в div. Моя головушка не может додуматься, как от самой левой и самой правой картинки сделать большие отступы,а между изображениями поменьше.
апд. кроссбраузерность начиная от IE 7

@темы: HTML, CSS

---

Справочная информация

[alhames]

Подбор ссылок, о которых вы возможно не знали, но тем не менее обязаны знать прежде чем писать здесь вопрос на связанную тему.

Верстка:
Лучший русскоязычный справочник по HTML/CSS, а также приличное количество уроков по верстке - htmlbook
Лучший CSS-фреймворк (для тех кто только начинает верстать или просто не хочет заморачиваться с версткой) - Twitter Bootstrap (ru)
Лучший JS-фреймворк, который на мой взгляд должен знать каждый верстальщик - jQuery (ru)
Куча всевозможных эффектов, анимаций и т.п. средствами JS - jQuery UI
Библиотека для рисования средствами JS - Raphaël (продвинутый уровень)

Программирование:
Всеобъемлющая документация по PHP - php.net (частично русифицирована)
Русский перевод документации по mysql - http://www.sql.ru/docs/mysql/rus_ref/ (на официальном сайте черт ногу сломит)
Наверное один из самых обширнейших вопросников для разработчика - stackoverflow.com (только на англ.)

Прочее:
Поиск разработчиков для выполнения одноразовых заказов - free-lance.ru | weblancer.net | freelansim.ru
Поиск разработчиков в штат - HeadHunter | Агрегатор от Яндекса | job.ru | superjob.ru

Софт:
Если вы не знаете что это, то нам не о чем с вами разговаривать - Notepad++
Одна из самых крупнейших IDE для разработки чуть ли ни на всех языках (т.к. очень часто лежит в основе других IDE) - Eclipse
Наследие Eclipse - IDE для PHP-разработчиков - Aptana
Набор отличных IDE для разработки на множестве языков - JetBrains (платные)
Довольно удобный бесплатный mysql-клиент - HeidiSQL
Один из удобнейших ftp-клиентов - FileZilla
Самый популярный SSH-клиент - Putty
Набор ленивого разработчика (локальный сервер под Windows с PHP и mysql) - Denwer

Я привел лишь примерный список ссылок, вы можете посоветовать еще что-то, либо поправить меня, если я в чем-то ошибаюсь.

---

Битрикс

[Сигурд Лис]

Здравствуйте, есть такая проблема.
Сайт сделан на битриксе. при попытке зайти, ввожу логин. пароль. И ничего. сайт обновляется но ничего не происходит.

Какое есть решение, может кто подскажет?

@темы: Безопасность, Хостинг, Программы, CSS, PHP

---

Создание текстовых игр

[Takeo on the Jupiter]

Здравствуйте. Я знаю, что скорее всего не в то соо обращаюсь, но вдруг найдется доброволец?Нужно к вечеру субботы или воскресенья(9-10е марта) создать текстовую игру из 14 пунктов. Игра должна быть во flash с интересной, но не сильно мудреной графикой. Список пунктов пришлю отдельно. Добровольцу могу оплатить работу денедюжкой на счет мобильника или переводом на карту. Огромное спасибо тем, кто возьмется за дело. Вы меня просто выручаете из ада так сказать)))Сама не успеваю никак сделать, а сроки поджимают.

Спасибо.

Если совсем уж не в тему, то можно удалить пост)))

---

[Арамис]

Всем доброго времени суток.

Я немного потерялся в форумах по ХТМЛу...

В общем, цель такова: мне нужен простой ХТМЛ-код, который выдавал бы форму ввода, типа таблицы:

Имя: (форма)
Фамилия: (форма)
Адрес: (форма)
Несколько слов о себе: (форма)

И кнопочка "Отправить".

При нажатии на кнопочку эти данные, в виде таблицы же (самой простой, два столбца, 4 строчки), отправлялись бы на определённый мэйл.
Я не знаток ХТМЛа, поэтому сам не могу допереть, как это сделать, к сожалению.

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

Есть идеи?

@темы: HTML

---

Перенос сайта

[Сигурд Лис]

Нужен человек или фирма которые возьмется/утся перенести рукописный сайт на cms bitrix.
Новый стиль сайта есть сроки сжатые(сайт должен быть рабочим и сделанным на 95% к 14-му марта). При успешном сотрудничестве буду еще заказы, причем в количестве.

Ценник обсуждаем.(подробности в личку)

@темы: CSS, Веб-дизайн

---

Help!

[Noctis]

Какая литература, по вашему мнению, самая подходящая для начинающего изучать PHP?
Изучаю в данный момент на курсах, но чувствую, что не хватает чего-то.

@темы: PHP

---

Работа для студентов и выпускников. Реклама согласована.

[Asad Thabit]

Работа для в самой крупной сети образовательных центров в России.

— работу легко совмещать с учёбой;
— бесплатное обучение методике преподавания;
— перспектива карьерного роста в компании.

Перейти по ссылке и заполнить анкету прямо сейчас:
job.unium.ru/vacancies/

@темы: работа, Новости, Веб-дизайн

---

[Amai.ame]

Здравствуйте! На вот этом вот сайте есть галерея картинок Линк
Я сделал нечто похожее на часть справа. Когда наводишь курсор и картинка становится больше. А как можно сделать что-то вроде дигитальной рамки? Как на сайте, картинки сами друг друга сменяют? Ну или подскажите как оно называется правильно, чтобы поискать.

@темы: HTML, CSS, Веб-дизайн

---

[Amai.ame]

Здравствуйте! У меня проблема со скрытием текста. Использовал этот вот код чтобы спрятать некоторый текст на сайте под соответствующей кнопкой

<html>
<head>
<sсriрt>
function mostrar(enla) {
  obj = document.getElementById('oculto');
  obj.style.visibility = (obj.style.visibility == 'hidden') ? 'visible' : 'hidden';
  enla.innerHTML = (enla.innerHTML == '-') ? '+' : '-';
}
</sсriрt>
</head>
<body>
<a href="#" onclick="mostrar(this); return false" />+</a>
<div id="oculto" style="visibility:hidden">
Этот текст будет виден когда я захочу
</div>
</body> 
</html>  

После скрытого текста у меня галерея. Но вопрос не в этом. Кнопка работает, но оставляет за собой нужное место для текста если нажать кнопку. То есть много пустого места. Можно как нибудь так сделать чтобы то что ниже "кнопки" адаптировалось под текст? Если текста мало, то и галерея выше? Не знаю понятно ли.

@темы: HTML, CSS, Веб-дизайн

---

Простая галерея на jQuery

[Makha]

В связи с грядущим Новым годом оказалась я без срочной работы, и с заданием - выучить jQuery. Оно, конечно, полезно для верстальщика. Но вот с какой стороны подступиться?
После недели теории, я решила все же опробовать хоть что-то на практике. Вспомнилось сколько раз я мучилась, подгоняя под требования ТЗ всевозможные галереи, которых сейчас в интернете великое множество. Отсюда и родилась идея реализации галереи удобной для верстальщика, а главное простой!

Поэтому хочу показать свою, надеюсь простую и понятную.

Код html минимален и прост, как 5 копеек:

<!DOCTYPE HTML>
<html>
<head>
<sсript src="http://code.jquery.com/jquery-latest.js"></sсriрt>
<sсript src="js/gallery.js"></sсriрt>
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<ul id="gallerey">
<li><img src="image/0_4e695_7842031a_XL.jpg"></li>
<li><img src="image/110.jpg" /></li>
<li><img src="image/926600_12.jpg" /></li>
<li><img src="image/202851549.jpg"/></li>
<li><img src="image/560506482.jpg"/></li>
<li><img src="image/desktopwallpapers.org.ua-4121.jpg"></li>
<li><img src="image/x_51c00eff.jpg"></li>
<li><img src="image/x_a023852b.jpg"></li>
</ul>
</body>
</html>

Вот этот небольшой список изображений, с одним единственным идентификатором, и есть будущая галерея.

К ней небольшое оформление (css3 использовала просто для красоты, необходимости в нем нет):

body{
	background:#DDDDDD;}

/* В данном селекторе мы задаем ширину, высоту, обводку, позиционирование, фоновый цвет, цвет и размер теней */

#gallerey_wrapper{
	width: 600px;
	min-width: 320px;
	padding: 20px;
	height: 350px;
	position: relative;
	background: #fff;
	background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#f3f3f3), color-stop(.1,#fff));
	background: -moz-linear-gradient(0 0 270deg, #fff, #fff 10%, #f3f3f3);
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
}

/* Это верхняя левая ленточка */

#gallerey_wrapper:before{
	content: '';
	position:absolute;
	top: -5px;
	left: -5px;
	width: 130px;
	height: 30px;
	border-left: 1px dashed rgba(0, 0, 0, 0.1);
	border-right: 1px dashed rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.1);
	background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
	background: -moz-linear-gradient(555% 0 180deg, rgba(0,0,0,0.1), rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.0));
	-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
	-webkit-transform:translate(-50px,10px)
						skew(10deg,10deg)
						rotate(-50deg);
	-moz-transform:translate(-50px,10px)
						skew(10deg,10deg)
						rotate(-50deg);
		-o-transform:translate(-50px,10px)
						skew(10deg,10deg)
						rotate(-50deg);
		transform:translate(-50px,10px)
						skew(10deg,10deg)
						rotate(-50deg);
}

/* Это правая нижняя ленточка */
#gallerey_wrapper:after{
	content: '';
	position:absolute;
	right:-5px;
	bottom:-5px;
	width: 130px;
	height: 30px;
	background: rgba(0, 0, 0, 0.1);
	background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
	background: -moz-linear-gradient(555% 0 180deg, rgba(0,0,0,0.1), rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.0));
	border-left: 1px dashed rgba(0, 0, 0, 0.1);
	border-right: 1px dashed rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
	-webkit-transform: translate(50px,-20px)
						skew(10deg,10deg)
						rotate(-50deg);
	-moz-transform: translate(50px,-20px)
						skew(10deg,10deg)
						rotate(-50deg);
	-o-transform: translate(50px,-20px)
						skew(10deg,10deg)
						rotate(-50deg);
	transform: translate(50px,-20px)
						skew(10deg,10deg)
						rotate(-50deg)
}


#prev, 
#next{
	width: 35px;
	height:35px;
	top: 50%;
	margin-top: -17px;
	text-align:center;
	cursor: pointer;
	opacity:0.5;
	position:absolute;z-index:10;}

#prev{
	background:url(../image/prev.png) center center no-repeat;
	left:15px;}

#next{
	background:url(../image/next.png) center center no-repeat;
	right:15px;}

#prev:hover, 
#next:hover{
	opacity:1;
}

#gallerey{
visible: hidden;
}

#image{
	z-index:5;
	height:auto
}
#image>img{
	max-width:100%;
	display:block;
	margin:0 auto;
	max-height:320px;
}

#navigation{
	clear: both;
    height: 24px;
	text-align:center;
	position:absolute;
	left: 50%;
	bottom:10px;
	z-index:10;}	

#navigation span{
	width: 24px;
	height: 24px;
	float: left;
	margin: 0;
	cursore: pointer;
	display: inline-block;
	background: url(../image/noselect_input.png);
	cursor: pointer;
}

#navigation span.active,
#navigation span:hover{
	background:url(../image/select_input.png);
	}

И собственно сама галерея. За основу создания взят массив и работа с ним:

// переменные
var mass = [];
var active = 0;

//вызов галереи
$(function(){
	createGallery("#gallerey");
});

function showMass(active){
	$("#navigation span").removeClass("active");
	$("#image").html('<img src="'+mass[active]+'"/>');
	$("#navigation span").eq(active).addClass("active");
}

function createGallery(id_gall){
	$(id_gall).wrap('<div id="gallerey_wrapper"></div>').after('<div id="next"></div><div id="navigation"></div>').before('<div id="image"></div><div id="prev"></div>').hide();
	var number_elem = $(id_gall +" li").size();
	for (i=0; i < number_elem; i++){
		mass[i] = $(id_gall +" li").eq(i).children("img").attr("src");
		$("#navigation").append('<span data-index-element="'+i+'"></span>');
	}
	
	$("#navigation").width($("#navigation span").width()*number_elem).css("margin-left", -($("#navigation span").width()*number_elem)/2);
	$("#navigation span").eq(active).addClass("active");
	$("#image").html('<img src="'+mass[active]+'"/>');
}	

$("#prev").live("click", function(){
	var n = $(this).next().find("li").size()-1;
	if (active > 0){
		--active}
	else {
		active =  n}
	showMass(active);
	});
	
$("#next").live("click", function(){
	var n = $(this).prev().find("li").size()-1;
	if (active < n){
		++active}
	else{
		active = 0;}
	showMass(active);
	});

$("#navigation span").live("click", function(){
	active = $(this).attr("data-index-element");
	showMass(active);
	});

Все основные настройки сосредоточены в css (что не может не радовать верстальщика). И навесить поверх можно все, что угодно. Хоть иконки картинок сделать, вместо булетов. Хоть модальное окно, в которое будет выводится изображение. Хоть описания изображений. Для ИЕ придется подгонять стили (впрочем они тут больше для примера), но галерея прекрасно сохраняет функционал и в ИЕ6


Ссылка на немного доработанную галерею. Я добавила маленькие привью. Архив: webfile.ru/6299206

@темы: HTML, CSS, JavaScript

---

[Нил Эфферсон]

Здравствуйте!
Извините, если сообщение не по правилам.

Требуется программист!
Техзадание звучит так: сделать скрипт, который устанавливал бы связи между двумя базами данных и оформлял бы эти связи в сводную таблицу Ексель или в формы по типу Аксесс, неважно, главное, наглядно. Обе базы лежат в интернете. За подробностями - ко мне в личку, пожалуйста.
За помощь обещаю соавторство в проекте и плюшки в виде фичочков или коллажиков по любимому программистом фандому. Если работа сложная, то можно поговорить и о повышении оплаты.

С уважением, Пху.

---

проблема с печатью из firehox

[Капитан Белиарх]

Баг только с фаерфоксом, но пользоваться другим браузером не предлагать.

Есть статья, нужно распечатать. Со второй страницы на печати идет перенос строки после каждого слова, еще кое-где есть наслоение текста. Кто-то сталкивался? Как лечить?

Функция принта:

    /**
     * Печатная версия новости
     */
    public function printAction() {
        Zend_Layout::getMvcInstance()->setLayout("empty");
        //$this->_helper->viewRenderer->setNoRender(true);
        $request = $this->getRequest();
        $news_model = Model_News::getInstance();
        if(($news_id = $request->getParam('news_id')) != null && count($news = $news_model->format($news_id - Model_News::SEO_OFFSET, null, false)) > 0) {
            $categories_str = '';
            foreach($news['categories'] as $cat) {
              $categories_str .= ($categories_str == ''? '':', ') . $cat['category'];
            }
            $news['categories_str'] = $categories_str;

            $this->view->item = $news;
        }
    }

@темы: PHP

---

прошу помощи в оформлении сайта

[марципановый маньяк]

Ребята, мне нужно внести некоторые изменения в оформлении сайта, не знаю, с помощью css или html, может есть доброволец, кто согласится мне помочь?
У меня всего пара желаний, например, сделать header картинку поверх этого белого фона, как бы, не делая её внутри того поля.


Второй вопрос, расположить вертикальную колонку-меню горизонтально и из него уже сделать выплывающий box с ссылками.

Буду благодарна за любую помощь

@темы: HTML, CSS, Веб-дизайн

---

Оптимизация верстки

[alhames]

Меня вот лично волнует весьма спорный вопрос касательно использования тех или иных атрибутов, которые являлись чуть ли не обязательными в xhml и стали ничего не значащими в html5.
Начнем по порядку:

1. Doctype: использование <!DOCTYPE html> является вполне валидным, но с каким типом ассоциируют его старые браузеры, которые ничего не знали о html5?

2. Классический шаблон тега html ранее у меня представлял вид <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">. Сейчас я стал использовать нечто вроде: <html lang="ru" xmlns:og="http://ogp.me/ns#"> - namespace для xhtml больше не требуется, а объявление языка свелось к указанию в атрибуте lang. Но на самом деле приоритетной настройкой является язык, возвращаемый в заголовках ответа сервера, а т.к. почти всегда он уже возвращает ru (что впринципе можно проконтролировать), то есть ли вообще смысл использовать этот атрибут?
Ну а namespace для OpenGraph - это обязательная приблуда для валидной оптимизации под соц. сети.

3. Не парные теги - в xhtml их нужно было закрывать ( например, <img /> ) и я по привычки всегда их закрываю. Но так ли это нужно теперь?

4. Устаревшее объявление кодировки - <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> - теперь сведено к минимуму: <meta charset="UTF-8" />.
Это объясняется тем, что для 100% понимания кодировки страницы браузером верстальщики ВСЕГДА использовали указание кодировки - и потому этот тег решили сократить. Что же касается mime-type, то на своей практики я не помню ни одного случая, чтобы требовалось указать что-то отличное от text/html.
Опять жешь, приоритетными параметрами являются параметры сервера, и я взял себе в привычку всегда вручную отправлять нужный mime-type в заданной кодировке.
Собственно вопрос: а чтоже будет со старыми браузерами? Они ведь не поймут это сокращение. Да и нужно ли оно вообще, если в заголовках итак все есть?

5. Указание mime-type в link и sсript: <link rel="stylesheet" type="text/css" href="style.css" /> или <sсript type="text/javasсript" src="jquery-1.7.1.min.js"></sсriрt> - насколько важен атрибут type?
В рекомендациях встретил что он устарел и его лучше опускать, но в более старых рекомендациях его рекомендовали использовать всегда, дабы браузер не запутался с тем что именно он выполняет.
Кроме того некоторые расширения - например, шаблонизатор на JQuery, используют специфические mime-type: <sсript id="movieTemplate" type="text/x-jquery-tmpl">

Вот как-то так)

@темы: HTML, Оптимизация

---

tinyMCE + Google Chrome

[Капитан Белиарх]

Почему в хроме может не работать выражение imm = tinyMCE.get('news_body').getContent(); ?
В мозилле корректно.

@темы: JavaScript

---

/*продолжаю трахать вам мозги*/

[Half-BloodGamer]

доброго времени суток
с меню вроде разобрался, теперь другая проблема
не удается настроить фоновый рисунок (а потом и расположить на нем меню в нужном месте)
CSS:

#wrapper { /*центральный блок*/
	margin: 0 auto;
	//width: 100%;
	//height: 100%;
	background-image: url(../images/background.png);
	background-repeat: no-repeat;
	//background-size: 124px 68px;
}
p { /*центральная часть сайта*/
	overflow: scroll;
	width: 50%;
	height: 50%;
	border: solid black thin;
	padding: 25px;
	margin: 25px;
	background-color: white;
}
#right { /*правый блок*/
	float: right;
	background-image: url(../images/backright2.png);
	background-size: 100% 100%;
	width: 20%;
	height: 100%;
}
#left { /*левый блок*/
	float: left;
	//background-color: black;
	background-image: url(../images/backleft.png);
	background-size: 100% 100%;
	width: 20%;
	height: 100%;
}
#joy { 
	margin: 168px 0 auto 75px;
	background-image: url(../images/joyleft.png);
	width: 200px;
	height: 200px;
	background-position: relative;
	background-repeat: no-repeat;
}
#joy div {
	overflow: hidden;
	height: 67px;
}
#one {
	width: 83px;
	height: 60px;
	background: url(../images/joyleft.png) -58px 0;
	//background-position: relative;
	background-repeat: no-repeat;
	overflow: hidden;
	//display: block;
}
#two {
	width: 70px;
	height: 67px;
	background: url(../images/joyleft.png) -130px -67px;
	//background-position: relative;
	background-repeat: no-repeat;
	overflow: hidden;
}
#three {
	width: 78px;
	height: 67px;
	background: url(../images/joyleft.png) -2 -65px;
	//background-position: relative;
	background-repeat: no-repeat;
	overflow: hidden;
}
#four {
	width: 83px;
	height: 60px;
	background: url(../images/joyleft.png) 2 -132px;
	//background-position: relative;
	background-repeat: no-repeat;
	overflow: hidden;
}
#center {
	background: no-repeat url(../images/background.png);
	background-size: 100% 100%;
	background-position: relative;
	margin: 10px auto;
	width: 60%;
	height: 100%;
	background-color: white;
}

HTML:

<body>
<div id="wrapper">
	<div id="left" align="left">
		<div id="joy">
			<div height="67px">
			<img src="images/cover1.gif" id="cover1" align="left" width="58px" height="67px">
			<a href="index.html">
				<img src="images/empty.gif" id="one" width="1" height="1" align="center">
			</a>
			<img src="images/cover1.gif" id="cover1" align="right" height="67px" width="58px">
			</div>
			
			<div>
			<a href="blog.html">
				<img src="images/empty.gif" id="three" width="1" height="1" align="left">
			</a>
			
			<img src="images/cover1.gif" id="cover1" align="center" height="67px" width="40px">
			<a href="video.html">
				<img src="images/empty.gif" id="two" width="1" height="1" align="right">
			</a>
			</div>
			<div height="67px">
			<img src="images/cover1.gif" id="cover1" align="left" width="58px" height="67px">
			<a href="contacts.html">
				<img src="images/empty.gif" id="four" width="1" height="1" align="center">
			</a>
			<img src="images/cover1.gif" id="cover1" align="right" height="67px" width="58px">
			</div>
		</div>
	</div>
	<div id="center">
	</div>
	<div id="right" align="right">
	</div>
</div>
</body>

@темы: HTML, CSS