Понедельник, 11 Ноября 2024, 11:19

Приветствую Вас Гость

[ Новые сообщения · Игроделы · Правила · Поиск ]
  • Страница 1 из 2
  • 1
  • 2
  • »
Помогите с include php
SolomidДата: Суббота, 18 Мая 2013, 20:34 | Сообщение # 1
был не раз
Сейчас нет на сайте
Решил изучить php и столкнулся с проблемой которую не могу решить и найти в всеобщей паутине ответ (probably bad looking). Когда добавляю include на страницу сверху появляется странный промежуток как его убрать?

Код html:
Код

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>

<div class="main"> <!-- Главный контейнер -->

   <?php include 'auth.php'; ?>

      <div class="mid">
        
      </div>
        
      <div class="bot">
        
      </div>

</div>

</body>
</html>


Код php:
Код

<body>
<link rel="stylesheet" type="text/css" href="style.css" />
<div class="top"> <!-- Контейнер шапки сайта -->
      <div class="top-left"> <!-- Календарь -->
          <p>Будущий календарь</p>
          </div>
          <div class="top-logo"> <!-- Логотип сайта -->
          </div>
          <div class="top-right"> <!-- Авторизация -->
              <ul>
                  <li><input type="text" name="FirstName" class="auth_input" /></li>
                  <li><input type="password" name="Password" class="auth_input" /></li>
                  <li><input type="submit" value="Вход" /></li>
                  <li><a href="+">Забыли пароль?</a></li>
                  <li><a href="+">Регистрация!</a></li>
              </ul>
      </div>
</div>
</body>


Изображение:


Сообщение отредактировал Solomid - Суббота, 18 Мая 2013, 22:58
falcowareДата: Суббота, 18 Мая 2013, 20:54 | Сообщение # 2
старожил
Сейчас нет на сайте
Solomid, не красиво. 2 боди получается. Кривой код!
dima9595Дата: Суббота, 18 Мая 2013, 20:55 | Сообщение # 3
почти ветеран
Сейчас нет на сайте
Solomid, скорей всего вы в css что-то не так сделали, так как это убирается одной строкой в css.
И зачем 2 раза подключать css?


SolomidДата: Суббота, 18 Мая 2013, 21:13 | Сообщение # 4
был не раз
Сейчас нет на сайте
Цитата
Solomid, не красиво. 2 боди получается. Кривой код!

Убрал лишний боди в auth.php проблеме не помогло.

Цитата
Solomid, скорей всего вы в css что-то не так сделали, так как это убирается одной строкой в css.
И зачем 2 раза подключать css?

Убрал лишнее css подключение проблеме опять же не помогло. В css ошибки не может быть т.к я изночально я всё делел без auth.php и было все как надо, а логотип съехал после подключение includ.


Сообщение отредактировал Solomid - Суббота, 18 Мая 2013, 21:14
lvovandДата: Суббота, 18 Мая 2013, 21:40 | Сообщение # 5
старожил
Сейчас нет на сайте
как задан в css класс top-logo ?

Разработка и продвижение сайтов. Дизайн
SolomidДата: Суббота, 18 Мая 2013, 22:01 | Сообщение # 6
был не раз
Сейчас нет на сайте
Код

.top-logo
   {
    background-image: url(img/logo.png);
    background-repeat: no-repeat;
    width: 640px;
    position: relative;
    top: 0;
    padding: 10px;
    height: 150px;
    margin: 0 auto;    
   }
Yashko3Дата: Суббота, 18 Мая 2013, 22:26 | Сообщение # 7
Господин Ведущий
Сейчас нет на сайте
попробуй убрать padding: 10px;




старый профиль
php <3
EpsilonДата: Суббота, 18 Мая 2013, 22:39 | Сообщение # 8
частый гость
Сейчас нет на сайте
.top-logo {padding: 10px;}
Расшифровывается как "сделать странный промежуток" smile
SolomidДата: Суббота, 18 Мая 2013, 22:53 | Сообщение # 9
был не раз
Сейчас нет на сайте
Цитата
попробуй убрать padding: 10px;

Цитата
.top-logo {padding: 10px;}
Расшифровывается как "сделать странный промежуток"

padding здесь не причем т.к он делает промежуток между содержимым и воображаемым контейнером, а margin мог бы сделать такое чудо т.к он задает расстояние от края контейнера до родительского элемента.
Как я уже писал дело не в css, а чем то другом т.к когда я отключаю includ все становиться на свои места.


Сообщение отредактировал Solomid - Суббота, 18 Мая 2013, 22:56
castielblackДата: Суббота, 18 Мая 2013, 22:53 | Сообщение # 10
почетный гость
Сейчас нет на сайте
И картинку под спойлер запихните.

Знания : C#, Lua, C++, Unity, Dreemchest, DirectX 11
Выпущенные проекты : BuildAndRun, Match 3 Cubes
lvovandДата: Суббота, 18 Мая 2013, 23:02 | Сообщение # 11
старожил
Сейчас нет на сайте
поставь отрицательный top
top: -20px;
ну или не 20, смотря сколько этот "странный промежуток"



Разработка и продвижение сайтов. Дизайн
SolomidДата: Суббота, 18 Мая 2013, 23:37 | Сообщение # 12
был не раз
Сейчас нет на сайте
в этом случае top не помог, а помог margin, но при использовании margin не получиться резиновый сайт. В этом случае логотип статично закрепиться на одном месте. Спасибо конечно, но нужно другое решение проблемы.
lvovandДата: Суббота, 18 Мая 2013, 23:47 | Сообщение # 13
старожил
Сейчас нет на сайте
решение проблемы - установи артистер и будет тебе готовый шаблон, нормально сверстанный, хоть резиновый, хоть заданной ширины

Разработка и продвижение сайтов. Дизайн
SolomidДата: Воскресенье, 19 Мая 2013, 08:54 | Сообщение # 14
был не раз
Сейчас нет на сайте
lvovand, как вы думаете почему я не выложил css код? Да потому что проблема не в нем. А в подключении incud. Шаблон тут не причем. Когда я использую margin только G. Chrome отображает правильно. Так что таким способом
не получиться проблему решить.
aallaДата: Воскресенье, 19 Мая 2013, 09:41 | Сообщение # 15
постоянный участник
Сейчас нет на сайте
Solomid, покажи полностью все файлы
SolomidДата: Воскресенье, 19 Мая 2013, 10:01 | Сообщение # 16
был не раз
Сейчас нет на сайте
index.php
Код

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Документ без названия</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>
<div class="main"> <!-- Главный контейнер -->

    <?php include 'auth.php'; ?>

       <div class="mid">
          
       </div>
          
       <div class="bot">
          
       </div>

</div>
</body>
</html>

auth.php
Код

<div class="top"> <!-- Контейнер шапки сайта -->
       <div class="top-left"> <!-- Календарь -->
           <p>Будущий календарь</p>
           </div>
           <div class="top-logo"> <!-- Логотип сайта -->
           </div>
           <div class="top-right"> <!-- Авторизация -->
               <ul>
                   <li><input type="text" name="FirstName" class="auth_input" /></li>
                   <li><input type="password" name="Password" class="auth_input" /></li>
                   <li><input type="submit" value="Вход" /></li>
                   <li><a href="+">Забыли пароль?</a></li>
                   <li><a href="+">Регистрация!</a></li>
               </ul>
       </div>
</div>


style.css
Код

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

*
{
  padding: 0;
  margin: 0;
}

.main
{
   
}
   
  .top
  {
   max-width: 1024px;
   min-width: 800px;
   margin: 0 auto;
   background: #000000;
   overflow: hidden;
   padding: 0;
   positing: relative;
   margin: 0 auto;
  }
    
   .top-left
   {
    background: #F0F;
    min-width: 80px;
    width: 10%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    height: 150px;
    margin: 0;
    z-index: 10;
   }
    
   .top-logo
   {
    background-image: url(img/logo.png);
    background-repeat: no-repeat;
    width: 640px;
    position: relative;
    top: 0;
    padding: 10px;
    height: 150px;
    margin: 0 auto;    
   }
    
   .top-right
   {
    background: #F0F;
    min-width: 80px;
    width: 10%;
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    height: 150px;
    margin: 0;
    z-index: 10;
   }
    
   .top ul
   {
     
   }
    
   .top ul li
   {
    display: table;
    padding: 3px 0px;
   }
    
   .auth_input
   {
    width: 100%
   }


Сообщение отредактировал Solomid - Воскресенье, 19 Мая 2013, 10:07
aallaДата: Воскресенье, 19 Мая 2013, 10:58 | Сообщение # 17
постоянный участник
Сейчас нет на сайте
Solomid, у меня в хроме, и в мозиле нет промежутка.
23 строка в css positing: relative;
замени на position: relative;
и если ты уже определил для всех
Код
*  
{  
   padding: 0;  
   margin: 0;  
}

то в других классах padding:0, и margin:0 писать не обязательно


Сообщение отредактировал aalla - Воскресенье, 19 Мая 2013, 11:05
lvovandДата: Воскресенье, 19 Мая 2013, 11:03 | Сообщение # 18
старожил
Сейчас нет на сайте
Цитата (Solomid)
как вы думаете почему я не выложил css код? Да потому что проблема не в нем. А в подключении incud. Шаблон тут не причем

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


Разработка и продвижение сайтов. Дизайн
SolomidДата: Воскресенье, 19 Мая 2013, 11:29 | Сообщение # 19
был не раз
Сейчас нет на сайте
Ребята опять нечего не помогло из выше написанного. Как я уже писал проблема не в css т.к при отключении includ и переноса всех строк в index.php всё как надо становиться!
aallaДата: Воскресенье, 19 Мая 2013, 11:39 | Сообщение # 20
постоянный участник
Сейчас нет на сайте
Solomid, ну у меня же нормально все) вот так выглядит у меня

а вообще не мучайся, и возьми framework например этот


Сообщение отредактировал aalla - Воскресенье, 19 Мая 2013, 11:42
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск:

Все права сохранены. GcUp.ru © 2008-2024 Рейтинг