Помогите выравнять шапку.

raen · 7 марта 2014

Уже второй день пытаюсь ровно поставить и не могу..

На данный момент так:

Нужно вот так:

Вот main.tpl


<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>

	    <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

<link rel="stylesheet" href="{THEME}/prefix.css" type="text/css" media="screen, projection" />

<link rel="stylesheet" href="{THEME}/style.css" type="text/css" media="screen, projection" />

<script type="text/javascript" src="{THEME}/js/jquery-1.7.2.min.js"></script>

<script type="text/javascript" src="{THEME}/js/jcarousellite.js"></script>

<script type="text/javascript" src="{THEME}/js/login.js"></script>

{headers} 



</head>

<body id="page">



    {AJAX}

<noscript><div id="noscript">Внимание, для полнценной работы сайта, нужно включить <b>JavaScript!</b></div></noscript>

<!--[if lte IE 7]><div id="ie">Внимание, ваш браузер устарел. Корректная работа сайта не гарантируется!</div><![endif]-->

    <div id="wrapper">


<header id="header">

  <div class="logotype">


  </div>

  <form method="post" action=''>

    <input type="hidden" name="do" value="search" />

    <input type="hidden" name="subaction" value="search" />

   <div class="search">

    <input type="text" value="" placeholder="Быстрый поиск по сайту..." name="story" id="story" />

    <input type="submit" id="searchSend" value="Поиск"/>

   </div>

  </form>



</header>




<nav id="nav" class="nav">

  <div class="navContent">



   <ul>

    <li><a href="/">Главная</a></li>

    <li><a href="/forum">Форум</a></li>

    <li><a href="/rule.php">Правила</a></li>

    <li><a href="/contacts.html">Контакты</a></li>

			    <li><a href="#">О нас</a></li>



    <li><a href="#">Скачать Minecraft</a></li>

    <li><a href="#">Моды</a></li>

    <li><a href="#">Текстуры</a></li>

			    <li><a href="#">Моды</a></li>

			    <li><a href="#">Моды</a></li>

   </ul>


   <div class="myProfile"><a id="openForm" href="#">Профиль</a></div>

  </div>

  <div id="profilePopup">

   <div class="popupContent">

    {login}

   </div>

  </div>

</nav>

<script type="text/javascript">

$(function(){

  $(".slides").jCarouselLite({

   visible: 1,

   btnNext: ".next",

   btnPrev: ".prev",

   speed: 500

  });

  $(".minislides").jCarouselLite({

   visible: 1,

   auto: 3000,

   speed: 900

  });

});

</script>

    <!-- Слайдер

<div class="sliders">

  <div class="bigSlider">

   <div class="slides">

    <ul>

	 <li><img src="{THEME}/temp/1.jpg" alt="" /><p>Minecraft — компьютерная игра с видом от первого лица.</p></li>

	 <li><img src="{THEME}/temp/2.jpg" alt="" /><p>Дружба — личные взаимоотношения между людьми, основанные на любви, доверии, искренности, взаимных симпатиях, общих интересах и увлечениях.</p></li>

	 <li><img src="{THEME}/temp/3.jpg" alt="" /><p>iPhone 5 — смартфон, спроектированный Джонатаном Айвом в Apple; представляет шестое поколение iPhone и является преемником iPhone 4S.</p></li>

	 <li><img src="{THEME}/temp/4.jpg" alt="" /><p>Oracle — американская корпорация, крупнейший в мире разработчик программного обеспечения для организаций, крупный поставщик серверного оборудования.</p></li>

    </ul>

   </div>

   <div class="next"></div>

   <div class="prev"></div>

  </div>

</div>

-->



<section id="middle">

  <div class="middleContent">

    <div id="container">

	 <div id="content">

	 <!-- {speedbar}

	  {info} --><br>





					    [aviable=main]<ul class="news_block">[/aviable]

					    [aviable=main]<span class="podch">Новости</span>[/aviable]

	   [aviable=search]<ul class="news_block"><span class="podch">Поиск</span>[/aviable]


						    [aviable=register]<ul class="news_block"><span class="podch">Регистрация</span>[/aviable]

						    [aviable=stats]<ul class="news_block"><span class="podch">Статистика</span>[/aviable]

						    [aviable=favorites]<ul class="news_block"><span class="podch">Закладки</span>[/aviable]



					    </ul>

<!-- ШАПКА ВОТ -->

						    <div class="shapka">

   <img src="{THEME}/images/shapka11.png"  alt="Тайтл сайта" />


  </div>

<!-- ШАПКА ВОТ -->

	 {content}

	  <div class="pageScroller">

	   <a id="tooTop" href="#page">Наверх</a>

	  </div>

	 </div>

    </div>

		    <br>

	    <aside id="side">

								    <ul class="news_block"> <li>Категории</li> </ul>


	  <div class="block">

	  <ul class="categories">

	   <li><a href="#">О нас</a><span>Новостей: 161</span></li>

						    <li><a href="#">Контакты</a><span>Новостей: 2</span></li>

						    <li><a href="#">Форум</a><span>Новостей: 3</span></li>

						    <li><a href="#">Начало игры</a><span>Новостей: 5</span></li>

						    <li><a href="#">О серверах</a><span>Новостей: 7</span></li>

						    <li><a href="#">DONATE</a><span>Новостей: 8</span></li>

						    <li><a href="#">Магазин блоков</a><span>Новостей: 21</span></li>

						    <li><a href="#">Личный магазин</a><span>Новостей: 5</span></li>

						    <li><a href="#">Доступные команды</a><span>Новостей: 87</span></li>

				  </ul>

  </div><ul class="news_block"> <li>Мониторинг</li> </ul>

	 <div class="block">

					    <br>

	  {vote}

					    <br><br>

  </div>

</section>

<nav id="navFooter" class="nav">

  <div class="navContent">

   <ul>

    <li><a href="#">Главная</a></li>

    <li><a href="#">Форум</a></li>

    <li><a href="#">Правила</a></li>

    <li><a href="#">Контакты</a></li>

    <li><a href="#">О нас</a></li>

    <li><a href="#">Как начать играть</a></li>

    <li><a href="#">Скачать Minecraft</a></li>

    <li><a href="#">Моды</a></li>

    <li><a href="#">Текстуры</a></li>

   </ul>

  </div>

</nav>




  <footer id="footer">

  <p class="copyright"><b>raencraft.ru inc.</b> &copy; 2012.<br />

  Все права защищены. При копировании указывайте сылку на <a href="#">источник</a></p>  <div style="display:none;">

	    By: <a href="">raen</a></div>


  <div class="footerElement">

   <ul class="counters">

    <li><a href=""><img src="{THEME}/temp/count.gif" alt="" /></a></li>

    <li><a href=""><img src="{THEME}/temp/count.gif" alt="" /></a></li>

   </ul>

   <ul class="social">

    <li><a href="#"><img src="{THEME}/images/vk.png" alt="" /></a></li>

    <li><a href="#"><img src="{THEME}/images/rss.png" alt="" /></a></li>

   </ul>

  </div>

</footer>


</body>

</html>

Вот кусок css


.shapka {color:#ffffff; position: absolute; /* Абсолютное позиционирование */

    top: -206px; /* Положение от нижнего края */

    left: 73px; /* Положение от правого края */}

В чем ошибка? Кто поможет - переведу на вм денюжку, что есть на кошельке..

Спасибо заранее

alex32 · 7 марта 2014

фу, вирусы

webair · 8 марта 2014

margin: -206px auto 0;

left и top убрать.

Если не получится, дальше уже смотря на ваш сайт без вирусов, а не только код.

Изменено 8 марта 2014 пользователем webair

raen · 11 марта 2014

фу, вирусы

какие вирусы? Подскажите пожалуйста

webair · 11 марта 2014

фу, вирусы

какие вирусы? Подскажите пожалуйста

raen · 11 марта 2014

фу, вирусы

какие вирусы? Подскажите пожалуйста

хм, у меня тоже eset и все работает..

MMysiv · 12 марта 2014

Есть вирус, Nod ругается. Кстати на 1920*1080 фон сайта обрезан с двух сторон.

raen · 13 марта 2014

Есть вирус, Nod ругается. Кстати на 1920*1080 фон сайта обрезан с двух сторон.

можно скрин?

И скрин нода пожалуйста, найти вирус не могу

alex32 · 13 марта 2014

И скрин нода пожалуйста, найти вирус не могу

выше посмотрите, там скрин))

raen · 14 марта 2014

И скрин нода пожалуйста, найти вирус не могу
выше посмотрите, там скрин))

Исправил! Посмотрите пожалуйста, работает сейчас?

Войти

Помогите выравнять шапку.

Рекомендованные сообщения

raen 0

Ссылка на сообщение

Поделиться на других сайтах

alex32 934

Ссылка на сообщение

Поделиться на других сайтах

webair 176

Ссылка на сообщение

Поделиться на других сайтах

raen 0

Ссылка на сообщение

Поделиться на других сайтах

webair 176

Ссылка на сообщение

Поделиться на других сайтах

raen 0

Ссылка на сообщение

Поделиться на других сайтах

MMysiv 30

Ссылка на сообщение

Поделиться на других сайтах

raen 0

Ссылка на сообщение

Поделиться на других сайтах

alex32 934

Ссылка на сообщение

Поделиться на других сайтах

raen 0

Ссылка на сообщение

Поделиться на других сайтах

Присоединяйтесь к обсуждению

Форум

Активность