Отступ от шапки (сверху пустое место) сайта помогите не могу решить проблему css все верно есть * { margin:0; padding:0; }
<!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>{title}</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="l2, linage" />
<meta name="keywords" content="l2, linage" />
<link rel="stylesheet" href="{template}/css/style.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="{template}/css/engine.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="{template}/css/video.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="{template}/js/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
<link rel="stylesheet" href="{template}/scripts/styleGallery.css" type="text/css" media="screen" title="prettyDropdown main stylesheet" charset="UTF-8" />
<script type="text/javascript" src="{template}/js/jquery-1.5.2.min.js"></script>
<script src="{template}/js/jquery-1.3.min.js" type="text/javascript"></script>
<script src="{template}/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="{template}/js/flexcroll.js"></script>
<script type="text/javascript" src="{template}/js/stressweb.js"></script>
<script src="{template}/js/jQuery 1.2.6.js" type="text/javascript"></script>
<link rel="stylesheet" href="{template}/js/prettyGallery.css" type="text/css" media="screen" title="prettyDropdown main stylesheet" charset="UTF-8" />
<script src="{template}/js/prettyGallery.js" type="text/javascript" charset="UTF-8"></script>
<link rel="stylesheet" href="{template}/js/prettyPhoto.css" type="text/css" media="screen" charset="UTF-8" />
<script src="{template}/js/prettyPhoto.js" type="text/javascript" charset="UTF-8"></script>
<!--[if lte IE 6]><link rel="stylesheet" href="style_ie.css" type="text/css" media="screen, projection" /><![endif]-->
<script type="text/javascript">
$(document).ready(function() {
var total = $("#img_box img").length;
$("#imglink1 img").css({
"top": "-5px"
});
$(".thumblink").click(function() {
var imgnumber = parseInt($(this).attr('id').replace("imglink", ""));
var move = -($("#img"+imgnumber).width() * (imgnumber - 1));
$("#img_box").animate({
left: move
}, 500);
$("#imgthumb_box").find("img").removeAttr("style");
$(this).find("img").css({
"top": "-5px",
"border-top-width": "-5px"
});
return false;
});
$("#navigate a").click(function() {
var imgwidth = $("#img1").width();
var box_left = $("#img_box").css("left");
var el_id = $(this).attr("id");
var move, imgnumber;
if (box_left == 'auto') {
box_left = 0;
} else {
box_left = parseInt(box_left.replace("px", ""));
}
// Если нажата кнопка для перехода на предыдущее изображение
if (el_id == 'linkprev') {
if ((box_left - imgwidth) == -(imgwidth)) {
move = -(imgwidth * (total - 1));
} else {
move = box_left + imgwidth;
}
imgnumber = -(box_left / imgwidth);
if (imgnumber == 0) {
imgnumber = total;
}
} else if (el_id == 'linknext') {
// Если изображение последнее, то переходим на первую картинку
if (-(box_left) == (imgwidth * (total - 1))) {
move = 0;
} else {
move = box_left - imgwidth;
}
imgnumber = Math.abs((box_left / imgwidth)) + 2;
if (imgnumber == (total + 1)) {
imgnumber = 1;
}
} else if (el_id == 'linkfirst') {
move = 0;
imgnumber = 1;
} else if (el_id == 'linklast') {
move = -(imgwidth * (total - 1));
imgnumber = total;
}
// Стили для выбранной картинки
$("#imgthumb_box").find("img").removeAttr("style");
$("#imglink"+imgnumber).find("img").css({
"top": "-5px",
"border-top-width": "-5px"
});
$("#navigate a").hide();
$("#navigate span").show();
$("#img_box").animate({
left: move+'px'
}, 400, function() {
$("#navigate a").show();
$("#navigate span").hide();
});
return false;
});
});
</script>
</head>
<body>
<div class="bg1"><div class="bg2"><div class="bg3"><div class="bg4"><div class="bg5"><div class="bg6"><div class="bg11">
<div id="wrapper">
<!--боковые кнопки-->
<a href="сылка" style="position:fixed; top:42%; z-index:10000; left:0px;">
<img src="{template}/images/ac2.png" border="0" onmouseover="this.src='{template}/images/ac2_on.png';" onmouseout="this.src='{template}/images/ac2.png';" /></a>
<!--конец боковые кнопки-->
la2top
<div id="ss" style="position:relative;">
<div id="lv" style="position:absolute; top:1450px; left:80px;">
<a href="http://l2op.ru/"><img border="0" title="Даты старта серверов Lineage 2 Interlude, Gracia Final, Epilogue, Freya, High Five, Goddess of Destruction" src="http://l2op.ru/banner.png" width="88" height="31" border="0" /></a>
<script id="_wau3yv">var _wau = _wau || []; _wau.push(["classic", "daop5613msck", "3yv"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/classic.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>
</div></div>
<!--о сервере-->
<div id="sc">
<a href="index.php?f=About">
<img src="{template}/images/bio.png" border="0" onmouseover="this.src='{template}/images/bio_on.png';" onmouseout="this.src='{template}/images/bio.png';" /></a>
</div>
<!--конец о сервере-->
<!--старт-->
<div id="str_ct">
<div id="str">
<a href="index.php?f=Start">
<img src="{template}/images/str.png" border="0" onmouseover="this.src='{template}/images/str_on.png';" onmouseout="this.src='{template}/images/str.png';" /></a>
</div>
</div>
<!--конец старт-->
<div id="pqwe" style="position:relative; height:235px;">
</div>
<!--меню-->
<div id="qww" style="position:relative;">
<div id="menu" style="position:absolute;">
<a href="index.php">
<img src="{template}/images/bt_01.png" border="0" onmouseover="this.src='{template}/images/bt_on_01.png';" onmouseout="this.src='{template}/images/bt_01.png';" /></a>
<br>
<a href="index.php?f=register">
<img src="{template}/images/bt_02.png" border="0" onmouseover="this.src='{template}/images/bt_on_02.png';" onmouseout="this.src='{template}/images/bt_02.png';" /></a>
<br>
<a href="index.php?f=donate">
<img src="{template}/images/bt_03.png" border="0" onmouseover="this.src='{template}/images/bt_on_03.png';" onmouseout="this.src='{template}/images/bt_03.png';" /></a>
<br>
<a href="index.php?f=download">
<img src="{template}/images/bt_04.png" border="0" onmouseover="this.src='{template}/images/bt_on_04.png';" onmouseout="this.src='{template}/images/bt_04.png';" /></a>
<br>
<a href="index.php?f=stat">
<img src="{template}/images/bt_05.png" border="0" onmouseover="this.src='{template}/images/bt_on_05.png';" onmouseout="this.src='{template}/images/bt_05.png';" /></a>
<br>
<a href="http://forum.onfire-world.com">
<img src="{template}/images/bt_06.png" border="0" onmouseover="this.src='{template}/images/bt_on_06.png';" onmouseout="this.src='{template}/images/bt_06.png';" /></a>
</div></div>
<!--конец меню-->
<!--слайдер-->
<div id="container2">
<div id="img_container">
<div id="img_box">
<img id="img1" src="{template}/images/01.png"/>
<img id="img1" src="{template}/images/01.png"/>
</div>
</div>
<div id="navigate">
<a href="" id="linkprev"><img src="{template}/images/left.png" border="0" onmouseover="this.src='{template}/images/right.png';" onmouseout="this.src='{template}/images/left.png';" /></a> 
<a href="" id="linknext"><img src="{template}/images/left.png" border="0" onmouseover="this.src='{template}/images/right.png';" onmouseout="this.src='{template}/images/left.png';" /></a>
</div>
</div>
<!--конец слайдер-->
<!--контент-->
<div id="content">
<div class="conts">
<div id="mycustomscroll" class="flexcroll">
{info}{content}
</div>
</div>
</div>
<!--конец контент-->
<!--лк-->
<div id="lk" style="font-size:11px; text-align:center; line-height:25px;">
<a href="index.php?f=cp">
<img src="{template}/images/av.png" border="0" onmouseover="this.src='{template}/images/av_on.png';" onmouseout="this.src='{template}/images/av.png';" /></a>
<span style="font-size:11px; left:15px; position:relative; text-align:center;">
<b><br />
<a href="index.php?f=register">Регистрация</a><br />
<a href="index.php?f=forget">Забыли пароль?</a><br />
<a href="index.php?f=register">Сменить пароль</a><br />
<a href="index.php?f=register">Сменить e-mail</a></b></span>
</div><br>
<div id="pqqee" style="position:relative; "></div>
<!--конец лк-->
<!--пвп топ-->
<div id="pvp_ct">
<div id="top_pvp" style="width:136px;">
<br>{pvptop}
<span style=" position:absolute; top:265px; left:25px;">
<a href="index.php?f=stat&act=pvp&sid=1"><img src="{template}/images/all.png"onmouseout="this.src='{template}/images/all.png';"onmouseover="this.src='{template}/images/all_on.png';"src="{template}/images/all.png" alt="vk.com" /></a></span>
</div>
</div>
<!--конец пвп топ-->
<!--топ пк-->
<div id="pk_ct">
<div id="top_pk" style="width:136px;"><br>{pktop}
<span style=" position:absolute; top:270px; left:35px;">
<a href="index.php?f=stat&act=pk&sid=1"><img src="{template}/images/all.png"onmouseout="this.src='{template}/images/all.png';"onmouseover="this.src='{template}/images/all_on.png';"src="{template}/images/all.png" alt="vk.com" /></a></span>
</div>
</div>
<!--конец топ пк-->
<!--галлерея-->
<div id="gal_ct">
<div id="gallery">
<ul class="gallery">
<li><a href="{template}/images/1_s.jpg" rel="prettyPhoto[gallery]"><img src="{template}/images/1_s.jpg" width="96" height="89" alt="1" /></a></li>
<li><a href="{template}/images/1_s.jpg" rel="prettyPhoto[gallery]"><img src="{template}/images/1_s.jpg" width="96" height="89" alt="1" /></a></li>
<li><a href="{template}/images/1_s.jpg" rel="prettyPhoto[gallery]"><img src="{template}/images/1_s.jpg" width="96" height="89" alt="1" /></a></li>
<li><a href="{template}/images/1_s.jpg" rel="prettyPhoto[gallery]"><img src="{template}/images/1_s.jpg" width="96" height="89" alt="1" /></a></li>
<li><a href="{template}/images/1_s.jpg" rel="prettyPhoto[gallery]"><img src="{template}/images/1_s.jpg" width="96" height="89" alt="1" /></a></li>
<li><a href="{template}/images/1_s.jpg" rel="prettyPhoto[gallery]"><img src="{template}/images/1_s.jpg" width="96" height="89" alt="1" /></a></li>
</ul>
</div>
</div>
<!--конец галлерея-->
<!--форум-->
<div id="fr_ct">
<div id="fr">
{forum}
</div>
</div>
<!--кнопка на форум-->
<div id="lka">
<span style=" position:absolute; top:-45px; left:360px;">
<a href="http://l2excited.ru/forum/"><img src="{template}/images/fr.png"onmouseout="this.src='{template}/images/fr.png';"onmouseover="this.src='{template}/images/fr_on.png';"src="{template}/images/fr.png" alt="vk.com" /></a></span></div>
</div>
<!--конец форум-->
<!--статус-->
<div id="ct_status">
<div id="status">
<div id="serv">
{server}
</div>
</div>
</div>
<!--конец статус-->
<div id="ssaa" style="position:relative ; margin:0 auto; width:700px;">
<div id="qwe" style="position:absolute; top:-795px; left:575px; color:#999; font-size:10px;"><b>
<span style="width:100%;">
<a href="#" style="">ТОП ПВП</a><br>
<a href="#" style="">ТОП ПК</a></span>
<span style=" position:absolute; top:-0px; width:100%; left:120px;">
<a href="#">КЛАНЫ</a><br>
<a href="#">ЗАМКИ</a></b></span></b>
</div></div>
<script type="text/javascript" charset="utf-8">
$("a[rel^='prettyPhoto']").prettyPhoto({showTitle:false});
$('ul.gallery:first').prettyGallery({itemsPerPage:3, navigation:'bottom', animationSpeed:'slow'});
</script>
</body>
</html>
